@aivenio/aquarium 1.57.0 → 1.58.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/atoms.cjs +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/charts.cjs +113 -42
- package/dist/charts.mjs +113 -42
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/charts/AreaChart/AreaChart.d.ts +2 -1
- package/dist/src/charts/AreaChart/AreaChart.js +18 -3
- package/dist/src/charts/BarChart/BarChart.d.ts +2 -1
- package/dist/src/charts/BarChart/BarChart.js +18 -3
- package/dist/src/charts/Container/Container.d.ts +11 -1
- package/dist/src/charts/Container/Container.js +26 -2
- package/dist/src/charts/LineChart/LineChart.d.ts +2 -1
- package/dist/src/charts/LineChart/LineChart.js +18 -3
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +2 -1
- package/dist/src/charts/PieChart/DoughnutChart.js +15 -3
- package/dist/src/charts/PieChart/PieChart.d.ts +2 -1
- package/dist/src/charts/PieChart/PieChart.js +15 -3
- package/dist/src/charts/PieChart/renderPieChildren.js +4 -1
- package/dist/src/molecules/Combobox/Combobox.js +14 -7
- package/dist/styles.css +20 -0
- package/dist/system.cjs +12 -6
- package/dist/system.mjs +12 -6
- 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
package/dist/atoms.cjs
CHANGED
@@ -7796,7 +7796,7 @@ var NoResults = import_react37.default.forwardRef(
|
|
7796
7796
|
return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({
|
7797
7797
|
ref
|
7798
7798
|
}, rest), {
|
7799
|
-
className: classNames(tw("p-3 text-grey-40 italic"), className)
|
7799
|
+
className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
|
7800
7800
|
}), children);
|
7801
7801
|
}
|
7802
7802
|
);
|
package/dist/atoms.mjs
CHANGED
@@ -7756,7 +7756,7 @@ var NoResults = React33.forwardRef(
|
|
7756
7756
|
return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({
|
7757
7757
|
ref
|
7758
7758
|
}, rest), {
|
7759
|
-
className: classNames(tw("p-3 text-grey-40 italic"), className)
|
7759
|
+
className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
|
7760
7760
|
}), children);
|
7761
7761
|
}
|
7762
7762
|
);
|
package/dist/charts.cjs
CHANGED
@@ -2055,10 +2055,72 @@ var Axis = {
|
|
2055
2055
|
// src/charts/Container/Container.tsx
|
2056
2056
|
var import_react2 = __toESM(require("react"));
|
2057
2057
|
var import_recharts2 = require("recharts");
|
2058
|
-
|
2059
|
-
|
2060
|
-
|
2061
|
-
|
2058
|
+
|
2059
|
+
// src/utils/tailwind.ts
|
2060
|
+
var import_classnames = __toESM(require("classnames"));
|
2061
|
+
function cleanClassNames(classNames2) {
|
2062
|
+
const tokens = classNames2.split(/\s+/);
|
2063
|
+
return tokens.filter((item) => item).join(" ");
|
2064
|
+
}
|
2065
|
+
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
2066
|
+
const result = (0, import_classnames.default)(
|
2067
|
+
classesOrModifiers1,
|
2068
|
+
classesOrModifiers2,
|
2069
|
+
classesOrModifiers3,
|
2070
|
+
classesOrModifiers4,
|
2071
|
+
classesOrModifiers5,
|
2072
|
+
classesOrModifiers6,
|
2073
|
+
classesOrModifiers7,
|
2074
|
+
classesOrModifiers8,
|
2075
|
+
classesOrModifiers9,
|
2076
|
+
classesOrModifiers10
|
2077
|
+
);
|
2078
|
+
return cleanClassNames(result);
|
2079
|
+
}
|
2080
|
+
var classNames = (...args) => {
|
2081
|
+
const result = (0, import_classnames.default)(...args);
|
2082
|
+
return cleanClassNames(result);
|
2083
|
+
};
|
2084
|
+
|
2085
|
+
// src/charts/Container/Container.tsx
|
2086
|
+
var ResponsiveContainer = (_a) => {
|
2087
|
+
var _b = _a, {
|
2088
|
+
isBusy = false,
|
2089
|
+
busyLabel = "Loading...",
|
2090
|
+
className,
|
2091
|
+
style,
|
2092
|
+
width = "100%",
|
2093
|
+
height = "100%",
|
2094
|
+
minWidth,
|
2095
|
+
minHeight,
|
2096
|
+
maxHeight
|
2097
|
+
} = _b, props = __objRest(_b, [
|
2098
|
+
"isBusy",
|
2099
|
+
"busyLabel",
|
2100
|
+
"className",
|
2101
|
+
"style",
|
2102
|
+
"width",
|
2103
|
+
"height",
|
2104
|
+
"minWidth",
|
2105
|
+
"minHeight",
|
2106
|
+
"maxHeight"
|
2107
|
+
]);
|
2108
|
+
return /* @__PURE__ */ import_react2.default.createElement("div", {
|
2109
|
+
"aria-busy": isBusy,
|
2110
|
+
className: classNames(className, tw("relative")),
|
2111
|
+
style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
|
2112
|
+
}, /* @__PURE__ */ import_react2.default.createElement(import_recharts2.ResponsiveContainer, __spreadValues({}, props)), /* @__PURE__ */ import_react2.default.createElement("div", {
|
2113
|
+
className: classNames(tw("absolute inset-0 transition-colors flex items-center justify-center"), {
|
2114
|
+
"bg-[rgb(255,255,255)]/50 delay-300": isBusy
|
2115
|
+
})
|
2116
|
+
}, /* @__PURE__ */ import_react2.default.createElement("span", {
|
2117
|
+
"aria-hidden": !isBusy,
|
2118
|
+
className: tw("rounded-full text-white bg-black typography-caption py-2 px-4 transition-all", {
|
2119
|
+
"opacity-100 delay-300": isBusy,
|
2120
|
+
"mb-[-20px] opacity-0": !isBusy
|
2121
|
+
})
|
2122
|
+
}, isBusy && busyLabel)));
|
2123
|
+
};
|
2062
2124
|
|
2063
2125
|
// src/charts/Grid/Grid.tsx
|
2064
2126
|
var import_react3 = __toESM(require("react"));
|
@@ -2097,6 +2159,9 @@ Tooltip.defaultProps = Object.assign({}, import_recharts4.Tooltip.defaultProps,
|
|
2097
2159
|
// src/charts/AreaChart/AreaChart.tsx
|
2098
2160
|
var renderChildren = (props) => {
|
2099
2161
|
return import_react4.default.Children.map(props.children, (child) => {
|
2162
|
+
if (!child) {
|
2163
|
+
return child;
|
2164
|
+
}
|
2100
2165
|
switch (getDisplayName(child.type)) {
|
2101
2166
|
case Axis.XAxis.displayName: {
|
2102
2167
|
return renderXAxis(child, props);
|
@@ -2113,11 +2178,14 @@ var renderChildren = (props) => {
|
|
2113
2178
|
}
|
2114
2179
|
});
|
2115
2180
|
};
|
2116
|
-
var AreaChart = (
|
2181
|
+
var AreaChart = (_a) => {
|
2182
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2117
2183
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2118
2184
|
return /* @__PURE__ */ import_react4.default.createElement(ResponsiveContainer, {
|
2119
2185
|
width: props.width,
|
2120
|
-
height: props.height
|
2186
|
+
height: props.height,
|
2187
|
+
isBusy,
|
2188
|
+
busyLabel
|
2121
2189
|
}, /* @__PURE__ */ import_react4.default.createElement(import_recharts5.AreaChart, {
|
2122
2190
|
accessibilityLayer: tooltip !== void 0,
|
2123
2191
|
data: props.data,
|
@@ -2160,11 +2228,15 @@ var margin = {
|
|
2160
2228
|
left: 20,
|
2161
2229
|
bottom: 5
|
2162
2230
|
};
|
2163
|
-
var BarChart = (
|
2231
|
+
var BarChart = (_a) => {
|
2232
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2164
2233
|
const [activeIndex, setActiveIndex] = import_react5.default.useState(void 0);
|
2165
2234
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2166
2235
|
const renderChildren3 = (props2) => {
|
2167
2236
|
return import_react5.default.Children.map(props2.children, (child) => {
|
2237
|
+
if (!child) {
|
2238
|
+
return child;
|
2239
|
+
}
|
2168
2240
|
switch (getDisplayName(child.type)) {
|
2169
2241
|
case Axis.XAxis.displayName: {
|
2170
2242
|
return renderXAxis(child, props2);
|
@@ -2195,7 +2267,9 @@ var BarChart = (props) => {
|
|
2195
2267
|
};
|
2196
2268
|
return /* @__PURE__ */ import_react5.default.createElement(ResponsiveContainer, {
|
2197
2269
|
width: props.width,
|
2198
|
-
height: props.height
|
2270
|
+
height: props.height,
|
2271
|
+
isBusy,
|
2272
|
+
busyLabel
|
2199
2273
|
}, /* @__PURE__ */ import_react5.default.createElement(import_recharts6.BarChart, __spreadProps(__spreadValues({}, props), {
|
2200
2274
|
accessibilityLayer: tooltip !== void 0,
|
2201
2275
|
barCategoryGap: "5%",
|
@@ -2259,6 +2333,9 @@ var import_react8 = __toESM(require("react"));
|
|
2259
2333
|
var import_recharts11 = require("recharts");
|
2260
2334
|
var renderChildren2 = (props) => {
|
2261
2335
|
return import_react8.default.Children.map(props.children, (child) => {
|
2336
|
+
if (!child) {
|
2337
|
+
return child;
|
2338
|
+
}
|
2262
2339
|
switch (getDisplayName(child.type)) {
|
2263
2340
|
case Axis.XAxis.displayName: {
|
2264
2341
|
return renderXAxis(child, props);
|
@@ -2275,11 +2352,14 @@ var renderChildren2 = (props) => {
|
|
2275
2352
|
}
|
2276
2353
|
});
|
2277
2354
|
};
|
2278
|
-
var LineChart = (
|
2355
|
+
var LineChart = (_a) => {
|
2356
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2279
2357
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2280
2358
|
return /* @__PURE__ */ import_react8.default.createElement(ResponsiveContainer, {
|
2281
2359
|
width: props.width,
|
2282
|
-
height: props.height
|
2360
|
+
height: props.height,
|
2361
|
+
isBusy,
|
2362
|
+
busyLabel
|
2283
2363
|
}, /* @__PURE__ */ import_react8.default.createElement(import_recharts11.LineChart, {
|
2284
2364
|
data: props.data,
|
2285
2365
|
style: { stroke: "#fff", strokeWidth: 1 },
|
@@ -2311,30 +2391,6 @@ var import_recharts13 = require("recharts");
|
|
2311
2391
|
|
2312
2392
|
// src/charts/PieChart/ChartValue.tsx
|
2313
2393
|
var import_react9 = __toESM(require("react"));
|
2314
|
-
|
2315
|
-
// src/utils/tailwind.ts
|
2316
|
-
var import_classnames = __toESM(require("classnames"));
|
2317
|
-
function cleanClassNames(classNames) {
|
2318
|
-
const tokens = classNames.split(/\s+/);
|
2319
|
-
return tokens.filter((item) => item).join(" ");
|
2320
|
-
}
|
2321
|
-
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
2322
|
-
const result = (0, import_classnames.default)(
|
2323
|
-
classesOrModifiers1,
|
2324
|
-
classesOrModifiers2,
|
2325
|
-
classesOrModifiers3,
|
2326
|
-
classesOrModifiers4,
|
2327
|
-
classesOrModifiers5,
|
2328
|
-
classesOrModifiers6,
|
2329
|
-
classesOrModifiers7,
|
2330
|
-
classesOrModifiers8,
|
2331
|
-
classesOrModifiers9,
|
2332
|
-
classesOrModifiers10
|
2333
|
-
);
|
2334
|
-
return cleanClassNames(result);
|
2335
|
-
}
|
2336
|
-
|
2337
|
-
// src/charts/PieChart/ChartValue.tsx
|
2338
2394
|
var ChartValue = (props) => {
|
2339
2395
|
const { value, unit: unit2, caption } = props;
|
2340
2396
|
return /* @__PURE__ */ import_react9.default.createElement("p", {
|
@@ -2381,6 +2437,9 @@ var TooltipContentWrapper = (_a) => {
|
|
2381
2437
|
// src/charts/PieChart/renderPieChildren.tsx
|
2382
2438
|
var renderPieChildren = (children) => {
|
2383
2439
|
return import_react11.default.Children.map(children, (child) => {
|
2440
|
+
if (!child) {
|
2441
|
+
return child;
|
2442
|
+
}
|
2384
2443
|
switch (getDisplayName(child.type)) {
|
2385
2444
|
case Tooltip.displayName: {
|
2386
2445
|
return import_react11.default.cloneElement(child, { content: /* @__PURE__ */ import_react11.default.createElement(TooltipContentWrapper, {
|
@@ -2399,7 +2458,14 @@ var renderPieChildren = (children) => {
|
|
2399
2458
|
|
2400
2459
|
// src/charts/PieChart/DoughnutChart.tsx
|
2401
2460
|
var refSize = 300;
|
2402
|
-
var DoughnutChart = (
|
2461
|
+
var DoughnutChart = (_a) => {
|
2462
|
+
var _b = _a, {
|
2463
|
+
isBusy,
|
2464
|
+
busyLabel
|
2465
|
+
} = _b, props = __objRest(_b, [
|
2466
|
+
"isBusy",
|
2467
|
+
"busyLabel"
|
2468
|
+
]);
|
2403
2469
|
const [containerWidth, setContainerWidth] = import_react12.default.useState(0);
|
2404
2470
|
const [containerHeight, setContainerHeight] = import_react12.default.useState(0);
|
2405
2471
|
const [activeIndex, setActiveIndex] = import_react12.default.useState(null);
|
@@ -2411,10 +2477,10 @@ var DoughnutChart = (props) => {
|
|
2411
2477
|
setContainerHeight(h);
|
2412
2478
|
};
|
2413
2479
|
const renderChartValue = ({ formattedGraphicalItems }) => {
|
2414
|
-
var
|
2480
|
+
var _a2, _b2, _c;
|
2415
2481
|
const pie2 = formattedGraphicalItems == null ? void 0 : formattedGraphicalItems[0];
|
2416
|
-
const props2 = (
|
2417
|
-
const cx = (
|
2482
|
+
const props2 = (_a2 = pie2 == null ? void 0 : pie2.props) != null ? _a2 : {};
|
2483
|
+
const cx = (_b2 = props2.cx) != null ? _b2 : containerWidth / 2;
|
2418
2484
|
const cy = (_c = props2.cy) != null ? _c : containerHeight / 2;
|
2419
2485
|
if (!containerWidth || !containerHeight || (0, import_isNil.default)(chartValue)) {
|
2420
2486
|
return null;
|
@@ -2435,9 +2501,11 @@ var DoughnutChart = (props) => {
|
|
2435
2501
|
};
|
2436
2502
|
const highlightActive = activeIndex !== null && tooltip;
|
2437
2503
|
return /* @__PURE__ */ import_react12.default.createElement(ResponsiveContainer, {
|
2438
|
-
onResize,
|
2439
2504
|
width: props.width,
|
2440
|
-
height: props.height
|
2505
|
+
height: props.height,
|
2506
|
+
isBusy,
|
2507
|
+
busyLabel,
|
2508
|
+
onResize
|
2441
2509
|
}, /* @__PURE__ */ import_react12.default.createElement(import_recharts13.PieChart, null, chartValue && /* @__PURE__ */ import_react12.default.createElement(import_recharts13.Customized, {
|
2442
2510
|
component: renderChartValue
|
2443
2511
|
}), pie && /* @__PURE__ */ import_react12.default.createElement(import_recharts13.Pie, __spreadProps(__spreadValues({}, pie.props), {
|
@@ -2461,10 +2529,13 @@ DoughnutChart.Cell = import_recharts13.Cell;
|
|
2461
2529
|
// src/charts/PieChart/PieChart.tsx
|
2462
2530
|
var import_react13 = __toESM(require("react"));
|
2463
2531
|
var import_recharts14 = require("recharts");
|
2464
|
-
var PieChart = (
|
2532
|
+
var PieChart = (_a) => {
|
2533
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2465
2534
|
return /* @__PURE__ */ import_react13.default.createElement(ResponsiveContainer, {
|
2466
2535
|
width: props.width,
|
2467
|
-
height: props.height
|
2536
|
+
height: props.height,
|
2537
|
+
isBusy,
|
2538
|
+
busyLabel
|
2468
2539
|
}, /* @__PURE__ */ import_react13.default.createElement(import_recharts14.PieChart, {
|
2469
2540
|
width: 500,
|
2470
2541
|
height: 500
|
package/dist/charts.mjs
CHANGED
@@ -1935,10 +1935,72 @@ var Axis = {
|
|
1935
1935
|
// src/charts/Container/Container.tsx
|
1936
1936
|
import React2 from "react";
|
1937
1937
|
import { ResponsiveContainer as _ResponsiveContainer } from "recharts";
|
1938
|
-
|
1939
|
-
|
1940
|
-
|
1941
|
-
|
1938
|
+
|
1939
|
+
// src/utils/tailwind.ts
|
1940
|
+
import originalClassNames from "classnames";
|
1941
|
+
function cleanClassNames(classNames2) {
|
1942
|
+
const tokens = classNames2.split(/\s+/);
|
1943
|
+
return tokens.filter((item) => item).join(" ");
|
1944
|
+
}
|
1945
|
+
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
1946
|
+
const result = originalClassNames(
|
1947
|
+
classesOrModifiers1,
|
1948
|
+
classesOrModifiers2,
|
1949
|
+
classesOrModifiers3,
|
1950
|
+
classesOrModifiers4,
|
1951
|
+
classesOrModifiers5,
|
1952
|
+
classesOrModifiers6,
|
1953
|
+
classesOrModifiers7,
|
1954
|
+
classesOrModifiers8,
|
1955
|
+
classesOrModifiers9,
|
1956
|
+
classesOrModifiers10
|
1957
|
+
);
|
1958
|
+
return cleanClassNames(result);
|
1959
|
+
}
|
1960
|
+
var classNames = (...args) => {
|
1961
|
+
const result = originalClassNames(...args);
|
1962
|
+
return cleanClassNames(result);
|
1963
|
+
};
|
1964
|
+
|
1965
|
+
// src/charts/Container/Container.tsx
|
1966
|
+
var ResponsiveContainer = (_a) => {
|
1967
|
+
var _b = _a, {
|
1968
|
+
isBusy = false,
|
1969
|
+
busyLabel = "Loading...",
|
1970
|
+
className,
|
1971
|
+
style,
|
1972
|
+
width = "100%",
|
1973
|
+
height = "100%",
|
1974
|
+
minWidth,
|
1975
|
+
minHeight,
|
1976
|
+
maxHeight
|
1977
|
+
} = _b, props = __objRest(_b, [
|
1978
|
+
"isBusy",
|
1979
|
+
"busyLabel",
|
1980
|
+
"className",
|
1981
|
+
"style",
|
1982
|
+
"width",
|
1983
|
+
"height",
|
1984
|
+
"minWidth",
|
1985
|
+
"minHeight",
|
1986
|
+
"maxHeight"
|
1987
|
+
]);
|
1988
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
1989
|
+
"aria-busy": isBusy,
|
1990
|
+
className: classNames(className, tw("relative")),
|
1991
|
+
style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
|
1992
|
+
}, /* @__PURE__ */ React2.createElement(_ResponsiveContainer, __spreadValues({}, props)), /* @__PURE__ */ React2.createElement("div", {
|
1993
|
+
className: classNames(tw("absolute inset-0 transition-colors flex items-center justify-center"), {
|
1994
|
+
"bg-[rgb(255,255,255)]/50 delay-300": isBusy
|
1995
|
+
})
|
1996
|
+
}, /* @__PURE__ */ React2.createElement("span", {
|
1997
|
+
"aria-hidden": !isBusy,
|
1998
|
+
className: tw("rounded-full text-white bg-black typography-caption py-2 px-4 transition-all", {
|
1999
|
+
"opacity-100 delay-300": isBusy,
|
2000
|
+
"mb-[-20px] opacity-0": !isBusy
|
2001
|
+
})
|
2002
|
+
}, isBusy && busyLabel)));
|
2003
|
+
};
|
1942
2004
|
|
1943
2005
|
// src/charts/Grid/Grid.tsx
|
1944
2006
|
import React3 from "react";
|
@@ -1977,6 +2039,9 @@ Tooltip.defaultProps = Object.assign({}, _Tooltip.defaultProps, {
|
|
1977
2039
|
// src/charts/AreaChart/AreaChart.tsx
|
1978
2040
|
var renderChildren = (props) => {
|
1979
2041
|
return React4.Children.map(props.children, (child) => {
|
2042
|
+
if (!child) {
|
2043
|
+
return child;
|
2044
|
+
}
|
1980
2045
|
switch (getDisplayName(child.type)) {
|
1981
2046
|
case Axis.XAxis.displayName: {
|
1982
2047
|
return renderXAxis(child, props);
|
@@ -1993,11 +2058,14 @@ var renderChildren = (props) => {
|
|
1993
2058
|
}
|
1994
2059
|
});
|
1995
2060
|
};
|
1996
|
-
var AreaChart = (
|
2061
|
+
var AreaChart = (_a) => {
|
2062
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
1997
2063
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
1998
2064
|
return /* @__PURE__ */ React4.createElement(ResponsiveContainer, {
|
1999
2065
|
width: props.width,
|
2000
|
-
height: props.height
|
2066
|
+
height: props.height,
|
2067
|
+
isBusy,
|
2068
|
+
busyLabel
|
2001
2069
|
}, /* @__PURE__ */ React4.createElement(_AreaChart, {
|
2002
2070
|
accessibilityLayer: tooltip !== void 0,
|
2003
2071
|
data: props.data,
|
@@ -2040,11 +2108,15 @@ var margin = {
|
|
2040
2108
|
left: 20,
|
2041
2109
|
bottom: 5
|
2042
2110
|
};
|
2043
|
-
var BarChart = (
|
2111
|
+
var BarChart = (_a) => {
|
2112
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2044
2113
|
const [activeIndex, setActiveIndex] = React5.useState(void 0);
|
2045
2114
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2046
2115
|
const renderChildren3 = (props2) => {
|
2047
2116
|
return React5.Children.map(props2.children, (child) => {
|
2117
|
+
if (!child) {
|
2118
|
+
return child;
|
2119
|
+
}
|
2048
2120
|
switch (getDisplayName(child.type)) {
|
2049
2121
|
case Axis.XAxis.displayName: {
|
2050
2122
|
return renderXAxis(child, props2);
|
@@ -2075,7 +2147,9 @@ var BarChart = (props) => {
|
|
2075
2147
|
};
|
2076
2148
|
return /* @__PURE__ */ React5.createElement(ResponsiveContainer, {
|
2077
2149
|
width: props.width,
|
2078
|
-
height: props.height
|
2150
|
+
height: props.height,
|
2151
|
+
isBusy,
|
2152
|
+
busyLabel
|
2079
2153
|
}, /* @__PURE__ */ React5.createElement(_BarChart, __spreadProps(__spreadValues({}, props), {
|
2080
2154
|
accessibilityLayer: tooltip !== void 0,
|
2081
2155
|
barCategoryGap: "5%",
|
@@ -2139,6 +2213,9 @@ import React8 from "react";
|
|
2139
2213
|
import { Line as _Line, LineChart as _LineChart } from "recharts";
|
2140
2214
|
var renderChildren2 = (props) => {
|
2141
2215
|
return React8.Children.map(props.children, (child) => {
|
2216
|
+
if (!child) {
|
2217
|
+
return child;
|
2218
|
+
}
|
2142
2219
|
switch (getDisplayName(child.type)) {
|
2143
2220
|
case Axis.XAxis.displayName: {
|
2144
2221
|
return renderXAxis(child, props);
|
@@ -2155,11 +2232,14 @@ var renderChildren2 = (props) => {
|
|
2155
2232
|
}
|
2156
2233
|
});
|
2157
2234
|
};
|
2158
|
-
var LineChart = (
|
2235
|
+
var LineChart = (_a) => {
|
2236
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2159
2237
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
2160
2238
|
return /* @__PURE__ */ React8.createElement(ResponsiveContainer, {
|
2161
2239
|
width: props.width,
|
2162
|
-
height: props.height
|
2240
|
+
height: props.height,
|
2241
|
+
isBusy,
|
2242
|
+
busyLabel
|
2163
2243
|
}, /* @__PURE__ */ React8.createElement(_LineChart, {
|
2164
2244
|
data: props.data,
|
2165
2245
|
style: { stroke: "#fff", strokeWidth: 1 },
|
@@ -2191,30 +2271,6 @@ import { Cell as Cell2, Customized, Pie as _Pie, PieChart as _PieChart } from "r
|
|
2191
2271
|
|
2192
2272
|
// src/charts/PieChart/ChartValue.tsx
|
2193
2273
|
import React9 from "react";
|
2194
|
-
|
2195
|
-
// src/utils/tailwind.ts
|
2196
|
-
import originalClassNames from "classnames";
|
2197
|
-
function cleanClassNames(classNames) {
|
2198
|
-
const tokens = classNames.split(/\s+/);
|
2199
|
-
return tokens.filter((item) => item).join(" ");
|
2200
|
-
}
|
2201
|
-
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
2202
|
-
const result = originalClassNames(
|
2203
|
-
classesOrModifiers1,
|
2204
|
-
classesOrModifiers2,
|
2205
|
-
classesOrModifiers3,
|
2206
|
-
classesOrModifiers4,
|
2207
|
-
classesOrModifiers5,
|
2208
|
-
classesOrModifiers6,
|
2209
|
-
classesOrModifiers7,
|
2210
|
-
classesOrModifiers8,
|
2211
|
-
classesOrModifiers9,
|
2212
|
-
classesOrModifiers10
|
2213
|
-
);
|
2214
|
-
return cleanClassNames(result);
|
2215
|
-
}
|
2216
|
-
|
2217
|
-
// src/charts/PieChart/ChartValue.tsx
|
2218
2274
|
var ChartValue = (props) => {
|
2219
2275
|
const { value, unit: unit2, caption } = props;
|
2220
2276
|
return /* @__PURE__ */ React9.createElement("p", {
|
@@ -2261,6 +2317,9 @@ var TooltipContentWrapper = (_a) => {
|
|
2261
2317
|
// src/charts/PieChart/renderPieChildren.tsx
|
2262
2318
|
var renderPieChildren = (children) => {
|
2263
2319
|
return React11.Children.map(children, (child) => {
|
2320
|
+
if (!child) {
|
2321
|
+
return child;
|
2322
|
+
}
|
2264
2323
|
switch (getDisplayName(child.type)) {
|
2265
2324
|
case Tooltip.displayName: {
|
2266
2325
|
return React11.cloneElement(child, { content: /* @__PURE__ */ React11.createElement(TooltipContentWrapper, {
|
@@ -2279,7 +2338,14 @@ var renderPieChildren = (children) => {
|
|
2279
2338
|
|
2280
2339
|
// src/charts/PieChart/DoughnutChart.tsx
|
2281
2340
|
var refSize = 300;
|
2282
|
-
var DoughnutChart = (
|
2341
|
+
var DoughnutChart = (_a) => {
|
2342
|
+
var _b = _a, {
|
2343
|
+
isBusy,
|
2344
|
+
busyLabel
|
2345
|
+
} = _b, props = __objRest(_b, [
|
2346
|
+
"isBusy",
|
2347
|
+
"busyLabel"
|
2348
|
+
]);
|
2283
2349
|
const [containerWidth, setContainerWidth] = React12.useState(0);
|
2284
2350
|
const [containerHeight, setContainerHeight] = React12.useState(0);
|
2285
2351
|
const [activeIndex, setActiveIndex] = React12.useState(null);
|
@@ -2291,10 +2357,10 @@ var DoughnutChart = (props) => {
|
|
2291
2357
|
setContainerHeight(h);
|
2292
2358
|
};
|
2293
2359
|
const renderChartValue = ({ formattedGraphicalItems }) => {
|
2294
|
-
var
|
2360
|
+
var _a2, _b2, _c;
|
2295
2361
|
const pie2 = formattedGraphicalItems == null ? void 0 : formattedGraphicalItems[0];
|
2296
|
-
const props2 = (
|
2297
|
-
const cx = (
|
2362
|
+
const props2 = (_a2 = pie2 == null ? void 0 : pie2.props) != null ? _a2 : {};
|
2363
|
+
const cx = (_b2 = props2.cx) != null ? _b2 : containerWidth / 2;
|
2298
2364
|
const cy = (_c = props2.cy) != null ? _c : containerHeight / 2;
|
2299
2365
|
if (!containerWidth || !containerHeight || isNil(chartValue)) {
|
2300
2366
|
return null;
|
@@ -2315,9 +2381,11 @@ var DoughnutChart = (props) => {
|
|
2315
2381
|
};
|
2316
2382
|
const highlightActive = activeIndex !== null && tooltip;
|
2317
2383
|
return /* @__PURE__ */ React12.createElement(ResponsiveContainer, {
|
2318
|
-
onResize,
|
2319
2384
|
width: props.width,
|
2320
|
-
height: props.height
|
2385
|
+
height: props.height,
|
2386
|
+
isBusy,
|
2387
|
+
busyLabel,
|
2388
|
+
onResize
|
2321
2389
|
}, /* @__PURE__ */ React12.createElement(_PieChart, null, chartValue && /* @__PURE__ */ React12.createElement(Customized, {
|
2322
2390
|
component: renderChartValue
|
2323
2391
|
}), pie && /* @__PURE__ */ React12.createElement(_Pie, __spreadProps(__spreadValues({}, pie.props), {
|
@@ -2341,10 +2409,13 @@ DoughnutChart.Cell = Cell2;
|
|
2341
2409
|
// src/charts/PieChart/PieChart.tsx
|
2342
2410
|
import React13 from "react";
|
2343
2411
|
import { Cell as Cell3, Pie as _Pie2, PieChart as _PieChart2 } from "recharts";
|
2344
|
-
var PieChart = (
|
2412
|
+
var PieChart = (_a) => {
|
2413
|
+
var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
|
2345
2414
|
return /* @__PURE__ */ React13.createElement(ResponsiveContainer, {
|
2346
2415
|
width: props.width,
|
2347
|
-
height: props.height
|
2416
|
+
height: props.height,
|
2417
|
+
isBusy,
|
2418
|
+
busyLabel
|
2348
2419
|
}, /* @__PURE__ */ React13.createElement(_PieChart2, {
|
2349
2420
|
width: 500,
|
2350
2421
|
height: 500
|
@@ -61,7 +61,7 @@ const Menu = React.forwardRef((_a, ref) => {
|
|
61
61
|
});
|
62
62
|
const NoResults = React.forwardRef((_a, ref) => {
|
63
63
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
64
|
-
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-grey-40 italic'), className) }), children));
|
64
|
+
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-grey-40 italic typography-small'), className) }), children));
|
65
65
|
});
|
66
66
|
const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
67
67
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
@@ -114,4 +114,4 @@ export const Select = {
|
|
114
114
|
ActionItem,
|
115
115
|
Toggle,
|
116
116
|
};
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBQzVDLE9BQU8sVUFBVSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE1BQU0sVUFBVSxxQkFBcUIsQ0FBUyxNQUFxQjs7SUFDakUsSUFBSSxNQUFNLEtBQUssSUFBSSxFQUFFO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxJQUFJLE9BQU8sTUFBTSxLQUFLLFFBQVEsRUFBRTtRQUM5QixPQUFPLE1BQU0sQ0FBQztLQUNmO0lBRUQsT0FBTyxNQUFFLE1BQThCLENBQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDO0FBQ2pFLENBQUM7QUFFRCxNQUFNLFVBQVUsdUJBQXVCLENBQVMsTUFBYztJQUM1RCxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxDQUFD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
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Area as _Area, AreaChart as _AreaChart, type AreaProps } from 'recharts';
|
3
|
+
import { type ContainerProps } from '../../../src/charts/Container/Container';
|
3
4
|
import { type ChartProps } from '../../../src/charts/lib/utils';
|
4
5
|
declare type ComposedAreaChart = {
|
5
6
|
Area: typeof Area;
|
6
7
|
};
|
7
|
-
declare type AreaChartProps = ChartProps & React.ComponentProps<typeof _AreaChart>;
|
8
|
+
declare type AreaChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _AreaChart>;
|
8
9
|
export declare const AreaChart: ComposedAreaChart & React.FC<AreaChartProps>;
|
9
10
|
export declare const Area: ((props: Omit<AreaProps, 'ref'>) => React.JSX.Element) & typeof _Area;
|
10
11
|
export {};
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import { Area as _Area, AreaChart as _AreaChart } from 'recharts';
|
3
14
|
import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
|
@@ -7,6 +18,9 @@ import { extractChildByDisplayName, getDisplayName } from '../../../src/charts/l
|
|
7
18
|
import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
|
8
19
|
const renderChildren = (props) => {
|
9
20
|
return React.Children.map(props.children, (child) => {
|
21
|
+
if (!child) {
|
22
|
+
return child;
|
23
|
+
}
|
10
24
|
switch (getDisplayName(child.type)) {
|
11
25
|
case Axis.XAxis.displayName: {
|
12
26
|
return renderXAxis(child, props);
|
@@ -23,9 +37,10 @@ const renderChildren = (props) => {
|
|
23
37
|
}
|
24
38
|
});
|
25
39
|
};
|
26
|
-
export const AreaChart = (
|
40
|
+
export const AreaChart = (_a) => {
|
41
|
+
var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
|
27
42
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
28
|
-
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height },
|
43
|
+
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
|
29
44
|
React.createElement(_AreaChart, { accessibilityLayer: tooltip !== undefined, data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: {
|
30
45
|
top: 20,
|
31
46
|
right: 30,
|
@@ -44,4 +59,4 @@ Area.defaultProps = Object.assign({}, _Area.defaultProps, {
|
|
44
59
|
fill: undefined,
|
45
60
|
});
|
46
61
|
AreaChart.Area = Area;
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixNQUFNLFVBQVUsQ0FBQztBQUVsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLHlCQUF5QixFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xHLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVFyRCxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQXFCLEVBQUUsRUFBRTtJQUMvQyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUNsRCxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUVELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQWlELENBQUMsRUFBK0IsRUFBRSxFQUFFO1FBQW5DLEVBQUUsTUFBTSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBN0IsdUJBQStCLENBQUY7SUFDbkcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRWpGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTO1FBQ2pHLG9CQUFDLFVBQVUsSUFDVCxrQkFBa0IsRUFBRSxPQUFPLEtBQUssU0FBUyxFQUN6QyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksRUFDaEIsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQ3pDLE1BQU0sRUFBRTtnQkFDTixHQUFHLEVBQUUsRUFBRTtnQkFDUCxLQUFLLEVBQUUsRUFBRTtnQkFDVCxJQUFJLEVBQUUsRUFBRTtnQkFDUixNQUFNLEVBQUUsQ0FBQzthQUNWO1lBRUQsb0JBQUMsYUFBYSxPQUFHO1lBQ2hCLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FDWCxDQUNPLENBQ3ZCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FDL0IsQ0FBQyxLQUE2QixFQUFFLEVBQUU7O0lBQUMsT0FBQSxDQUNqQyxvQkFBQyxLQUFLLGtCQUNKLElBQUksRUFBQyxVQUFVLEVBQ2YsV0FBVyxFQUFFLENBQUMsRUFDZCxHQUFHLEVBQUUsS0FBSyxJQUNOLEtBQUssSUFDVCxJQUFJLEVBQUUsTUFBQSxLQUFLLENBQUMsSUFBSSxtQ0FBSSxLQUFLLENBQUMsTUFBTSxFQUNoQyxXQUFXLEVBQUUsR0FBRyxFQUNoQixpQkFBaUIsRUFBRSxLQUFLLElBQ3hCLENBQ0gsQ0FBQTtDQUFBLEVBQ0QsS0FBSyxDQUNOLENBQUM7QUFFRixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLEtBQUssQ0FBQyxZQUFZLEVBQUU7SUFDeEQsV0FBVyxFQUFFLEdBQUc7SUFDaEIsSUFBSSxFQUFFLFNBQVM7Q0FDaEIsQ0FBQyxDQUFDO0FBRUgsU0FBUyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==
|