@aivenio/aquarium 4.3.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/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/Modal/Modal.js +5 -4
- package/dist/styles.css +3 -3
- package/dist/system.cjs +13 -7
- package/dist/system.mjs +14 -8
- 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 }) => {
|
|
@@ -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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
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
|
|
14
|
-
import { castArray, omit } from 'lodash-es';
|
|
14
|
+
import { castArray, isEmpty, omit } from 'lodash-es';
|
|
15
15
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
16
16
|
import { createTabsComponent, ModalTab, TabContainer as ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
|
|
17
17
|
import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
|
|
@@ -25,6 +25,7 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
25
25
|
}
|
|
26
26
|
const styles = modalStyles({ kind: 'dialog', size });
|
|
27
27
|
const hasTabs = isComponentType(children, ModalTabs);
|
|
28
|
+
const hasActions = (secondaryActions && !isEmpty(secondaryActions)) || primaryAction;
|
|
28
29
|
return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose(), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
|
|
29
30
|
size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
|
|
30
31
|
React.createElement(AriaModal, { className: styles.dialog() },
|
|
@@ -36,8 +37,8 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
36
37
|
React.createElement(BaseModal.TitleContainer, null,
|
|
37
38
|
React.createElement(ModalTitle, { kind: "dialog" }, title),
|
|
38
39
|
subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
|
|
39
|
-
hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !
|
|
40
|
-
|
|
40
|
+
hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !hasActions, size: size }, children)),
|
|
41
|
+
hasActions && (React.createElement(BaseModal.Footer, null,
|
|
41
42
|
React.createElement(BaseModal.Actions, null,
|
|
42
43
|
secondaryActions &&
|
|
43
44
|
castArray(secondaryActions)
|
|
@@ -50,4 +51,4 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
50
51
|
};
|
|
51
52
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
52
53
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxPQUFPLEdBSVIsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQTJDMUMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQzFDLElBQUksRUFDSixPQUFPLEVBQ1AsVUFBVSxHQUFHLElBQUksRUFDakIsSUFBSSxHQUFHLElBQUksRUFDWCxXQUFXLEVBQ1gsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDVixPQUFPLElBQUks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
|
package/dist/styles.css
CHANGED
|
@@ -1130,9 +1130,6 @@ input[type='number'].no-arrows {
|
|
|
1130
1130
|
.mb-5{
|
|
1131
1131
|
margin-bottom: 16px;
|
|
1132
1132
|
}
|
|
1133
|
-
.mb-6{
|
|
1134
|
-
margin-bottom: 24px;
|
|
1135
|
-
}
|
|
1136
1133
|
.mb-\[-20px\]{
|
|
1137
1134
|
margin-bottom: -20px;
|
|
1138
1135
|
}
|
|
@@ -2969,6 +2966,9 @@ input[type='number'].no-arrows {
|
|
|
2969
2966
|
.pt-3{
|
|
2970
2967
|
padding-top: 8px;
|
|
2971
2968
|
}
|
|
2969
|
+
.pt-6{
|
|
2970
|
+
padding-top: 24px;
|
|
2971
|
+
}
|
|
2972
2972
|
.text-left{
|
|
2973
2973
|
text-align: left;
|
|
2974
2974
|
}
|
package/dist/system.cjs
CHANGED
|
@@ -15227,7 +15227,8 @@ var modalStyles = (0, import_tailwind_variants13.tv)({
|
|
|
15227
15227
|
screen: {
|
|
15228
15228
|
overlay: "py-0",
|
|
15229
15229
|
dialog: "w-dvw h-dvh mx-0 rounded-none",
|
|
15230
|
-
header: "border-b-1 border-muted
|
|
15230
|
+
header: "border-b-1 border-muted",
|
|
15231
|
+
body: "pt-6"
|
|
15231
15232
|
}
|
|
15232
15233
|
},
|
|
15233
15234
|
noFooter: {
|
|
@@ -15330,8 +15331,8 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
|
15330
15331
|
const { titleContainer } = modalStyles();
|
|
15331
15332
|
return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
|
|
15332
15333
|
};
|
|
15333
|
-
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
|
|
15334
|
-
const { body } = modalStyles();
|
|
15334
|
+
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
|
|
15335
|
+
const { body } = modalStyles({ size });
|
|
15335
15336
|
return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
|
|
15336
15337
|
};
|
|
15337
15338
|
Modal.Footer = ({ children, className, ...rest }) => {
|
|
@@ -15983,8 +15984,8 @@ var FilterTrigger = ({
|
|
|
15983
15984
|
onClear,
|
|
15984
15985
|
onClick,
|
|
15985
15986
|
value,
|
|
15986
|
-
// children,
|
|
15987
15987
|
error: error2 = false,
|
|
15988
|
+
clearSelectionEnabled = true,
|
|
15988
15989
|
...props
|
|
15989
15990
|
}) => {
|
|
15990
15991
|
const ariaDatePickerState = import_react106.default.useContext(import_react_aria_components18.DatePickerStateContext);
|
|
@@ -15999,7 +16000,7 @@ var FilterTrigger = ({
|
|
|
15999
16000
|
}
|
|
16000
16001
|
};
|
|
16001
16002
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
|
16002
|
-
const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
|
16003
|
+
const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
|
16003
16004
|
return /* @__PURE__ */ import_react106.default.createElement(
|
|
16004
16005
|
import_react_aria_components18.Group,
|
|
16005
16006
|
{
|
|
@@ -16022,7 +16023,11 @@ var FilterTrigger = ({
|
|
|
16022
16023
|
/* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ import_react106.default.createElement(InlineIcon, { icon }), /* @__PURE__ */ import_react106.default.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ import_react106.default.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ import_react106.default.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ import_react106.default.createElement("div", { className: "pl-3" }, /* @__PURE__ */ import_react106.default.createElement(
|
|
16023
16024
|
Typography2.Small,
|
|
16024
16025
|
{
|
|
16025
|
-
className: tw("truncate
|
|
16026
|
+
className: tw("truncate", {
|
|
16027
|
+
"max-w-[320px]": isUsedInsideDateRangePicker,
|
|
16028
|
+
"max-w-[233px]": !isUsedInsideDateRangePicker
|
|
16029
|
+
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
|
16030
|
+
}),
|
|
16026
16031
|
color: error2 ? "danger-intense" : "primary-active"
|
|
16027
16032
|
},
|
|
16028
16033
|
value,
|
|
@@ -16166,6 +16171,7 @@ var Modal2 = ({
|
|
|
16166
16171
|
}
|
|
16167
16172
|
const styles = modalStyles({ kind: "dialog", size });
|
|
16168
16173
|
const hasTabs = isComponentType(children, ModalTabs);
|
|
16174
|
+
const hasActions = secondaryActions && !(0, import_lodash_es38.isEmpty)(secondaryActions) || primaryAction;
|
|
16169
16175
|
return /* @__PURE__ */ import_react110.default.createElement(
|
|
16170
16176
|
import_react_aria_components19.ModalOverlay,
|
|
16171
16177
|
{
|
|
@@ -16184,7 +16190,7 @@ var Modal2 = ({
|
|
|
16184
16190
|
className: tw({ "pb-3": isComponentType(children, ModalTabs) })
|
|
16185
16191
|
},
|
|
16186
16192
|
/* @__PURE__ */ import_react110.default.createElement(Modal.TitleContainer, null, /* @__PURE__ */ import_react110.default.createElement(ModalTitle, { kind: "dialog" }, title), subtitle && /* @__PURE__ */ import_react110.default.createElement(Modal.Subtitle, null, subtitle))
|
|
16187
|
-
), hasTabs ? import_react110.default.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ import_react110.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !
|
|
16193
|
+
), hasTabs ? import_react110.default.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ import_react110.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ import_react110.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react110.default.createElement(Modal.Actions, null, secondaryActions && (0, import_lodash_es38.castArray)(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ import_react110.default.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ import_react110.default.createElement(Button2.Primary, { key: primaryAction.text, ...(0, import_lodash_es38.omit)(primaryAction, "text") }, primaryAction.text))))))
|
|
16188
16194
|
);
|
|
16189
16195
|
};
|
|
16190
16196
|
var ModalTabs = createTabsComponent(
|
package/dist/system.mjs
CHANGED
|
@@ -15128,7 +15128,8 @@ var modalStyles = tv13({
|
|
|
15128
15128
|
screen: {
|
|
15129
15129
|
overlay: "py-0",
|
|
15130
15130
|
dialog: "w-dvw h-dvh mx-0 rounded-none",
|
|
15131
|
-
header: "border-b-1 border-muted
|
|
15131
|
+
header: "border-b-1 border-muted",
|
|
15132
|
+
body: "pt-6"
|
|
15132
15133
|
}
|
|
15133
15134
|
},
|
|
15134
15135
|
noFooter: {
|
|
@@ -15231,8 +15232,8 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
|
15231
15232
|
const { titleContainer } = modalStyles();
|
|
15232
15233
|
return /* @__PURE__ */ React89.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
|
|
15233
15234
|
};
|
|
15234
|
-
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
|
|
15235
|
-
const { body } = modalStyles();
|
|
15235
|
+
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
|
|
15236
|
+
const { body } = modalStyles({ size });
|
|
15236
15237
|
return /* @__PURE__ */ React89.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
|
|
15237
15238
|
};
|
|
15238
15239
|
Modal.Footer = ({ children, className, ...rest }) => {
|
|
@@ -15889,8 +15890,8 @@ var FilterTrigger = ({
|
|
|
15889
15890
|
onClear,
|
|
15890
15891
|
onClick,
|
|
15891
15892
|
value,
|
|
15892
|
-
// children,
|
|
15893
15893
|
error: error2 = false,
|
|
15894
|
+
clearSelectionEnabled = true,
|
|
15894
15895
|
...props
|
|
15895
15896
|
}) => {
|
|
15896
15897
|
const ariaDatePickerState = React97.useContext(AriaDatePickerStateContext2);
|
|
@@ -15905,7 +15906,7 @@ var FilterTrigger = ({
|
|
|
15905
15906
|
}
|
|
15906
15907
|
};
|
|
15907
15908
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
|
15908
|
-
const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
|
15909
|
+
const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
|
15909
15910
|
return /* @__PURE__ */ React97.createElement(
|
|
15910
15911
|
AriaGroup,
|
|
15911
15912
|
{
|
|
@@ -15928,7 +15929,11 @@ var FilterTrigger = ({
|
|
|
15928
15929
|
/* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ React97.createElement(InlineIcon, { icon }), /* @__PURE__ */ React97.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ React97.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ React97.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ React97.createElement("div", { className: "pl-3" }, /* @__PURE__ */ React97.createElement(
|
|
15929
15930
|
Typography2.Small,
|
|
15930
15931
|
{
|
|
15931
|
-
className: tw("truncate
|
|
15932
|
+
className: tw("truncate", {
|
|
15933
|
+
"max-w-[320px]": isUsedInsideDateRangePicker,
|
|
15934
|
+
"max-w-[233px]": !isUsedInsideDateRangePicker
|
|
15935
|
+
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
|
15936
|
+
}),
|
|
15932
15937
|
color: error2 ? "danger-intense" : "primary-active"
|
|
15933
15938
|
},
|
|
15934
15939
|
value,
|
|
@@ -16053,7 +16058,7 @@ var ListItem = ({ name, icon, active = false }) => {
|
|
|
16053
16058
|
// src/molecules/Modal/Modal.tsx
|
|
16054
16059
|
import React101 from "react";
|
|
16055
16060
|
import { Dialog as AriaDialog3, Modal as AriaModal2, ModalOverlay as AriaModalOverlay2 } from "react-aria-components";
|
|
16056
|
-
import { castArray as castArray4, omit as omit12 } from "lodash-es";
|
|
16061
|
+
import { castArray as castArray4, isEmpty as isEmpty2, omit as omit12 } from "lodash-es";
|
|
16057
16062
|
var import_cross8 = __toESM(require_cross());
|
|
16058
16063
|
var Modal2 = ({
|
|
16059
16064
|
open,
|
|
@@ -16072,6 +16077,7 @@ var Modal2 = ({
|
|
|
16072
16077
|
}
|
|
16073
16078
|
const styles = modalStyles({ kind: "dialog", size });
|
|
16074
16079
|
const hasTabs = isComponentType(children, ModalTabs);
|
|
16080
|
+
const hasActions = secondaryActions && !isEmpty2(secondaryActions) || primaryAction;
|
|
16075
16081
|
return /* @__PURE__ */ React101.createElement(
|
|
16076
16082
|
AriaModalOverlay2,
|
|
16077
16083
|
{
|
|
@@ -16090,7 +16096,7 @@ var Modal2 = ({
|
|
|
16090
16096
|
className: tw({ "pb-3": isComponentType(children, ModalTabs) })
|
|
16091
16097
|
},
|
|
16092
16098
|
/* @__PURE__ */ React101.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React101.createElement(ModalTitle, { kind: "dialog" }, title), subtitle && /* @__PURE__ */ React101.createElement(Modal.Subtitle, null, subtitle))
|
|
16093
|
-
), hasTabs ? React101.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React101.createElement(Modal.Body, { tabIndex: 0, noFooter: !
|
|
16099
|
+
), hasTabs ? React101.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React101.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ React101.createElement(Modal.Footer, null, /* @__PURE__ */ React101.createElement(Modal.Actions, null, secondaryActions && castArray4(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ React101.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ React101.createElement(Button2.Primary, { key: primaryAction.text, ...omit12(primaryAction, "text") }, primaryAction.text))))))
|
|
16094
16100
|
);
|
|
16095
16101
|
};
|
|
16096
16102
|
var ModalTabs = createTabsComponent(
|