@aivenio/aquarium 1.44.1 → 1.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/src/atoms/DataList/DataList.js +5 -4
- package/dist/src/molecules/Accordion/Accordion.js +2 -1
- package/dist/src/molecules/Input/Input.js +9 -2
- package/dist/styles.css +6 -0
- package/dist/system.cjs +11 -3
- package/dist/system.mjs +21 -13
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
|
@@ -34,15 +34,16 @@ const Cell = (_a) => {
|
|
|
34
34
|
};
|
|
35
35
|
const Row = (_a) => {
|
|
36
36
|
var { className, disabled, subgroup } = _a, rest = __rest(_a, ["className", "disabled", "subgroup"]);
|
|
37
|
-
|
|
37
|
+
const Component = subgroup ? 'span' : 'div';
|
|
38
|
+
return (React.createElement(Component, Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(tw('contents'), className, {
|
|
38
39
|
'children:opacity-70': disabled,
|
|
39
|
-
'[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 ': subgroup,
|
|
40
|
+
'[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 [&:last-child>*:first-child]:border-t': subgroup,
|
|
40
41
|
'group': !subgroup,
|
|
41
42
|
}), role: !subgroup ? 'row' : undefined })));
|
|
42
43
|
};
|
|
43
44
|
const SubGroupSpacing = (_a) => {
|
|
44
45
|
var { className, divider } = _a, rest = __rest(_a, ["className", "divider"]);
|
|
45
|
-
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0', { 'border-b
|
|
46
|
+
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0 border-grey-10', { 'border-b': Boolean(divider) }), className) })));
|
|
46
47
|
};
|
|
47
48
|
const SortCell = (_a) => {
|
|
48
49
|
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
|
@@ -65,4 +66,4 @@ DataList.SubGroupSpacing = SubGroupSpacing;
|
|
|
65
66
|
DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
|
|
66
67
|
DataList.Row = Row;
|
|
67
68
|
DataList.Row.displayName = 'DataList.Row';
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
|
|
@@ -71,6 +71,7 @@ const AccordionPanel = (_a) => {
|
|
|
71
71
|
const style = useSpring({
|
|
72
72
|
height: isOpen ? height !== null && height !== void 0 ? height : 0 : 0,
|
|
73
73
|
opacity: isOpen ? 1 : 0,
|
|
74
|
+
zIndex: isOpen ? 0 : -1,
|
|
74
75
|
config: {
|
|
75
76
|
duration: 150,
|
|
76
77
|
},
|
|
@@ -111,4 +112,4 @@ Accordion.Panel = AccordionPanel;
|
|
|
111
112
|
Accordion.Panel.displayName = 'Accordion.Panel';
|
|
112
113
|
Accordion.UnanimatedPanel = AccordionUnanimatedPanel;
|
|
113
114
|
Accordion.UnanimatedPanel.displayName = 'Accordion.UnanimatedPanel';
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
115
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFNdEQsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQThELElBQUksQ0FBQyxDQUFDO0FBQzFHLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBZ0IsSUFBSSxDQUFDLENBQUM7QUFFeEQsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVG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
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef, useImperativeHandle, useState } from 'react';
|
|
12
|
+
import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
|
|
13
13
|
import { useId } from '@react-aria/utils';
|
|
14
14
|
import omit from 'lodash/omit';
|
|
15
15
|
import toString from 'lodash/toString';
|
|
@@ -62,6 +62,13 @@ const Input = React.forwardRef((_a, ref) => {
|
|
|
62
62
|
var _b, _c, _d;
|
|
63
63
|
var { readOnly = false } = _a, props = __rest(_a, ["readOnly"]);
|
|
64
64
|
const [value, setValue] = useState((_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : '');
|
|
65
|
+
const controlledValue = props.value;
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
// Update internal state 'value' when the controlled value changes
|
|
68
|
+
if (controlledValue !== undefined) {
|
|
69
|
+
setValue(controlledValue);
|
|
70
|
+
}
|
|
71
|
+
}, [controlledValue]);
|
|
65
72
|
// we need a unique ID to be used for an accessible connection between the input and its error message
|
|
66
73
|
const defaultId = useId();
|
|
67
74
|
const id = (_d = props.id) !== null && _d !== void 0 ? _d : defaultId;
|
|
@@ -81,4 +88,4 @@ Input.Skeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
|
|
81
88
|
React.createElement(InputBase.Skeleton, null)));
|
|
82
89
|
Input.Skeleton.displayName = 'Input.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
|
83
90
|
export { Input, InputBase, SearchInput };
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDcEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNEJwRCxNQUFNLFdBQVcsR0FBRyxDQUFDLFdBQW1CLEVBQUUsT0FBcUIsRUFBRSxFQUFzQixFQUFFO0lBQ3ZGLE1BQU0sY0FBYyxHQUFHLFVBQVUsQ0FDL0IsQ0FDRSxFQVNDLEVBQ0QsR0FBRyxFQUNILEVBQUU7O1lBWEYsRUFDRSxJQUFJLEdBQUcsTUFBTSxFQUNiLFNBQVMsRUFDVCxLQUFLLEdBQUcsSUFBSSxFQUNaLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFlBQVksRUFDWixRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRLEdBQUcsS0FBSyxPQUVqQixFQURJLEtBQUssY0FSVixrRkFTQyxDQURTO1FBSVYsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1B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
|
package/dist/styles.css
CHANGED
|
@@ -1608,6 +1608,9 @@ input[type='number'].no-arrows {
|
|
|
1608
1608
|
.border-2{
|
|
1609
1609
|
border-width: 2px;
|
|
1610
1610
|
}
|
|
1611
|
+
.border-t{
|
|
1612
|
+
border-top-width: 1px;
|
|
1613
|
+
}
|
|
1611
1614
|
.border-b{
|
|
1612
1615
|
border-bottom-width: 1px;
|
|
1613
1616
|
}
|
|
@@ -2914,6 +2917,9 @@ input[type='number'].no-arrows {
|
|
|
2914
2917
|
.\[\&\>\.group\>\*\:first-child\]\:border-b-0>.group>*:first-child{
|
|
2915
2918
|
border-bottom-width: 0px;
|
|
2916
2919
|
}
|
|
2920
|
+
.\[\&\:last-child\>\*\:first-child\]\:border-t:last-child>*:first-child{
|
|
2921
|
+
border-top-width: 1px;
|
|
2922
|
+
}
|
|
2917
2923
|
.\[\&\>button\]\:p-0>button{
|
|
2918
2924
|
padding: 0;
|
|
2919
2925
|
}
|
package/dist/system.cjs
CHANGED
|
@@ -9286,6 +9286,12 @@ var Input2 = import_react55.default.forwardRef((_a, ref) => {
|
|
|
9286
9286
|
var _b = _a, { readOnly = false } = _b, props = __objRest(_b, ["readOnly"]);
|
|
9287
9287
|
var _a2, _b2, _c;
|
|
9288
9288
|
const [value, setValue] = (0, import_react55.useState)((_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : "");
|
|
9289
|
+
const controlledValue = props.value;
|
|
9290
|
+
(0, import_react55.useEffect)(() => {
|
|
9291
|
+
if (controlledValue !== void 0) {
|
|
9292
|
+
setValue(controlledValue);
|
|
9293
|
+
}
|
|
9294
|
+
}, [controlledValue]);
|
|
9289
9295
|
const defaultId = (0, import_utils6.useId)();
|
|
9290
9296
|
const id = (_c = props.id) != null ? _c : defaultId;
|
|
9291
9297
|
const errorMessageId = (0, import_utils6.useId)();
|
|
@@ -10260,10 +10266,11 @@ var Cell = (_a) => {
|
|
|
10260
10266
|
};
|
|
10261
10267
|
var Row = (_a) => {
|
|
10262
10268
|
var _b = _a, { className, disabled, subgroup } = _b, rest = __objRest(_b, ["className", "disabled", "subgroup"]);
|
|
10263
|
-
|
|
10269
|
+
const Component = subgroup ? "span" : "div";
|
|
10270
|
+
return /* @__PURE__ */ import_react65.default.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
|
10264
10271
|
className: classNames(tw("contents"), className, {
|
|
10265
10272
|
"children:opacity-70": disabled,
|
|
10266
|
-
"[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 ": subgroup,
|
|
10273
|
+
"[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 [&:last-child>*:first-child]:border-t": subgroup,
|
|
10267
10274
|
"group": !subgroup
|
|
10268
10275
|
}),
|
|
10269
10276
|
role: !subgroup ? "row" : void 0
|
|
@@ -10274,7 +10281,7 @@ var SubGroupSpacing = (_a) => {
|
|
|
10274
10281
|
return /* @__PURE__ */ import_react65.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
|
10275
10282
|
"aria-hidden": true,
|
|
10276
10283
|
className: classNames(
|
|
10277
|
-
tw("col-span-full h-6 bg-grey-0", { "border-b
|
|
10284
|
+
tw("col-span-full h-6 bg-grey-0 border-grey-10", { "border-b": Boolean(divider) }),
|
|
10278
10285
|
className
|
|
10279
10286
|
)
|
|
10280
10287
|
}));
|
|
@@ -10504,6 +10511,7 @@ var AccordionPanel = (_a) => {
|
|
|
10504
10511
|
const style = (0, import_web3.useSpring)({
|
|
10505
10512
|
height: isOpen ? height != null ? height : 0 : 0,
|
|
10506
10513
|
opacity: isOpen ? 1 : 0,
|
|
10514
|
+
zIndex: isOpen ? 0 : -1,
|
|
10507
10515
|
config: {
|
|
10508
10516
|
duration: 150
|
|
10509
10517
|
}
|
package/dist/system.mjs
CHANGED
|
@@ -9031,7 +9031,7 @@ import { useTreeState } from "@react-stately/tree";
|
|
|
9031
9031
|
import omit6 from "lodash/omit";
|
|
9032
9032
|
|
|
9033
9033
|
// src/molecules/Input/Input.tsx
|
|
9034
|
-
import React50, { forwardRef, useImperativeHandle, useState as useState6 } from "react";
|
|
9034
|
+
import React50, { forwardRef, useEffect as useEffect7, useImperativeHandle, useState as useState6 } from "react";
|
|
9035
9035
|
import { useId as useId4 } from "@react-aria/utils";
|
|
9036
9036
|
import omit5 from "lodash/omit";
|
|
9037
9037
|
import toString from "lodash/toString";
|
|
@@ -9142,6 +9142,12 @@ var Input2 = React50.forwardRef((_a, ref) => {
|
|
|
9142
9142
|
var _b = _a, { readOnly = false } = _b, props = __objRest(_b, ["readOnly"]);
|
|
9143
9143
|
var _a2, _b2, _c;
|
|
9144
9144
|
const [value, setValue] = useState6((_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : "");
|
|
9145
|
+
const controlledValue = props.value;
|
|
9146
|
+
useEffect7(() => {
|
|
9147
|
+
if (controlledValue !== void 0) {
|
|
9148
|
+
setValue(controlledValue);
|
|
9149
|
+
}
|
|
9150
|
+
}, [controlledValue]);
|
|
9145
9151
|
const defaultId = useId4();
|
|
9146
9152
|
const id = (_c = props.id) != null ? _c : defaultId;
|
|
9147
9153
|
const errorMessageId = useId4();
|
|
@@ -9818,7 +9824,7 @@ var Pagination = ({
|
|
|
9818
9824
|
};
|
|
9819
9825
|
|
|
9820
9826
|
// src/molecules/Pagination/usePagination.tsx
|
|
9821
|
-
import { useEffect as
|
|
9827
|
+
import { useEffect as useEffect8, useState as useState8 } from "react";
|
|
9822
9828
|
import clamp2 from "lodash/clamp";
|
|
9823
9829
|
var initialState = {
|
|
9824
9830
|
currentPage: 1,
|
|
@@ -9837,7 +9843,7 @@ var usePagination = (items, options) => {
|
|
|
9837
9843
|
setPageSize(pageSize2);
|
|
9838
9844
|
setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
|
|
9839
9845
|
};
|
|
9840
|
-
|
|
9846
|
+
useEffect8(() => {
|
|
9841
9847
|
setCurrentPage(clamp2((options == null ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
|
|
9842
9848
|
}, [items.length]);
|
|
9843
9849
|
return [
|
|
@@ -10116,10 +10122,11 @@ var Cell = (_a) => {
|
|
|
10116
10122
|
};
|
|
10117
10123
|
var Row = (_a) => {
|
|
10118
10124
|
var _b = _a, { className, disabled, subgroup } = _b, rest = __objRest(_b, ["className", "disabled", "subgroup"]);
|
|
10119
|
-
|
|
10125
|
+
const Component = subgroup ? "span" : "div";
|
|
10126
|
+
return /* @__PURE__ */ React59.createElement(Component, __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
|
10120
10127
|
className: classNames(tw("contents"), className, {
|
|
10121
10128
|
"children:opacity-70": disabled,
|
|
10122
|
-
"[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 ": subgroup,
|
|
10129
|
+
"[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 [&:last-child>*:first-child]:border-t": subgroup,
|
|
10123
10130
|
"group": !subgroup
|
|
10124
10131
|
}),
|
|
10125
10132
|
role: !subgroup ? "row" : void 0
|
|
@@ -10130,7 +10137,7 @@ var SubGroupSpacing = (_a) => {
|
|
|
10130
10137
|
return /* @__PURE__ */ React59.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
|
10131
10138
|
"aria-hidden": true,
|
|
10132
10139
|
className: classNames(
|
|
10133
|
-
tw("col-span-full h-6 bg-grey-0", { "border-b
|
|
10140
|
+
tw("col-span-full h-6 bg-grey-0 border-grey-10", { "border-b": Boolean(divider) }),
|
|
10134
10141
|
className
|
|
10135
10142
|
)
|
|
10136
10143
|
}));
|
|
@@ -10360,6 +10367,7 @@ var AccordionPanel = (_a) => {
|
|
|
10360
10367
|
const style = useSpring2({
|
|
10361
10368
|
height: isOpen ? height != null ? height : 0 : 0,
|
|
10362
10369
|
opacity: isOpen ? 1 : 0,
|
|
10370
|
+
zIndex: isOpen ? 0 : -1,
|
|
10363
10371
|
config: {
|
|
10364
10372
|
duration: 150
|
|
10365
10373
|
}
|
|
@@ -11484,7 +11492,7 @@ import castArray from "lodash/castArray";
|
|
|
11484
11492
|
import omit9 from "lodash/omit";
|
|
11485
11493
|
|
|
11486
11494
|
// src/molecules/Tabs/Tabs.tsx
|
|
11487
|
-
import React81, { useEffect as
|
|
11495
|
+
import React81, { useEffect as useEffect9, useLayoutEffect as useLayoutEffect2, useRef as useRef8, useState as useState10 } from "react";
|
|
11488
11496
|
import isNumber5 from "lodash/isNumber";
|
|
11489
11497
|
import kebabCase from "lodash/kebabCase";
|
|
11490
11498
|
var import_chevronLeft4 = __toESM(require_chevronLeft());
|
|
@@ -11656,7 +11664,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
|
|
|
11656
11664
|
showLeftCaret(hasLeftCaret);
|
|
11657
11665
|
showRightCaret(hasRightCaret);
|
|
11658
11666
|
};
|
|
11659
|
-
|
|
11667
|
+
useEffect9(() => {
|
|
11660
11668
|
if (value === void 0) {
|
|
11661
11669
|
return;
|
|
11662
11670
|
}
|
|
@@ -11854,7 +11862,7 @@ var ModalTabs = createTabsComponent(
|
|
|
11854
11862
|
);
|
|
11855
11863
|
|
|
11856
11864
|
// src/molecules/MultiInput/MultiInput.tsx
|
|
11857
|
-
import React84, { useEffect as
|
|
11865
|
+
import React84, { useEffect as useEffect10, useRef as useRef9, useState as useState11 } from "react";
|
|
11858
11866
|
import { useId as useId9 } from "@react-aria/utils";
|
|
11859
11867
|
import castArray2 from "lodash/castArray";
|
|
11860
11868
|
import identity from "lodash/identity";
|
|
@@ -11955,7 +11963,7 @@ var MultiInputBase = (_a) => {
|
|
|
11955
11963
|
const [items, setItems] = useState11((_a2 = value != null ? value : defaultValue) != null ? _a2 : []);
|
|
11956
11964
|
const [hasFocus, setFocus] = useState11(false);
|
|
11957
11965
|
const keyCodes = [delimiter !== "enter" ? " " : null, delimiter !== "space" ? "Enter" : null].filter(identity);
|
|
11958
|
-
|
|
11966
|
+
useEffect10(() => {
|
|
11959
11967
|
const requiresUpdate = value !== void 0 || defaultValue === void 0;
|
|
11960
11968
|
if (requiresUpdate && JSON.stringify(value) !== JSON.stringify(items)) {
|
|
11961
11969
|
setItems(value != null ? value : []);
|
|
@@ -12081,7 +12089,7 @@ var MultiInput = (props) => {
|
|
|
12081
12089
|
var _a, _b, _c, _d, _e;
|
|
12082
12090
|
const maxLength = (_a = props.maxLength) != null ? _a : props.max;
|
|
12083
12091
|
const [value, setValue] = useState11((_c = (_b = props.value) != null ? _b : props.defaultValue) != null ? _c : []);
|
|
12084
|
-
|
|
12092
|
+
useEffect10(() => {
|
|
12085
12093
|
var _a2;
|
|
12086
12094
|
setValue((_a2 = props.value) != null ? _a2 : []);
|
|
12087
12095
|
}, [JSON.stringify(props.value)]);
|
|
@@ -12116,7 +12124,7 @@ MultiInput.Skeleton = MultiInputSkeleton;
|
|
|
12116
12124
|
MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
|
|
12117
12125
|
|
|
12118
12126
|
// src/molecules/MultiSelect/MultiSelect.tsx
|
|
12119
|
-
import React85, { useEffect as
|
|
12127
|
+
import React85, { useEffect as useEffect11, useRef as useRef10, useState as useState12 } from "react";
|
|
12120
12128
|
import { ariaHideOutside as ariaHideOutside2 } from "@react-aria/overlays";
|
|
12121
12129
|
import { useId as useId10 } from "@react-aria/utils";
|
|
12122
12130
|
import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
|
|
@@ -12257,7 +12265,7 @@ var MultiSelectBase = (_a) => {
|
|
|
12257
12265
|
toggle: toggleMenu,
|
|
12258
12266
|
setOpen: (isOpen2) => isOpen2 ? openMenu() : closeMenu()
|
|
12259
12267
|
};
|
|
12260
|
-
|
|
12268
|
+
useEffect11(() => {
|
|
12261
12269
|
if (state.isOpen && inputRef.current && popoverRef.current) {
|
|
12262
12270
|
return ariaHideOutside2([inputRef.current, popoverRef.current]);
|
|
12263
12271
|
}
|