@aivenio/aquarium 1.38.0 → 1.38.1
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/README.md +18 -0
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/src/molecules/Section/Section.js +15 -8
- package/dist/system.cjs +12 -6
- package/dist/system.mjs +12 -6
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
@@ -30,6 +30,24 @@ Implementation of Aiven Aquarium design system, released as an npm package. Quic
|
|
30
30
|
)
|
31
31
|
)
|
32
32
|
```
|
33
|
+
- If you encounter problems resolving EcmaScript modules disable "fullySpecified" mode using this Webpack config:
|
34
|
+
```module.exports = {
|
35
|
+
webpack: {
|
36
|
+
configure: {
|
37
|
+
module: {
|
38
|
+
rules: [
|
39
|
+
{
|
40
|
+
test: /\.m?js/,
|
41
|
+
resolve: {
|
42
|
+
fullySpecified: false,
|
43
|
+
},
|
44
|
+
},
|
45
|
+
]
|
46
|
+
},
|
47
|
+
}
|
48
|
+
},
|
49
|
+
};
|
50
|
+
```
|
33
51
|
|
34
52
|
## Developing the Aquarium components
|
35
53
|
|
package/dist/_variables.scss
CHANGED
@@ -14,7 +14,6 @@ import { useId } from '@react-aria/utils';
|
|
14
14
|
import { animated, useSpring } from '@react-spring/web';
|
15
15
|
import castArray from 'lodash/castArray';
|
16
16
|
import isUndefined from 'lodash/isUndefined';
|
17
|
-
import noop from 'lodash/noop';
|
18
17
|
import partialTheme from '../../../tailwind.theme.json';
|
19
18
|
import { Box } from '../../../src/molecules/Box/Box';
|
20
19
|
import { Button } from '../../../src/molecules/Button/Button';
|
@@ -29,7 +28,7 @@ import { tw } from '../../../src/utils/tailwind';
|
|
29
28
|
import { useMeasure } from '../../../src/utils/useMeasure';
|
30
29
|
import more from '../../../src/icons/more';
|
31
30
|
export const Section = (props) => {
|
32
|
-
var _a, _b, _c, _d, _e
|
31
|
+
var _a, _b, _c, _d, _e;
|
33
32
|
const { title, subtitle, actions, children } = props;
|
34
33
|
const _collapsible = title ? (_a = props.collapsible) !== null && _a !== void 0 ? _a : false : false;
|
35
34
|
const _collapsed = title ? props.collapsed : undefined;
|
@@ -42,16 +41,24 @@ export const Section = (props) => {
|
|
42
41
|
const menuAriaLabel = title ? (_e = (_d = props.menuAriaLabel) !== null && _d !== void 0 ? _d : props.menuLabel) !== null && _e !== void 0 ? _e : 'Context menu' : undefined;
|
43
42
|
const onAction = title ? props.onAction : undefined;
|
44
43
|
const onMenuOpenChange = title ? props.onMenuOpenChange : undefined;
|
45
|
-
|
46
|
-
const _onCollapsedChanged = title && props.collapsible ? (_f = props.onCollapsedChange) !== null && _f !== void 0 ? _f : setCollapsed : noop;
|
44
|
+
const onCollapsedChange = title ? props.onCollapsedChange : undefined;
|
47
45
|
if (title && !isUndefined(props.collapsed) && props.collapsed !== isCollapsed) {
|
48
46
|
setCollapsed(props.collapsed);
|
49
47
|
}
|
50
48
|
const handleTitleClick = () => {
|
51
|
-
|
49
|
+
if (_collapsible) {
|
50
|
+
// This is sometimes defined for tracking purposes so we want to call it always when available.
|
51
|
+
if (onCollapsedChange) {
|
52
|
+
onCollapsedChange(!isCollapsed);
|
53
|
+
}
|
54
|
+
// Only if collapsed prop is not defined we are in uncontrolled mode and we can update the state
|
55
|
+
if (_collapsed === undefined) {
|
56
|
+
setCollapsed(!isCollapsed);
|
57
|
+
}
|
58
|
+
}
|
52
59
|
};
|
53
60
|
const targetHeight = isCollapsed ? '0px' : `${height !== null && height !== void 0 ? height : 0}px`;
|
54
|
-
const
|
61
|
+
const _f = useSpring({
|
55
62
|
height: height !== null ? targetHeight : undefined,
|
56
63
|
opacity: isCollapsed ? 0 : 1,
|
57
64
|
transform: `rotate(${isCollapsed ? 0 : 180}deg)`,
|
@@ -60,7 +67,7 @@ export const Section = (props) => {
|
|
60
67
|
duration: 150,
|
61
68
|
},
|
62
69
|
immediate: !_collapsible,
|
63
|
-
}), { transform, backgroundColor } =
|
70
|
+
}), { transform, backgroundColor } = _f, spring = __rest(_f, ["transform", "backgroundColor"]);
|
64
71
|
const toggleId = useId();
|
65
72
|
const regionId = useId();
|
66
73
|
return (React.createElement(BaseSection, { "aria-label": title, className: "Aquarium-Section" },
|
@@ -92,4 +99,4 @@ export const Section = (props) => {
|
|
92
99
|
React.createElement("div", { ref: ref },
|
93
100
|
React.createElement(BaseSection.Body, null, children)))));
|
94
101
|
};
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsTUFBTSxFQUFvQixNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQXNCLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLE9BQU8sSUFBSSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUduRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBS2xELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBMEVs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
|
package/dist/system.cjs
CHANGED
@@ -13069,7 +13069,6 @@ var import_utils14 = require("@react-aria/utils");
|
|
13069
13069
|
var import_web3 = require("@react-spring/web");
|
13070
13070
|
var import_castArray4 = __toESM(require("lodash/castArray"));
|
13071
13071
|
var import_isUndefined8 = __toESM(require("lodash/isUndefined"));
|
13072
|
-
var import_noop = __toESM(require("lodash/noop"));
|
13073
13072
|
|
13074
13073
|
// src/molecules/Switch/Switch.tsx
|
13075
13074
|
var import_react103 = __toESM(require("react"));
|
@@ -13296,7 +13295,7 @@ function useMeasure() {
|
|
13296
13295
|
// src/molecules/Section/Section.tsx
|
13297
13296
|
var import_more5 = __toESM(require_more());
|
13298
13297
|
var Section4 = (props) => {
|
13299
|
-
var _a, _b, _c, _d, _e
|
13298
|
+
var _a, _b, _c, _d, _e;
|
13300
13299
|
const { title, subtitle, actions, children } = props;
|
13301
13300
|
const _collapsible = title ? (_a = props.collapsible) != null ? _a : false : false;
|
13302
13301
|
const _collapsed = title ? props.collapsed : void 0;
|
@@ -13307,15 +13306,22 @@ var Section4 = (props) => {
|
|
13307
13306
|
const menuAriaLabel = title ? (_e = (_d = props.menuAriaLabel) != null ? _d : props.menuLabel) != null ? _e : "Context menu" : void 0;
|
13308
13307
|
const onAction = title ? props.onAction : void 0;
|
13309
13308
|
const onMenuOpenChange = title ? props.onMenuOpenChange : void 0;
|
13310
|
-
const
|
13309
|
+
const onCollapsedChange = title ? props.onCollapsedChange : void 0;
|
13311
13310
|
if (title && !(0, import_isUndefined8.default)(props.collapsed) && props.collapsed !== isCollapsed) {
|
13312
13311
|
setCollapsed(props.collapsed);
|
13313
13312
|
}
|
13314
13313
|
const handleTitleClick = () => {
|
13315
|
-
|
13314
|
+
if (_collapsible) {
|
13315
|
+
if (onCollapsedChange) {
|
13316
|
+
onCollapsedChange(!isCollapsed);
|
13317
|
+
}
|
13318
|
+
if (_collapsed === void 0) {
|
13319
|
+
setCollapsed(!isCollapsed);
|
13320
|
+
}
|
13321
|
+
}
|
13316
13322
|
};
|
13317
13323
|
const targetHeight = isCollapsed ? "0px" : `${height != null ? height : 0}px`;
|
13318
|
-
const
|
13324
|
+
const _f = (0, import_web3.useSpring)({
|
13319
13325
|
height: height !== null ? targetHeight : void 0,
|
13320
13326
|
opacity: isCollapsed ? 0 : 1,
|
13321
13327
|
transform: `rotate(${isCollapsed ? 0 : 180}deg)`,
|
@@ -13324,7 +13330,7 @@ var Section4 = (props) => {
|
|
13324
13330
|
duration: 150
|
13325
13331
|
},
|
13326
13332
|
immediate: !_collapsible
|
13327
|
-
}), { transform, backgroundColor } =
|
13333
|
+
}), { transform, backgroundColor } = _f, spring = __objRest(_f, ["transform", "backgroundColor"]);
|
13328
13334
|
const toggleId = (0, import_utils14.useId)();
|
13329
13335
|
const regionId = (0, import_utils14.useId)();
|
13330
13336
|
return /* @__PURE__ */ import_react107.default.createElement(Section3, {
|
package/dist/system.mjs
CHANGED
@@ -12926,7 +12926,6 @@ import { useId as useId3 } from "@react-aria/utils";
|
|
12926
12926
|
import { animated as animated3, useSpring as useSpring2 } from "@react-spring/web";
|
12927
12927
|
import castArray4 from "lodash/castArray";
|
12928
12928
|
import isUndefined8 from "lodash/isUndefined";
|
12929
|
-
import noop from "lodash/noop";
|
12930
12929
|
|
12931
12930
|
// src/molecules/Switch/Switch.tsx
|
12932
12931
|
import React96 from "react";
|
@@ -13153,7 +13152,7 @@ function useMeasure() {
|
|
13153
13152
|
// src/molecules/Section/Section.tsx
|
13154
13153
|
var import_more5 = __toESM(require_more());
|
13155
13154
|
var Section4 = (props) => {
|
13156
|
-
var _a, _b, _c, _d, _e
|
13155
|
+
var _a, _b, _c, _d, _e;
|
13157
13156
|
const { title, subtitle, actions, children } = props;
|
13158
13157
|
const _collapsible = title ? (_a = props.collapsible) != null ? _a : false : false;
|
13159
13158
|
const _collapsed = title ? props.collapsed : void 0;
|
@@ -13164,15 +13163,22 @@ var Section4 = (props) => {
|
|
13164
13163
|
const menuAriaLabel = title ? (_e = (_d = props.menuAriaLabel) != null ? _d : props.menuLabel) != null ? _e : "Context menu" : void 0;
|
13165
13164
|
const onAction = title ? props.onAction : void 0;
|
13166
13165
|
const onMenuOpenChange = title ? props.onMenuOpenChange : void 0;
|
13167
|
-
const
|
13166
|
+
const onCollapsedChange = title ? props.onCollapsedChange : void 0;
|
13168
13167
|
if (title && !isUndefined8(props.collapsed) && props.collapsed !== isCollapsed) {
|
13169
13168
|
setCollapsed(props.collapsed);
|
13170
13169
|
}
|
13171
13170
|
const handleTitleClick = () => {
|
13172
|
-
|
13171
|
+
if (_collapsible) {
|
13172
|
+
if (onCollapsedChange) {
|
13173
|
+
onCollapsedChange(!isCollapsed);
|
13174
|
+
}
|
13175
|
+
if (_collapsed === void 0) {
|
13176
|
+
setCollapsed(!isCollapsed);
|
13177
|
+
}
|
13178
|
+
}
|
13173
13179
|
};
|
13174
13180
|
const targetHeight = isCollapsed ? "0px" : `${height != null ? height : 0}px`;
|
13175
|
-
const
|
13181
|
+
const _f = useSpring2({
|
13176
13182
|
height: height !== null ? targetHeight : void 0,
|
13177
13183
|
opacity: isCollapsed ? 0 : 1,
|
13178
13184
|
transform: `rotate(${isCollapsed ? 0 : 180}deg)`,
|
@@ -13181,7 +13187,7 @@ var Section4 = (props) => {
|
|
13181
13187
|
duration: 150
|
13182
13188
|
},
|
13183
13189
|
immediate: !_collapsible
|
13184
|
-
}), { transform, backgroundColor } =
|
13190
|
+
}), { transform, backgroundColor } = _f, spring = __objRest(_f, ["transform", "backgroundColor"]);
|
13185
13191
|
const toggleId = useId3();
|
13186
13192
|
const regionId = useId3();
|
13187
13193
|
return /* @__PURE__ */ React100.createElement(Section3, {
|