@aivenio/aquarium 2.11.1 → 2.13.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 +12 -3
- package/dist/atoms.mjs +12 -3
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/atoms/Stepper/Stepper.js +2 -2
- package/dist/src/atoms/Table/Table.js +3 -3
- package/dist/src/molecules/Combobox/Combobox.d.ts +6 -1
- package/dist/src/molecules/Combobox/Combobox.js +3 -3
- package/dist/src/molecules/DataList/DataList.js +2 -2
- package/dist/src/molecules/DatePicker/DatePicker.js +2 -2
- package/dist/src/molecules/DatePicker/DateRangePicker.js +4 -4
- package/dist/src/molecules/Divider/Divider.js +2 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +2 -2
- package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -2
- package/dist/src/molecules/Navigation/Navigation.d.ts +2 -1
- package/dist/src/molecules/Navigation/Navigation.js +3 -3
- package/dist/src/molecules/Tooltip/Tooltip.js +1 -1
- package/dist/styles.css +23 -0
- package/dist/system.cjs +29 -17
- package/dist/system.mjs +29 -17
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +6 -4
@@ -47,7 +47,7 @@ export const NativeSelectBase = React.forwardRef((_a, ref) => {
|
|
47
47
|
* {...(props.placeholder && { onBlur: handleBlur })}
|
48
48
|
*/
|
49
49
|
onBlur: handleBlur, className: classNames(tw('block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none', {
|
50
|
-
'px-3 py-3 disabled:border-default disabled:bg-default disabled:text-inactive': !readOnly,
|
50
|
+
'px-3 py-3 bg-body disabled:border-default disabled:bg-default disabled:text-inactive': !readOnly,
|
51
51
|
'px-0 py-3 border-none': readOnly,
|
52
52
|
'border border-danger-default': !valid && !readOnly,
|
53
53
|
'border border-default hover:border-intense focus:border-info-default': valid && !readOnly,
|
@@ -80,4 +80,4 @@ const NativeSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, n
|
|
80
80
|
React.createElement("div", { style: { height: '1px' } })));
|
81
81
|
NativeSelect.Skeleton = NativeSelectSkeleton;
|
82
82
|
NativeSelect.Skeleton.displayName = 'NativeSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9OYXRpdmVTZWxlY3QvTmF0aXZlU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFM0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBYzVDLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUE4QixLQUFLLENBQUMsVUFBVSxDQUN6RSxDQUFDLEVBQTBGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBbkcsRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLEtBQUssR0FBRyxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBeEYseURBQTBGLENBQUY7SUFDdkY7Ozs7T0FJRztJQUNILE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLCtCQUErQixDQUFDLENBQUM7SUFDbkUsa0NBQWtDO0lBQ2xDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMs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
|
@@ -11,7 +11,7 @@ export declare const Navigation: {
|
|
11
11
|
title?: string;
|
12
12
|
}>;
|
13
13
|
Submenu: {
|
14
|
-
({ children, title, icon }: SubmenuProps): React.JSX.Element;
|
14
|
+
({ children, title, icon, defaultOpen }: SubmenuProps): React.JSX.Element;
|
15
15
|
Item: React.FC<React.HTMLProps<HTMLAnchorElement> & {
|
16
16
|
active?: boolean;
|
17
17
|
}>;
|
@@ -34,5 +34,6 @@ type SubmenuProps = {
|
|
34
34
|
*/
|
35
35
|
icon?: IconProps['icon'];
|
36
36
|
children?: React.ReactNode;
|
37
|
+
defaultOpen?: boolean;
|
37
38
|
};
|
38
39
|
export {};
|
@@ -30,8 +30,8 @@ const Item = (_a) => {
|
|
30
30
|
icon && !showNotification && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
|
31
31
|
children));
|
32
32
|
};
|
33
|
-
const Submenu = ({ children, title, icon }) => {
|
34
|
-
const [open, setOpen] = React.useState(
|
33
|
+
const Submenu = ({ children, title, icon, defaultOpen = false }) => {
|
34
|
+
const [open, setOpen] = React.useState(defaultOpen);
|
35
35
|
const id = uniqueId();
|
36
36
|
return (React.createElement(NavigationBase.Submenu, { title: React.createElement(React.Fragment, null,
|
37
37
|
React.createElement(InlineIcon, { icon: open ? caretUpFilled : caretDownFilled, width: "12px", height: "12px", className: "mr-1" }),
|
@@ -49,4 +49,4 @@ Navigation.Footer = NavigationBase.Footer;
|
|
49
49
|
Navigation.Header = NavigationBase.Header;
|
50
50
|
Navigation.Section = NavigationBase.Section;
|
51
51
|
Navigation.Submenu = Submenu;
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVyQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckUsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMzRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFBb0UsRUFBRSxFQUFFO1FBQXhFLEVBQUUsU0FBUyxPQUF5RCxFQUFwRCxLQUFLLGNBQXJCLGFBQXVCLENBQUY7SUFBb0QsT0FBQSxDQUNsRyxvQkFBQyxjQUFjLGtCQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsU0FBUyxDQUFDLElBQU0sS0FBSyxFQUFJLENBQ3ZGLENBQUE7Q0FBQSxDQUFDO0FBY0YsTUFBTSxJQUFJLEdBQUcsQ0FBQyxFQUtpRCxFQUFFLEVBQUU7UUFMckQsRUFDWixRQUFRLEVBQ1IsSUFBSSxFQUNKLGdCQUFnQixHQUFHLEtBQUssT0FFcUMsRUFEMUQsSUFBSSxjQUpLLHdDQUtiLENBRFE7SUFDMkQsT0FBQSxDQUNsRSxvQkFBQyxjQUFjLENBQUMs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
|
@@ -125,4 +125,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
125
125
|
const Arrow = (props) => {
|
126
126
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-body-intense rotate-45') }, props));
|
127
127
|
};
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQWlFbEUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFvRCxDQUFDLEVBQXdDLEVBQUUsRUFBRTs7UUFBNUMsRUFBRSxNQUFNLEdBQUcsSUFBSSxFQUFFLEtBQUssR0FBRyxHQUFHLE9BQVksRUFBUCxLQUFLLGNBQXRDLG1CQUF3QyxDQUFGO0lBQzdHLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFHLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUcsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ2xHLE1BQU0sT0FBTyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFckUsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxVQUFVLEdBQUcs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
|
package/dist/styles.css
CHANGED
@@ -3676,6 +3676,9 @@ input[type='number'].no-arrows {
|
|
3676
3676
|
.aquarium-theme-dark .Aquarium-Toast {
|
3677
3677
|
--aquarium-background-color-body-intense: var(--aquarium-background-color-intense);
|
3678
3678
|
}
|
3679
|
+
.aquarium-theme-dark .Aquarium-Tabs .from-white,.aquarium-theme-dark .Aquarium-Tabs .via-white {
|
3680
|
+
--aquarium-colors-white: var(--aquarium-background-color-muted);
|
3681
|
+
}
|
3679
3682
|
.aquarium-theme-dark .Aquarium-Switch {
|
3680
3683
|
--aquarium-background-color-intense: var(--aquarium-colors-grey-70);
|
3681
3684
|
--aquarium-background-color-primary-intense: var(--aquarium-colors-primary-60);
|
@@ -3707,6 +3710,18 @@ input[type='number'].no-arrows {
|
|
3707
3710
|
stroke: rgba(210,210,214,1);
|
3708
3711
|
stroke: var(--aquarium-border-color-default);
|
3709
3712
|
}
|
3713
|
+
.aquarium-theme-dark .Aquarium-Link {
|
3714
|
+
color: rgba(34,47,149,1);
|
3715
|
+
color: var(--aquarium-text-color-primary-active);
|
3716
|
+
}
|
3717
|
+
.aquarium-theme-dark .Aquarium-Link:active,.aquarium-theme-dark .Aquarium-Link:hover,.aquarium-theme-dark .Aquarium-Link.focus-visible {
|
3718
|
+
color: rgba(129,142,236,1);
|
3719
|
+
color: var(--aquarium-text-color-primary-muted);
|
3720
|
+
}
|
3721
|
+
.aquarium-theme-dark .Aquarium-Link:active,.aquarium-theme-dark .Aquarium-Link:hover,.aquarium-theme-dark .Aquarium-Link:focus-visible {
|
3722
|
+
color: rgba(129,142,236,1);
|
3723
|
+
color: var(--aquarium-text-color-primary-muted);
|
3724
|
+
}
|
3710
3725
|
.aquarium-theme-dark .Aquarium-Button\.Secondary {
|
3711
3726
|
--tw-ring-color: var(--aquarium-text-color-primary-intense);
|
3712
3727
|
}
|
@@ -3749,6 +3764,14 @@ input[type='number'].no-arrows {
|
|
3749
3764
|
.aquarium-theme-dark .Aquarium-Tooltip {
|
3750
3765
|
--aquarium-background-color-body-intense: var(--aquarium-background-color-intense);
|
3751
3766
|
}
|
3767
|
+
.aquarium-theme-dark .Aquarium-Stepper-Indicator {
|
3768
|
+
--aquarium-background-color-intense: var(--aquarium-text-color-inactive);
|
3769
|
+
--aquarium-background-color-body-intense: var(--aquarium-text-color-intense);
|
3770
|
+
}
|
3771
|
+
/* In dark mode, both these popover related components(bg-popover-content) and banner background(bg-muted) colors are set to grey-90. To avoid them blending together, we need to use a different color. */
|
3772
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Dialog .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Drawer .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Popover .Aquarium-Banner {
|
3773
|
+
--aquarium-background-color-muted: var(--aquarium-background-color-default);
|
3774
|
+
}
|
3752
3775
|
.file\:typography-small-strong::file-selector-button{
|
3753
3776
|
font: normal 500 14px/1.42 Inter;
|
3754
3777
|
}
|
package/dist/system.cjs
CHANGED
@@ -4668,7 +4668,15 @@ var Input = import_react3.default.forwardRef((_a, ref) => {
|
|
4668
4668
|
var Menu = import_react3.default.forwardRef(
|
4669
4669
|
(_a, ref) => {
|
4670
4670
|
var _b = _a, { maxHeight = "450px", className, children } = _b, props = __objRest(_b, ["maxHeight", "className", "children"]);
|
4671
|
-
return /* @__PURE__ */ import_react3.default.createElement(
|
4671
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
4672
|
+
"ul",
|
4673
|
+
__spreadValues({
|
4674
|
+
ref,
|
4675
|
+
style: { maxHeight },
|
4676
|
+
className: classNames(className, tw("text-default bg-body overflow-y-auto"))
|
4677
|
+
}, props),
|
4678
|
+
children
|
4679
|
+
);
|
4672
4680
|
}
|
4673
4681
|
);
|
4674
4682
|
var NoResults = import_react3.default.forwardRef(
|
@@ -7902,9 +7910,10 @@ var Divider2 = (_a) => {
|
|
7902
7910
|
return /* @__PURE__ */ import_react21.default.createElement(
|
7903
7911
|
"div",
|
7904
7912
|
__spreadProps(__spreadValues({}, props), {
|
7913
|
+
style: { backgroundColor: "var(--aquarium-border-color-muted)" },
|
7905
7914
|
className: classNames(
|
7906
7915
|
"Aquarium-Divider",
|
7907
|
-
tw(
|
7916
|
+
tw(sizeClass, {
|
7908
7917
|
"block w-full": direction === "horizontal",
|
7909
7918
|
"inline-block h-full": direction === "vertical"
|
7910
7919
|
})
|
@@ -10133,6 +10142,7 @@ var ComboboxBase = (_a) => {
|
|
10133
10142
|
createOption,
|
10134
10143
|
renderOption = (opt) => itemToString(opt),
|
10135
10144
|
isOptionDisabled = isOptionDisabledBuiltin,
|
10145
|
+
clearSelectionEnabled = true,
|
10136
10146
|
getValue = defaultGetValue,
|
10137
10147
|
getOptionKey,
|
10138
10148
|
defaultValue,
|
@@ -10156,6 +10166,7 @@ var ComboboxBase = (_a) => {
|
|
10156
10166
|
"createOption",
|
10157
10167
|
"renderOption",
|
10158
10168
|
"isOptionDisabled",
|
10169
|
+
"clearSelectionEnabled",
|
10159
10170
|
"getValue",
|
10160
10171
|
"getOptionKey",
|
10161
10172
|
"defaultValue",
|
@@ -10306,7 +10317,7 @@ var ComboboxBase = (_a) => {
|
|
10306
10317
|
onKeyUp: (e) => e.stopPropagation()
|
10307
10318
|
})
|
10308
10319
|
),
|
10309
|
-
!readOnly && /* @__PURE__ */ import_react60.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, !!inputProps.value && !disabled && /* @__PURE__ */ import_react60.default.createElement(
|
10320
|
+
!readOnly && /* @__PURE__ */ import_react60.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !!inputProps.value && !disabled && /* @__PURE__ */ import_react60.default.createElement(
|
10310
10321
|
Button.Icon,
|
10311
10322
|
{
|
10312
10323
|
UNSAFE_className: tw("group-hover:opacity-100 py-1", {
|
@@ -11100,10 +11111,10 @@ var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-
|
|
11100
11111
|
});
|
11101
11112
|
var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
|
11102
11113
|
var getHeadCellClassNames = (sticky = true, stickyColumn) => {
|
11103
|
-
const common = tw("py-[14px] text-left
|
11114
|
+
const common = tw("py-[14px] text-left border-intense text-muted font-semibold whitespace-nowrap");
|
11104
11115
|
return sticky ? classNames(
|
11105
11116
|
common,
|
11106
|
-
tw("sticky top-0", {
|
11117
|
+
tw("sticky bg-body top-0", {
|
11107
11118
|
"z-10": !stickyColumn,
|
11108
11119
|
"z-20": Boolean(stickyColumn),
|
11109
11120
|
"left-0": stickyColumn === "left",
|
@@ -11909,7 +11920,7 @@ var getDisabledItemKeys = (children) => {
|
|
11909
11920
|
}
|
11910
11921
|
return null;
|
11911
11922
|
});
|
11912
|
-
return keys.flat().filter((key) => key !== null);
|
11923
|
+
return (keys != null ? keys : []).flat().filter((key) => key !== null);
|
11913
11924
|
};
|
11914
11925
|
|
11915
11926
|
// src/utils/object.ts
|
@@ -12511,7 +12522,7 @@ var DataList2 = (_a) => {
|
|
12511
12522
|
}
|
12512
12523
|
)), isCollapsible && /* @__PURE__ */ import_react80.default.createElement(DataList.HeadCell, { align: "left", sticky }), columns.map((column) => {
|
12513
12524
|
const content = column.headerTooltip ? /* @__PURE__ */ import_react80.default.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName) : column.headerName;
|
12514
|
-
const headerContentAndIcon = column.icon ? /* @__PURE__ */ import_react80.default.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" }, /* @__PURE__ */ import_react80.default.createElement(InlineIcon, { icon: column.icon, height: "22", color: "
|
12525
|
+
const headerContentAndIcon = column.icon ? /* @__PURE__ */ import_react80.default.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" }, /* @__PURE__ */ import_react80.default.createElement(InlineIcon, { icon: column.icon, height: "22", color: "muted", "aria-hidden": true }), content) : content;
|
12515
12526
|
const cell2 = columnHasSort(column) ? /* @__PURE__ */ import_react80.default.createElement(
|
12516
12527
|
DataList.SortCell,
|
12517
12528
|
__spreadValues({
|
@@ -13099,8 +13110,8 @@ var PickerTimeField = ({ granularity }) => {
|
|
13099
13110
|
{
|
13100
13111
|
labelText: "Time",
|
13101
13112
|
granularity: granularity !== "day" ? granularity : void 0,
|
13102
|
-
value: state.timeValue,
|
13103
|
-
onChange: state.setTimeValue,
|
13113
|
+
value: state == null ? void 0 : state.timeValue,
|
13114
|
+
onChange: (value) => value && (state == null ? void 0 : state.setTimeValue(value)),
|
13104
13115
|
reserveSpaceForError: false
|
13105
13116
|
}
|
13106
13117
|
);
|
@@ -13211,15 +13222,15 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
13211
13222
|
);
|
13212
13223
|
};
|
13213
13224
|
var PickerTimeField2 = ({ granularity, part }) => {
|
13214
|
-
var _a;
|
13215
|
-
const
|
13225
|
+
var _a, _b;
|
13226
|
+
const ctx = import_react93.default.useContext(import_react_aria_components10.DateRangePickerStateContext);
|
13216
13227
|
return /* @__PURE__ */ import_react93.default.createElement(
|
13217
13228
|
TimeField,
|
13218
13229
|
{
|
13219
13230
|
labelText: part === "start" ? "Start time" : "End time",
|
13220
13231
|
granularity: granularity !== "day" ? granularity : void 0,
|
13221
|
-
value: (_a = timeRange == null ? void 0 :
|
13222
|
-
onChange: (value) => setTime(part, value),
|
13232
|
+
value: (_b = (_a = ctx == null ? void 0 : ctx.timeRange) == null ? void 0 : _a[part]) != null ? _b : null,
|
13233
|
+
onChange: (value) => ctx == null ? void 0 : ctx.setTime(part, value),
|
13223
13234
|
reserveSpaceForError: false
|
13224
13235
|
}
|
13225
13236
|
);
|
@@ -14414,7 +14425,7 @@ var InputChip = import_react112.default.forwardRef(
|
|
14414
14425
|
"bg-default": disabled
|
14415
14426
|
})
|
14416
14427
|
},
|
14417
|
-
/* @__PURE__ */ import_react112.default.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ import_react112.default.createElement(Typography2, { variant: "small", color: invalid ? "
|
14428
|
+
/* @__PURE__ */ import_react112.default.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ import_react112.default.createElement(Typography2, { variant: "small", color: invalid ? "danger-default" : disabled ? "inactive" : "default" }, children)),
|
14418
14429
|
!readOnly && /* @__PURE__ */ import_react112.default.createElement(
|
14419
14430
|
"div",
|
14420
14431
|
__spreadProps(__spreadValues({
|
@@ -14985,7 +14996,7 @@ var NativeSelectBase = import_react115.default.forwardRef(
|
|
14985
14996
|
tw(
|
14986
14997
|
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
|
14987
14998
|
{
|
14988
|
-
"px-3 py-3 disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
|
14999
|
+
"px-3 py-3 bg-body disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
|
14989
15000
|
"px-0 py-3 border-none": readOnly,
|
14990
15001
|
"border border-danger-default": !valid && !readOnly,
|
14991
15002
|
"border border-default hover:border-intense focus:border-info-default": valid && !readOnly
|
@@ -15153,8 +15164,8 @@ var Item6 = (_a) => {
|
|
15153
15164
|
]);
|
15154
15165
|
return /* @__PURE__ */ import_react117.default.createElement(Navigation.Item, __spreadValues({}, rest), icon && showNotification && /* @__PURE__ */ import_react117.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react117.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" })), icon && !showNotification && /* @__PURE__ */ import_react117.default.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), children);
|
15155
15166
|
};
|
15156
|
-
var Submenu2 = ({ children, title, icon }) => {
|
15157
|
-
const [open, setOpen] = import_react117.default.useState(
|
15167
|
+
var Submenu2 = ({ children, title, icon, defaultOpen = false }) => {
|
15168
|
+
const [open, setOpen] = import_react117.default.useState(defaultOpen);
|
15158
15169
|
const id = (0, import_lodash_es39.uniqueId)();
|
15159
15170
|
return /* @__PURE__ */ import_react117.default.createElement(
|
15160
15171
|
Navigation.Submenu,
|
@@ -15959,6 +15970,7 @@ var Indicator = (_a) => {
|
|
15959
15970
|
"div",
|
15960
15971
|
__spreadProps(__spreadValues({}, rest), {
|
15961
15972
|
className: classNames(
|
15973
|
+
"Aquarium-Stepper-Indicator",
|
15962
15974
|
tw("rounded-full flex justify-center items-center mx-2 mb-3"),
|
15963
15975
|
dense ? getDenseClassNames(state) : getClassNames(state),
|
15964
15976
|
className
|
package/dist/system.mjs
CHANGED
@@ -4505,7 +4505,15 @@ var Input = React2.forwardRef((_a, ref) => {
|
|
4505
4505
|
var Menu = React2.forwardRef(
|
4506
4506
|
(_a, ref) => {
|
4507
4507
|
var _b = _a, { maxHeight = "450px", className, children } = _b, props = __objRest(_b, ["maxHeight", "className", "children"]);
|
4508
|
-
return /* @__PURE__ */ React2.createElement(
|
4508
|
+
return /* @__PURE__ */ React2.createElement(
|
4509
|
+
"ul",
|
4510
|
+
__spreadValues({
|
4511
|
+
ref,
|
4512
|
+
style: { maxHeight },
|
4513
|
+
className: classNames(className, tw("text-default bg-body overflow-y-auto"))
|
4514
|
+
}, props),
|
4515
|
+
children
|
4516
|
+
);
|
4509
4517
|
}
|
4510
4518
|
);
|
4511
4519
|
var NoResults = React2.forwardRef(
|
@@ -7739,9 +7747,10 @@ var Divider2 = (_a) => {
|
|
7739
7747
|
return /* @__PURE__ */ React17.createElement(
|
7740
7748
|
"div",
|
7741
7749
|
__spreadProps(__spreadValues({}, props), {
|
7750
|
+
style: { backgroundColor: "var(--aquarium-border-color-muted)" },
|
7742
7751
|
className: classNames(
|
7743
7752
|
"Aquarium-Divider",
|
7744
|
-
tw(
|
7753
|
+
tw(sizeClass, {
|
7745
7754
|
"block w-full": direction === "horizontal",
|
7746
7755
|
"inline-block h-full": direction === "vertical"
|
7747
7756
|
})
|
@@ -9970,6 +9979,7 @@ var ComboboxBase = (_a) => {
|
|
9970
9979
|
createOption,
|
9971
9980
|
renderOption = (opt) => itemToString(opt),
|
9972
9981
|
isOptionDisabled = isOptionDisabledBuiltin,
|
9982
|
+
clearSelectionEnabled = true,
|
9973
9983
|
getValue = defaultGetValue,
|
9974
9984
|
getOptionKey,
|
9975
9985
|
defaultValue,
|
@@ -9993,6 +10003,7 @@ var ComboboxBase = (_a) => {
|
|
9993
10003
|
"createOption",
|
9994
10004
|
"renderOption",
|
9995
10005
|
"isOptionDisabled",
|
10006
|
+
"clearSelectionEnabled",
|
9996
10007
|
"getValue",
|
9997
10008
|
"getOptionKey",
|
9998
10009
|
"defaultValue",
|
@@ -10143,7 +10154,7 @@ var ComboboxBase = (_a) => {
|
|
10143
10154
|
onKeyUp: (e) => e.stopPropagation()
|
10144
10155
|
})
|
10145
10156
|
),
|
10146
|
-
!readOnly && /* @__PURE__ */ React54.createElement(Box.Flex, { alignItems: "center", gap: "2" }, !!inputProps.value && !disabled && /* @__PURE__ */ React54.createElement(
|
10157
|
+
!readOnly && /* @__PURE__ */ React54.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !!inputProps.value && !disabled && /* @__PURE__ */ React54.createElement(
|
10147
10158
|
Button.Icon,
|
10148
10159
|
{
|
10149
10160
|
UNSAFE_className: tw("group-hover:opacity-100 py-1", {
|
@@ -10937,10 +10948,10 @@ var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-
|
|
10937
10948
|
});
|
10938
10949
|
var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
|
10939
10950
|
var getHeadCellClassNames = (sticky = true, stickyColumn) => {
|
10940
|
-
const common = tw("py-[14px] text-left
|
10951
|
+
const common = tw("py-[14px] text-left border-intense text-muted font-semibold whitespace-nowrap");
|
10941
10952
|
return sticky ? classNames(
|
10942
10953
|
common,
|
10943
|
-
tw("sticky top-0", {
|
10954
|
+
tw("sticky bg-body top-0", {
|
10944
10955
|
"z-10": !stickyColumn,
|
10945
10956
|
"z-20": Boolean(stickyColumn),
|
10946
10957
|
"left-0": stickyColumn === "left",
|
@@ -11746,7 +11757,7 @@ var getDisabledItemKeys = (children) => {
|
|
11746
11757
|
}
|
11747
11758
|
return null;
|
11748
11759
|
});
|
11749
|
-
return keys.flat().filter((key) => key !== null);
|
11760
|
+
return (keys != null ? keys : []).flat().filter((key) => key !== null);
|
11750
11761
|
};
|
11751
11762
|
|
11752
11763
|
// src/utils/object.ts
|
@@ -12348,7 +12359,7 @@ var DataList2 = (_a) => {
|
|
12348
12359
|
}
|
12349
12360
|
)), isCollapsible && /* @__PURE__ */ React72.createElement(DataList.HeadCell, { align: "left", sticky }), columns.map((column) => {
|
12350
12361
|
const content = column.headerTooltip ? /* @__PURE__ */ React72.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName) : column.headerName;
|
12351
|
-
const headerContentAndIcon = column.icon ? /* @__PURE__ */ React72.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" }, /* @__PURE__ */ React72.createElement(InlineIcon, { icon: column.icon, height: "22", color: "
|
12362
|
+
const headerContentAndIcon = column.icon ? /* @__PURE__ */ React72.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" }, /* @__PURE__ */ React72.createElement(InlineIcon, { icon: column.icon, height: "22", color: "muted", "aria-hidden": true }), content) : content;
|
12352
12363
|
const cell2 = columnHasSort(column) ? /* @__PURE__ */ React72.createElement(
|
12353
12364
|
DataList.SortCell,
|
12354
12365
|
__spreadValues({
|
@@ -12955,8 +12966,8 @@ var PickerTimeField = ({ granularity }) => {
|
|
12955
12966
|
{
|
12956
12967
|
labelText: "Time",
|
12957
12968
|
granularity: granularity !== "day" ? granularity : void 0,
|
12958
|
-
value: state.timeValue,
|
12959
|
-
onChange: state.setTimeValue,
|
12969
|
+
value: state == null ? void 0 : state.timeValue,
|
12970
|
+
onChange: (value) => value && (state == null ? void 0 : state.setTimeValue(value)),
|
12960
12971
|
reserveSpaceForError: false
|
12961
12972
|
}
|
12962
12973
|
);
|
@@ -13076,15 +13087,15 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
13076
13087
|
);
|
13077
13088
|
};
|
13078
13089
|
var PickerTimeField2 = ({ granularity, part }) => {
|
13079
|
-
var _a;
|
13080
|
-
const
|
13090
|
+
var _a, _b;
|
13091
|
+
const ctx = React85.useContext(DateRangePickerStateContext);
|
13081
13092
|
return /* @__PURE__ */ React85.createElement(
|
13082
13093
|
TimeField,
|
13083
13094
|
{
|
13084
13095
|
labelText: part === "start" ? "Start time" : "End time",
|
13085
13096
|
granularity: granularity !== "day" ? granularity : void 0,
|
13086
|
-
value: (_a = timeRange == null ? void 0 :
|
13087
|
-
onChange: (value) => setTime(part, value),
|
13097
|
+
value: (_b = (_a = ctx == null ? void 0 : ctx.timeRange) == null ? void 0 : _a[part]) != null ? _b : null,
|
13098
|
+
onChange: (value) => ctx == null ? void 0 : ctx.setTime(part, value),
|
13088
13099
|
reserveSpaceForError: false
|
13089
13100
|
}
|
13090
13101
|
);
|
@@ -14279,7 +14290,7 @@ var InputChip = React103.forwardRef(
|
|
14279
14290
|
"bg-default": disabled
|
14280
14291
|
})
|
14281
14292
|
},
|
14282
|
-
/* @__PURE__ */ React103.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ React103.createElement(Typography2, { variant: "small", color: invalid ? "
|
14293
|
+
/* @__PURE__ */ React103.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ React103.createElement(Typography2, { variant: "small", color: invalid ? "danger-default" : disabled ? "inactive" : "default" }, children)),
|
14283
14294
|
!readOnly && /* @__PURE__ */ React103.createElement(
|
14284
14295
|
"div",
|
14285
14296
|
__spreadProps(__spreadValues({
|
@@ -14850,7 +14861,7 @@ var NativeSelectBase = React106.forwardRef(
|
|
14850
14861
|
tw(
|
14851
14862
|
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
|
14852
14863
|
{
|
14853
|
-
"px-3 py-3 disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
|
14864
|
+
"px-3 py-3 bg-body disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
|
14854
14865
|
"px-0 py-3 border-none": readOnly,
|
14855
14866
|
"border border-danger-default": !valid && !readOnly,
|
14856
14867
|
"border border-default hover:border-intense focus:border-info-default": valid && !readOnly
|
@@ -15018,8 +15029,8 @@ var Item6 = (_a) => {
|
|
15018
15029
|
]);
|
15019
15030
|
return /* @__PURE__ */ React108.createElement(Navigation.Item, __spreadValues({}, rest), icon && showNotification && /* @__PURE__ */ React108.createElement(Badge.Notification, null, /* @__PURE__ */ React108.createElement(InlineIcon, { icon, width: "20px", height: "20px" })), icon && !showNotification && /* @__PURE__ */ React108.createElement(InlineIcon, { icon, width: "20px", height: "20px" }), children);
|
15020
15031
|
};
|
15021
|
-
var Submenu2 = ({ children, title, icon }) => {
|
15022
|
-
const [open, setOpen] = React108.useState(
|
15032
|
+
var Submenu2 = ({ children, title, icon, defaultOpen = false }) => {
|
15033
|
+
const [open, setOpen] = React108.useState(defaultOpen);
|
15023
15034
|
const id = uniqueId2();
|
15024
15035
|
return /* @__PURE__ */ React108.createElement(
|
15025
15036
|
Navigation.Submenu,
|
@@ -15824,6 +15835,7 @@ var Indicator = (_a) => {
|
|
15824
15835
|
"div",
|
15825
15836
|
__spreadProps(__spreadValues({}, rest), {
|
15826
15837
|
className: classNames(
|
15838
|
+
"Aquarium-Stepper-Indicator",
|
15827
15839
|
tw("rounded-full flex justify-center items-center mx-2 mb-3"),
|
15828
15840
|
dense ? getDenseClassNames(state) : getClassNames(state),
|
15829
15841
|
className
|