@aivenio/aquarium 1.43.0 → 1.44.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 +537 -283
- package/dist/atoms.mjs +536 -283
- package/dist/charts.cjs +196 -11
- package/dist/charts.mjs +183 -4
- package/dist/src/atoms/Banner/Banner.d.ts +1 -1
- package/dist/src/atoms/Banner/Banner.js +1 -1
- package/dist/src/atoms/Card/Card.d.ts +9 -0
- package/dist/src/atoms/Card/Card.js +18 -1
- package/dist/src/charts/AreaChart/AreaChart.js +2 -2
- package/dist/src/charts/Cell/Cell.d.ts +2 -0
- package/dist/src/charts/Cell/Cell.js +2 -0
- package/dist/src/charts/PieChart/ChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/ChartValue.js +10 -0
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +15 -0
- package/dist/src/charts/PieChart/DoughnutChart.js +31 -0
- package/dist/src/charts/PieChart/PieChart.d.ts +13 -0
- package/dist/src/charts/PieChart/PieChart.js +17 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.d.ts +9 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.js +31 -0
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +2 -0
- package/dist/src/charts/PieChart/renderPieChildren.js +30 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.js +15 -0
- package/dist/src/charts/index.d.ts +3 -0
- package/dist/src/charts/index.js +4 -1
- package/dist/src/charts/lib/utils.d.ts +5 -0
- package/dist/src/charts/lib/utils.js +7 -1
- package/dist/src/icons/appUsers.d.ts +9 -0
- package/dist/src/icons/appUsers.js +11 -0
- package/dist/src/icons/deliveryLocation.d.ts +9 -0
- package/dist/src/icons/deliveryLocation.js +11 -0
- package/dist/src/icons/gitDiff.d.ts +9 -0
- package/dist/src/icons/gitDiff.js +11 -0
- package/dist/src/icons/index.d.ts +11 -0
- package/dist/src/icons/index.js +12 -1
- package/dist/src/icons/managedUsers.d.ts +9 -0
- package/dist/src/icons/managedUsers.js +11 -0
- package/dist/src/icons/orgAdmin.d.ts +9 -0
- package/dist/src/icons/orgAdmin.js +11 -0
- package/dist/src/icons/orgUnit.d.ts +9 -0
- package/dist/src/icons/orgUnit.js +11 -0
- package/dist/src/icons/proPlans.d.ts +9 -0
- package/dist/src/icons/proPlans.js +11 -0
- package/dist/src/icons/queriesEditor.d.ts +9 -0
- package/dist/src/icons/queriesEditor.js +11 -0
- package/dist/src/icons/queriesStatistics.d.ts +9 -0
- package/dist/src/icons/queriesStatistics.js +11 -0
- package/dist/src/icons/save.d.ts +9 -0
- package/dist/src/icons/save.js +11 -0
- package/dist/src/icons/tools.d.ts +9 -0
- package/dist/src/icons/tools.js +11 -0
- package/dist/src/molecules/Accordion/Accordion.d.ts +23 -5
- package/dist/src/molecules/Accordion/Accordion.js +41 -17
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +9 -36
- package/dist/src/molecules/Box/Box.js +4 -2
- package/dist/src/molecules/Card/Card.d.ts +4 -2
- package/dist/src/molecules/Card/Card.js +10 -11
- package/dist/src/molecules/Card/Compact.d.ts +3 -2
- package/dist/src/molecules/Card/Compact.js +9 -12
- package/dist/src/molecules/Card/types.d.ts +12 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/molecules/Combobox/Combobox.js +7 -6
- package/dist/src/molecules/DataList/DataList.d.ts +11 -2
- package/dist/src/molecules/DataList/DataList.js +9 -9
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -2
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/Grid/Grid.js +2 -1
- package/dist/src/molecules/Input/Input.js +8 -7
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/MultiInput/MultiInput.js +7 -6
- package/dist/src/molecules/MultiSelect/MultiSelect.js +7 -6
- package/dist/src/molecules/NativeSelect/NativeSelect.js +8 -6
- package/dist/src/molecules/PageHeader/PageHeader.js +3 -3
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +3 -3
- package/dist/src/molecules/Section/Section.d.ts +10 -3
- package/dist/src/molecules/Section/Section.js +9 -7
- package/dist/src/molecules/Select/Select.js +7 -6
- package/dist/src/molecules/Skeleton/Skeleton.d.ts +1 -1
- package/dist/src/molecules/Skeleton/Skeleton.js +16 -4
- package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +3 -3
- package/dist/src/molecules/Textarea/Textarea.js +8 -7
- package/dist/src/utils/Blueprint.js +3 -5
- package/dist/src/utils/actions.d.ts +8 -1
- package/dist/src/utils/actions.js +3 -3
- package/dist/src/utils/setupTests.js +7 -1
- package/dist/styles.css +17 -0
- package/dist/system.cjs +912 -646
- package/dist/system.mjs +898 -632
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/charts.cjs
CHANGED
@@ -61,11 +61,17 @@ __export(charts_exports, {
|
|
61
61
|
Bar: () => Bar,
|
62
62
|
BarChart: () => BarChart,
|
63
63
|
CartesianGrid: () => CartesianGrid,
|
64
|
+
Cell: () => import_recharts7.Cell,
|
65
|
+
Doughnut: () => Doughnut,
|
66
|
+
DoughnutChart: () => DoughnutChart,
|
64
67
|
Line: () => Line,
|
65
68
|
LineChart: () => LineChart,
|
69
|
+
Pie: () => Pie2,
|
70
|
+
PieChart: () => PieChart,
|
66
71
|
Reference: () => Reference,
|
67
72
|
ResponsiveContainer: () => ResponsiveContainer,
|
68
73
|
Tooltip: () => Tooltip,
|
74
|
+
extractChildByName: () => extractChildByName,
|
69
75
|
getDisplayName: () => getDisplayName,
|
70
76
|
getXAxisTicks: () => getXAxisTicks,
|
71
77
|
renderXAxis: () => renderXAxis,
|
@@ -1995,6 +2001,12 @@ var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
|
|
1995
2001
|
const [min = new Date(), max = new Date()] = extent(xValues);
|
1996
2002
|
return time().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
|
1997
2003
|
};
|
2004
|
+
var extractChildByName = (children, name) => {
|
2005
|
+
const childIndex = children.findIndex((child) => getDisplayName(child.type) === name);
|
2006
|
+
const foundChild = children.slice(childIndex, childIndex + 1);
|
2007
|
+
const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
|
2008
|
+
return { foundChild, children: remainingChildren };
|
2009
|
+
};
|
1998
2010
|
|
1999
2011
|
// src/charts/Axis/Axis.tsx
|
2000
2012
|
var XTimeAxis = () => null;
|
@@ -2103,7 +2115,7 @@ var Area = Object.assign(
|
|
2103
2115
|
},
|
2104
2116
|
import_recharts4.Area
|
2105
2117
|
);
|
2106
|
-
Area.defaultProps = Object.assign(import_recharts4.Area.defaultProps, {
|
2118
|
+
Area.defaultProps = Object.assign({}, import_recharts4.Area.defaultProps, {
|
2107
2119
|
fillOpacity: 0.1,
|
2108
2120
|
fill: void 0
|
2109
2121
|
});
|
@@ -2181,9 +2193,13 @@ var Bar = Object.assign((props) => /* @__PURE__ */ import_react5.default.createE
|
|
2181
2193
|
BarChart.Bar = Bar;
|
2182
2194
|
BarChart.Tooltip = Tooltip;
|
2183
2195
|
|
2196
|
+
// src/charts/Cell/Cell.tsx
|
2197
|
+
var import_recharts7 = require("recharts");
|
2198
|
+
var import_recharts8 = require("recharts");
|
2199
|
+
|
2184
2200
|
// src/charts/LineChart/LineChart.tsx
|
2185
2201
|
var import_react6 = __toESM(require("react"));
|
2186
|
-
var
|
2202
|
+
var import_recharts9 = require("recharts");
|
2187
2203
|
var renderChildren3 = (props) => {
|
2188
2204
|
return import_react6.default.Children.map(props.children, (child) => {
|
2189
2205
|
switch (getDisplayName(child.type)) {
|
@@ -2204,7 +2220,7 @@ var renderChildren3 = (props) => {
|
|
2204
2220
|
};
|
2205
2221
|
var LineChart = (props) => {
|
2206
2222
|
const { data } = props;
|
2207
|
-
return /* @__PURE__ */ import_react6.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react6.default.createElement(
|
2223
|
+
return /* @__PURE__ */ import_react6.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react6.default.createElement(import_recharts9.LineChart, {
|
2208
2224
|
width: 500,
|
2209
2225
|
height: 500,
|
2210
2226
|
data,
|
@@ -2218,33 +2234,196 @@ var LineChart = (props) => {
|
|
2218
2234
|
}, /* @__PURE__ */ import_react6.default.createElement(CartesianGrid, null), renderChildren3(props)));
|
2219
2235
|
};
|
2220
2236
|
var Line = Object.assign(
|
2221
|
-
(props) => /* @__PURE__ */ import_react6.default.createElement(
|
2237
|
+
(props) => /* @__PURE__ */ import_react6.default.createElement(import_recharts9.Line, __spreadProps(__spreadValues({
|
2222
2238
|
type: "monotone"
|
2223
2239
|
}, props), {
|
2224
2240
|
strokeWidth: 2,
|
2225
2241
|
isAnimationActive: false,
|
2226
2242
|
dot: false
|
2227
2243
|
})),
|
2228
|
-
|
2244
|
+
import_recharts9.Line
|
2229
2245
|
);
|
2230
2246
|
LineChart.Line = Line;
|
2231
2247
|
|
2232
|
-
// src/charts/
|
2248
|
+
// src/charts/PieChart/DoughnutChart.tsx
|
2249
|
+
var import_react11 = __toESM(require("react"));
|
2250
|
+
var import_recharts11 = require("recharts");
|
2251
|
+
|
2252
|
+
// src/charts/PieChart/ChartValue.tsx
|
2233
2253
|
var import_react7 = __toESM(require("react"));
|
2234
|
-
|
2254
|
+
|
2255
|
+
// src/utils/tailwind.ts
|
2256
|
+
var import_classnames = __toESM(require("classnames"));
|
2257
|
+
function cleanClassNames(classNames) {
|
2258
|
+
const tokens = classNames.split(/\s+/);
|
2259
|
+
return tokens.filter((item) => item).join(" ");
|
2260
|
+
}
|
2261
|
+
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
2262
|
+
const result = (0, import_classnames.default)(
|
2263
|
+
classesOrModifiers1,
|
2264
|
+
classesOrModifiers2,
|
2265
|
+
classesOrModifiers3,
|
2266
|
+
classesOrModifiers4,
|
2267
|
+
classesOrModifiers5,
|
2268
|
+
classesOrModifiers6,
|
2269
|
+
classesOrModifiers7,
|
2270
|
+
classesOrModifiers8,
|
2271
|
+
classesOrModifiers9,
|
2272
|
+
classesOrModifiers10
|
2273
|
+
);
|
2274
|
+
return cleanClassNames(result);
|
2275
|
+
}
|
2276
|
+
|
2277
|
+
// src/charts/PieChart/ChartValue.tsx
|
2278
|
+
var ChartValue = (props) => {
|
2279
|
+
const { value, unit: unit2, caption } = props;
|
2280
|
+
return /* @__PURE__ */ import_react7.default.createElement("p", {
|
2281
|
+
className: tw(
|
2282
|
+
"typography-large-heading",
|
2283
|
+
"text-center",
|
2284
|
+
"leading-tight",
|
2285
|
+
"absolute",
|
2286
|
+
"top-1/2",
|
2287
|
+
"left-1/2",
|
2288
|
+
"transform",
|
2289
|
+
"-translate-x-1/2",
|
2290
|
+
"-translate-y-1/2"
|
2291
|
+
)
|
2292
|
+
}, value, unit2, caption && /* @__PURE__ */ import_react7.default.createElement("span", {
|
2293
|
+
className: tw("block", "typography-small")
|
2294
|
+
}, caption));
|
2295
|
+
};
|
2296
|
+
|
2297
|
+
// src/charts/PieChart/renderPieChildren.tsx
|
2298
|
+
var import_react9 = __toESM(require("react"));
|
2299
|
+
var import_recharts10 = require("recharts");
|
2300
|
+
|
2301
|
+
// src/charts/PieChart/TooltipContentWrapper.tsx
|
2302
|
+
var import_react8 = __toESM(require("react"));
|
2303
|
+
var import_isFunction = __toESM(require("lodash/isFunction"));
|
2304
|
+
var TooltipContentWrapper = (_a) => {
|
2305
|
+
var _b = _a, {
|
2306
|
+
content
|
2307
|
+
} = _b, props = __objRest(_b, [
|
2308
|
+
"content"
|
2309
|
+
]);
|
2310
|
+
var _a2;
|
2311
|
+
const payload = (_a2 = props.payload) == null ? void 0 : _a2.map((entry) => {
|
2312
|
+
var _a3;
|
2313
|
+
return __spreadProps(__spreadValues({}, entry), {
|
2314
|
+
color: (_a3 = entry.payload) == null ? void 0 : _a3.fill
|
2315
|
+
});
|
2316
|
+
});
|
2317
|
+
const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
|
2318
|
+
if (import_react8.default.isValidElement(content)) {
|
2319
|
+
return import_react8.default.cloneElement(content, propsWithPayload);
|
2320
|
+
}
|
2321
|
+
if ((0, import_isFunction.default)(content)) {
|
2322
|
+
return import_react8.default.createElement(content, propsWithPayload);
|
2323
|
+
}
|
2324
|
+
return /* @__PURE__ */ import_react8.default.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
|
2325
|
+
payload
|
2326
|
+
}));
|
2327
|
+
};
|
2328
|
+
|
2329
|
+
// src/charts/PieChart/renderPieChildren.tsx
|
2330
|
+
var renderPieChildren = (children) => {
|
2331
|
+
return import_react9.default.Children.map(children, (child) => {
|
2332
|
+
switch (getDisplayName(child.type)) {
|
2333
|
+
case Tooltip.displayName: {
|
2334
|
+
return import_react9.default.cloneElement(child, { content: /* @__PURE__ */ import_react9.default.createElement(TooltipContentWrapper, {
|
2335
|
+
content: child.props.content
|
2336
|
+
}) });
|
2337
|
+
}
|
2338
|
+
case DoughnutChart.Doughnut.displayName: {
|
2339
|
+
return /* @__PURE__ */ import_react9.default.createElement(import_recharts10.Pie, __spreadValues({}, child.props));
|
2340
|
+
}
|
2341
|
+
default: {
|
2342
|
+
return child;
|
2343
|
+
}
|
2344
|
+
}
|
2345
|
+
});
|
2346
|
+
};
|
2347
|
+
|
2348
|
+
// src/charts/PieChart/renderScaledChartValue.tsx
|
2349
|
+
var import_react10 = __toESM(require("react"));
|
2350
|
+
var renderScaledChartValue = (props) => {
|
2351
|
+
const refSize = 300;
|
2352
|
+
const { containerWidth, containerHeight, chartValue } = props;
|
2353
|
+
if (!containerWidth || !containerHeight) {
|
2354
|
+
return null;
|
2355
|
+
}
|
2356
|
+
const scaleBy = containerWidth >= containerHeight ? containerHeight : containerWidth;
|
2357
|
+
const scale = scaleBy / refSize;
|
2358
|
+
const x = (containerWidth - refSize * scale) / (2 * scale);
|
2359
|
+
const y = (containerHeight - refSize * scale) / (2 * scale);
|
2360
|
+
return /* @__PURE__ */ import_react10.default.createElement("foreignObject", {
|
2361
|
+
width: refSize,
|
2362
|
+
height: refSize,
|
2363
|
+
x,
|
2364
|
+
y,
|
2365
|
+
transform: `scale(${scale})`
|
2366
|
+
}, chartValue);
|
2367
|
+
};
|
2368
|
+
|
2369
|
+
// src/charts/PieChart/DoughnutChart.tsx
|
2370
|
+
var DoughnutChart = (props) => {
|
2371
|
+
const [containerWidth, setContainerWidth] = import_react11.default.useState(0);
|
2372
|
+
const [containerHeight, setContainerHeight] = import_react11.default.useState(0);
|
2373
|
+
const { foundChild: chartValue, children } = extractChildByName(props.children, ChartValue.displayName);
|
2374
|
+
const onResize = (w, h) => {
|
2375
|
+
setContainerWidth(w);
|
2376
|
+
setContainerHeight(h);
|
2377
|
+
};
|
2378
|
+
const scaledChartValue = renderScaledChartValue({ chartValue, containerWidth, containerHeight });
|
2379
|
+
return /* @__PURE__ */ import_react11.default.createElement(ResponsiveContainer, {
|
2380
|
+
onResize
|
2381
|
+
}, /* @__PURE__ */ import_react11.default.createElement(import_recharts11.PieChart, null, scaledChartValue, renderPieChildren(children)));
|
2382
|
+
};
|
2383
|
+
var Doughnut = Object.assign((props) => /* @__PURE__ */ import_react11.default.createElement(import_recharts11.Pie, __spreadValues({}, props)), import_recharts11.Pie);
|
2384
|
+
Doughnut.defaultProps = Object.assign({}, import_recharts11.Pie.defaultProps, {
|
2385
|
+
isAnimationActive: false,
|
2386
|
+
innerRadius: "60%",
|
2387
|
+
outerRadius: "80%"
|
2388
|
+
});
|
2389
|
+
DoughnutChart.Doughnut = Doughnut;
|
2390
|
+
DoughnutChart.ChartValue = ChartValue;
|
2391
|
+
DoughnutChart.Cell = import_recharts11.Cell;
|
2392
|
+
|
2393
|
+
// src/charts/PieChart/PieChart.tsx
|
2394
|
+
var import_react12 = __toESM(require("react"));
|
2395
|
+
var import_recharts12 = require("recharts");
|
2396
|
+
var PieChart = (props) => {
|
2397
|
+
return /* @__PURE__ */ import_react12.default.createElement(ResponsiveContainer, null, /* @__PURE__ */ import_react12.default.createElement(import_recharts12.PieChart, {
|
2398
|
+
width: 500,
|
2399
|
+
height: 500
|
2400
|
+
}, renderPieChildren(props.children)));
|
2401
|
+
};
|
2402
|
+
var Pie2 = Object.assign((props) => /* @__PURE__ */ import_react12.default.createElement(import_recharts12.Pie, __spreadValues({}, props)), import_recharts12.Pie);
|
2403
|
+
Pie2.defaultProps = Object.assign({}, import_recharts12.Pie.defaultProps, {
|
2404
|
+
isAnimationActive: false,
|
2405
|
+
innerRadius: 0,
|
2406
|
+
outerRadius: "80%"
|
2407
|
+
});
|
2408
|
+
PieChart.Pie = Pie2;
|
2409
|
+
PieChart.Cell = import_recharts12.Cell;
|
2410
|
+
|
2411
|
+
// src/charts/Reference/Reference.tsx
|
2412
|
+
var import_react13 = __toESM(require("react"));
|
2413
|
+
var import_recharts13 = require("recharts");
|
2235
2414
|
var ReferenceLine = Object.assign(
|
2236
|
-
(props) => /* @__PURE__ */
|
2415
|
+
(props) => /* @__PURE__ */ import_react13.default.createElement(import_recharts13.ReferenceLine, __spreadProps(__spreadValues({}, props), {
|
2237
2416
|
strokeDasharray: "9 3",
|
2238
2417
|
strokeWidth: 2
|
2239
2418
|
})),
|
2240
|
-
|
2419
|
+
import_recharts13.ReferenceLine
|
2241
2420
|
);
|
2242
2421
|
var ReferenceArea = Object.assign(
|
2243
|
-
(props) => /* @__PURE__ */
|
2422
|
+
(props) => /* @__PURE__ */ import_react13.default.createElement(import_recharts13.ReferenceArea, __spreadProps(__spreadValues({}, props), {
|
2244
2423
|
strokeWidth: 0,
|
2245
2424
|
fillOpacity: 0.1
|
2246
2425
|
})),
|
2247
|
-
|
2426
|
+
import_recharts13.ReferenceLine
|
2248
2427
|
);
|
2249
2428
|
var Reference = {
|
2250
2429
|
Line: ReferenceLine,
|
@@ -2258,11 +2437,17 @@ var Reference = {
|
|
2258
2437
|
Bar,
|
2259
2438
|
BarChart,
|
2260
2439
|
CartesianGrid,
|
2440
|
+
Cell,
|
2441
|
+
Doughnut,
|
2442
|
+
DoughnutChart,
|
2261
2443
|
Line,
|
2262
2444
|
LineChart,
|
2445
|
+
Pie,
|
2446
|
+
PieChart,
|
2263
2447
|
Reference,
|
2264
2448
|
ResponsiveContainer,
|
2265
2449
|
Tooltip,
|
2450
|
+
extractChildByName,
|
2266
2451
|
getDisplayName,
|
2267
2452
|
getXAxisTicks,
|
2268
2453
|
renderXAxis,
|
package/dist/charts.mjs
CHANGED
@@ -1884,6 +1884,12 @@ var getXAxisTicks = ({ dataKey, ticks: ticks2 }, chartProps) => {
|
|
1884
1884
|
const [min = new Date(), max = new Date()] = extent(xValues);
|
1885
1885
|
return time().domain([min, max]).ticks(ticks2).map((v) => v.valueOf());
|
1886
1886
|
};
|
1887
|
+
var extractChildByName = (children, name) => {
|
1888
|
+
const childIndex = children.findIndex((child) => getDisplayName(child.type) === name);
|
1889
|
+
const foundChild = children.slice(childIndex, childIndex + 1);
|
1890
|
+
const remainingChildren = children.slice(0, childIndex).concat(children.slice(childIndex + 1));
|
1891
|
+
return { foundChild, children: remainingChildren };
|
1892
|
+
};
|
1887
1893
|
|
1888
1894
|
// src/charts/Axis/Axis.tsx
|
1889
1895
|
var XTimeAxis = () => null;
|
@@ -1992,7 +1998,7 @@ var Area = Object.assign(
|
|
1992
1998
|
},
|
1993
1999
|
_Area
|
1994
2000
|
);
|
1995
|
-
Area.defaultProps = Object.assign(_Area.defaultProps, {
|
2001
|
+
Area.defaultProps = Object.assign({}, _Area.defaultProps, {
|
1996
2002
|
fillOpacity: 0.1,
|
1997
2003
|
fill: void 0
|
1998
2004
|
});
|
@@ -2070,6 +2076,10 @@ var Bar = Object.assign((props) => /* @__PURE__ */ React5.createElement(_Bar, __
|
|
2070
2076
|
BarChart.Bar = Bar;
|
2071
2077
|
BarChart.Tooltip = Tooltip;
|
2072
2078
|
|
2079
|
+
// src/charts/Cell/Cell.tsx
|
2080
|
+
import { Cell } from "recharts";
|
2081
|
+
import {} from "recharts";
|
2082
|
+
|
2073
2083
|
// src/charts/LineChart/LineChart.tsx
|
2074
2084
|
import React6 from "react";
|
2075
2085
|
import { Line as _Line, LineChart as _LineChart } from "recharts";
|
@@ -2118,21 +2128,184 @@ var Line = Object.assign(
|
|
2118
2128
|
);
|
2119
2129
|
LineChart.Line = Line;
|
2120
2130
|
|
2121
|
-
// src/charts/
|
2131
|
+
// src/charts/PieChart/DoughnutChart.tsx
|
2132
|
+
import React11 from "react";
|
2133
|
+
import { Cell as Cell2, Pie as _Pie, PieChart as _PieChart } from "recharts";
|
2134
|
+
|
2135
|
+
// src/charts/PieChart/ChartValue.tsx
|
2122
2136
|
import React7 from "react";
|
2137
|
+
|
2138
|
+
// src/utils/tailwind.ts
|
2139
|
+
import originalClassNames from "classnames";
|
2140
|
+
function cleanClassNames(classNames) {
|
2141
|
+
const tokens = classNames.split(/\s+/);
|
2142
|
+
return tokens.filter((item) => item).join(" ");
|
2143
|
+
}
|
2144
|
+
function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
2145
|
+
const result = originalClassNames(
|
2146
|
+
classesOrModifiers1,
|
2147
|
+
classesOrModifiers2,
|
2148
|
+
classesOrModifiers3,
|
2149
|
+
classesOrModifiers4,
|
2150
|
+
classesOrModifiers5,
|
2151
|
+
classesOrModifiers6,
|
2152
|
+
classesOrModifiers7,
|
2153
|
+
classesOrModifiers8,
|
2154
|
+
classesOrModifiers9,
|
2155
|
+
classesOrModifiers10
|
2156
|
+
);
|
2157
|
+
return cleanClassNames(result);
|
2158
|
+
}
|
2159
|
+
|
2160
|
+
// src/charts/PieChart/ChartValue.tsx
|
2161
|
+
var ChartValue = (props) => {
|
2162
|
+
const { value, unit: unit2, caption } = props;
|
2163
|
+
return /* @__PURE__ */ React7.createElement("p", {
|
2164
|
+
className: tw(
|
2165
|
+
"typography-large-heading",
|
2166
|
+
"text-center",
|
2167
|
+
"leading-tight",
|
2168
|
+
"absolute",
|
2169
|
+
"top-1/2",
|
2170
|
+
"left-1/2",
|
2171
|
+
"transform",
|
2172
|
+
"-translate-x-1/2",
|
2173
|
+
"-translate-y-1/2"
|
2174
|
+
)
|
2175
|
+
}, value, unit2, caption && /* @__PURE__ */ React7.createElement("span", {
|
2176
|
+
className: tw("block", "typography-small")
|
2177
|
+
}, caption));
|
2178
|
+
};
|
2179
|
+
|
2180
|
+
// src/charts/PieChart/renderPieChildren.tsx
|
2181
|
+
import React9 from "react";
|
2182
|
+
import { Pie } from "recharts";
|
2183
|
+
|
2184
|
+
// src/charts/PieChart/TooltipContentWrapper.tsx
|
2185
|
+
import React8 from "react";
|
2186
|
+
import isFunction from "lodash/isFunction";
|
2187
|
+
var TooltipContentWrapper = (_a) => {
|
2188
|
+
var _b = _a, {
|
2189
|
+
content
|
2190
|
+
} = _b, props = __objRest(_b, [
|
2191
|
+
"content"
|
2192
|
+
]);
|
2193
|
+
var _a2;
|
2194
|
+
const payload = (_a2 = props.payload) == null ? void 0 : _a2.map((entry) => {
|
2195
|
+
var _a3;
|
2196
|
+
return __spreadProps(__spreadValues({}, entry), {
|
2197
|
+
color: (_a3 = entry.payload) == null ? void 0 : _a3.fill
|
2198
|
+
});
|
2199
|
+
});
|
2200
|
+
const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
|
2201
|
+
if (React8.isValidElement(content)) {
|
2202
|
+
return React8.cloneElement(content, propsWithPayload);
|
2203
|
+
}
|
2204
|
+
if (isFunction(content)) {
|
2205
|
+
return React8.createElement(content, propsWithPayload);
|
2206
|
+
}
|
2207
|
+
return /* @__PURE__ */ React8.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), {
|
2208
|
+
payload
|
2209
|
+
}));
|
2210
|
+
};
|
2211
|
+
|
2212
|
+
// src/charts/PieChart/renderPieChildren.tsx
|
2213
|
+
var renderPieChildren = (children) => {
|
2214
|
+
return React9.Children.map(children, (child) => {
|
2215
|
+
switch (getDisplayName(child.type)) {
|
2216
|
+
case Tooltip.displayName: {
|
2217
|
+
return React9.cloneElement(child, { content: /* @__PURE__ */ React9.createElement(TooltipContentWrapper, {
|
2218
|
+
content: child.props.content
|
2219
|
+
}) });
|
2220
|
+
}
|
2221
|
+
case DoughnutChart.Doughnut.displayName: {
|
2222
|
+
return /* @__PURE__ */ React9.createElement(Pie, __spreadValues({}, child.props));
|
2223
|
+
}
|
2224
|
+
default: {
|
2225
|
+
return child;
|
2226
|
+
}
|
2227
|
+
}
|
2228
|
+
});
|
2229
|
+
};
|
2230
|
+
|
2231
|
+
// src/charts/PieChart/renderScaledChartValue.tsx
|
2232
|
+
import React10 from "react";
|
2233
|
+
var renderScaledChartValue = (props) => {
|
2234
|
+
const refSize = 300;
|
2235
|
+
const { containerWidth, containerHeight, chartValue } = props;
|
2236
|
+
if (!containerWidth || !containerHeight) {
|
2237
|
+
return null;
|
2238
|
+
}
|
2239
|
+
const scaleBy = containerWidth >= containerHeight ? containerHeight : containerWidth;
|
2240
|
+
const scale = scaleBy / refSize;
|
2241
|
+
const x = (containerWidth - refSize * scale) / (2 * scale);
|
2242
|
+
const y = (containerHeight - refSize * scale) / (2 * scale);
|
2243
|
+
return /* @__PURE__ */ React10.createElement("foreignObject", {
|
2244
|
+
width: refSize,
|
2245
|
+
height: refSize,
|
2246
|
+
x,
|
2247
|
+
y,
|
2248
|
+
transform: `scale(${scale})`
|
2249
|
+
}, chartValue);
|
2250
|
+
};
|
2251
|
+
|
2252
|
+
// src/charts/PieChart/DoughnutChart.tsx
|
2253
|
+
var DoughnutChart = (props) => {
|
2254
|
+
const [containerWidth, setContainerWidth] = React11.useState(0);
|
2255
|
+
const [containerHeight, setContainerHeight] = React11.useState(0);
|
2256
|
+
const { foundChild: chartValue, children } = extractChildByName(props.children, ChartValue.displayName);
|
2257
|
+
const onResize = (w, h) => {
|
2258
|
+
setContainerWidth(w);
|
2259
|
+
setContainerHeight(h);
|
2260
|
+
};
|
2261
|
+
const scaledChartValue = renderScaledChartValue({ chartValue, containerWidth, containerHeight });
|
2262
|
+
return /* @__PURE__ */ React11.createElement(ResponsiveContainer, {
|
2263
|
+
onResize
|
2264
|
+
}, /* @__PURE__ */ React11.createElement(_PieChart, null, scaledChartValue, renderPieChildren(children)));
|
2265
|
+
};
|
2266
|
+
var Doughnut = Object.assign((props) => /* @__PURE__ */ React11.createElement(_Pie, __spreadValues({}, props)), _Pie);
|
2267
|
+
Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
|
2268
|
+
isAnimationActive: false,
|
2269
|
+
innerRadius: "60%",
|
2270
|
+
outerRadius: "80%"
|
2271
|
+
});
|
2272
|
+
DoughnutChart.Doughnut = Doughnut;
|
2273
|
+
DoughnutChart.ChartValue = ChartValue;
|
2274
|
+
DoughnutChart.Cell = Cell2;
|
2275
|
+
|
2276
|
+
// src/charts/PieChart/PieChart.tsx
|
2277
|
+
import React12 from "react";
|
2278
|
+
import { Cell as Cell3, Pie as _Pie2, PieChart as _PieChart2 } from "recharts";
|
2279
|
+
var PieChart = (props) => {
|
2280
|
+
return /* @__PURE__ */ React12.createElement(ResponsiveContainer, null, /* @__PURE__ */ React12.createElement(_PieChart2, {
|
2281
|
+
width: 500,
|
2282
|
+
height: 500
|
2283
|
+
}, renderPieChildren(props.children)));
|
2284
|
+
};
|
2285
|
+
var Pie2 = Object.assign((props) => /* @__PURE__ */ React12.createElement(_Pie2, __spreadValues({}, props)), _Pie2);
|
2286
|
+
Pie2.defaultProps = Object.assign({}, _Pie2.defaultProps, {
|
2287
|
+
isAnimationActive: false,
|
2288
|
+
innerRadius: 0,
|
2289
|
+
outerRadius: "80%"
|
2290
|
+
});
|
2291
|
+
PieChart.Pie = Pie2;
|
2292
|
+
PieChart.Cell = Cell3;
|
2293
|
+
|
2294
|
+
// src/charts/Reference/Reference.tsx
|
2295
|
+
import React13 from "react";
|
2123
2296
|
import {
|
2124
2297
|
ReferenceArea as _ReferenceArea,
|
2125
2298
|
ReferenceLine as _ReferenceLine
|
2126
2299
|
} from "recharts";
|
2127
2300
|
var ReferenceLine = Object.assign(
|
2128
|
-
(props) => /* @__PURE__ */
|
2301
|
+
(props) => /* @__PURE__ */ React13.createElement(_ReferenceLine, __spreadProps(__spreadValues({}, props), {
|
2129
2302
|
strokeDasharray: "9 3",
|
2130
2303
|
strokeWidth: 2
|
2131
2304
|
})),
|
2132
2305
|
_ReferenceLine
|
2133
2306
|
);
|
2134
2307
|
var ReferenceArea = Object.assign(
|
2135
|
-
(props) => /* @__PURE__ */
|
2308
|
+
(props) => /* @__PURE__ */ React13.createElement(_ReferenceArea, __spreadProps(__spreadValues({}, props), {
|
2136
2309
|
strokeWidth: 0,
|
2137
2310
|
fillOpacity: 0.1
|
2138
2311
|
})),
|
@@ -2149,11 +2322,17 @@ export {
|
|
2149
2322
|
Bar,
|
2150
2323
|
BarChart,
|
2151
2324
|
CartesianGrid,
|
2325
|
+
Cell,
|
2326
|
+
Doughnut,
|
2327
|
+
DoughnutChart,
|
2152
2328
|
Line,
|
2153
2329
|
LineChart,
|
2330
|
+
Pie2 as Pie,
|
2331
|
+
PieChart,
|
2154
2332
|
Reference,
|
2155
2333
|
ResponsiveContainer,
|
2156
2334
|
Tooltip,
|
2335
|
+
extractChildByName,
|
2157
2336
|
getDisplayName,
|
2158
2337
|
getXAxisTicks,
|
2159
2338
|
renderXAxis,
|
@@ -17,7 +17,7 @@ declare type ComposedBannerProps = {
|
|
17
17
|
flexGrow: boolean;
|
18
18
|
}>;
|
19
19
|
ContentContainer: React.FC<BannerLayoutProps & DivProps>;
|
20
|
-
ImageContainer: React.FC<BoxProps
|
20
|
+
ImageContainer: React.FC<BoxProps>;
|
21
21
|
Actions: React.FC<BannerLayoutProps & DivProps>;
|
22
22
|
DismissContainer: React.FC<BannerLayoutProps & DivProps>;
|
23
23
|
};
|
@@ -54,4 +54,4 @@ Banner.DismissContainer = (_a) => {
|
|
54
54
|
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
55
55
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
|
56
56
|
};
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUEwQjtDQUNwRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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
|
@@ -1,4 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
3
|
+
import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
2
4
|
import { type ColorName } from '../../../types/designTokens';
|
3
5
|
import { type LimitedCssDimension } from '../../../types/DimensionProps';
|
4
6
|
import { type Either } from '../../../types/utils';
|
@@ -7,6 +9,7 @@ declare type ComposedCardProps = {
|
|
7
9
|
ColorHiglight: typeof ColorHighlight;
|
8
10
|
ImageContainer: typeof ImageContainer;
|
9
11
|
Image: typeof Image;
|
12
|
+
Title: typeof Title;
|
10
13
|
Content: typeof Content;
|
11
14
|
Actions: typeof Actions;
|
12
15
|
};
|
@@ -33,10 +36,16 @@ declare const Image: React.FC<DivProps & Either<{
|
|
33
36
|
image: string;
|
34
37
|
imageAlt: string | undefined;
|
35
38
|
}>;
|
39
|
+
declare const Title: React.FC<React.ComponentProps<typeof Box.Flex>>;
|
36
40
|
declare const Content: React.FC<DivProps & {
|
37
41
|
dense?: boolean;
|
38
42
|
}>;
|
39
43
|
declare const Actions: React.FC<DivProps & {
|
40
44
|
dense?: boolean;
|
41
45
|
}>;
|
46
|
+
export declare const getTitleContent: ({ title, clampTitle, dense, }: {
|
47
|
+
title: React.ReactElement<React.ComponentProps<typeof Card.Title>> | string;
|
48
|
+
clampTitle?: Lines | undefined;
|
49
|
+
dense?: boolean | undefined;
|
50
|
+
}) => React.JSX.Element;
|
42
51
|
export {};
|
@@ -12,6 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import isNumber from 'lodash/isNumber';
|
14
14
|
import { Box } from '../../../src/molecules/Box/Box';
|
15
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
16
|
+
import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
|
15
17
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
18
|
export const Card = React.forwardRef((_a, ref) => {
|
17
19
|
var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
@@ -38,6 +40,7 @@ const Image = ({ image, imageAlt, fullSize = false, imageHeight }) => (React.cre
|
|
38
40
|
'h-[174px]': !imageHeight && !fullSize,
|
39
41
|
'h-[225px]': !imageHeight && fullSize,
|
40
42
|
}), style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight } }));
|
43
|
+
const Title = (props) => (React.createElement(Box.Flex, Object.assign({ component: "div", alignItems: "center", gap: "2" }, props)));
|
41
44
|
const Content = (_a) => {
|
42
45
|
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
43
46
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
|
@@ -46,9 +49,23 @@ const Actions = (_a) => {
|
|
46
49
|
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
47
50
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
|
48
51
|
};
|
52
|
+
Card.Title = Title;
|
49
53
|
Card.Content = Content;
|
50
54
|
Card.Actions = Actions;
|
51
55
|
Card.ImageContainer = ImageContainer;
|
52
56
|
Card.Image = Image;
|
53
57
|
Card.ColorHiglight = ColorHighlight;
|
54
|
-
|
58
|
+
const isCardTitleComponent = (c) => {
|
59
|
+
return React.isValidElement(c) && c.type === Card.Title;
|
60
|
+
};
|
61
|
+
export const getTitleContent = ({ title, clampTitle, dense = false, }) => {
|
62
|
+
if (typeof title !== 'string' && !isCardTitleComponent(title)) {
|
63
|
+
throw new Error('Wrap a custom card title element with <Card.Title> to get the desired spacing between children elements applied.');
|
64
|
+
}
|
65
|
+
const titleContent = (React.createElement(Typography, { variant: dense ? 'small-strong' : 'default-strong', color: "black" }, title));
|
66
|
+
if (clampTitle) {
|
67
|
+
return (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent));
|
68
|
+
}
|
69
|
+
return titleContent;
|
70
|
+
};
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLCtCQUErQixDQUFDO0FBRXRFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEwQnBELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxDQUFDLEVBQXVGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBaEcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLGNBQWMsR0FBRyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXJGLGlGQUF1RixDQUFGO0lBQVksT0FBQSxDQUNoRywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkVBQTJFLEVBQUU7WUFDOUUsV0FBVyxFQUFFLENBQUMsU0FBUztZQUN2QixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQztZQUM1QixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUM7WUFDOUQsZ0VBQWdFLEVBQUUsT0FBTyxDQUFDLFNBQVMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNqRyx1REFBdUQsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNFLENBQUMsRUFDRixTQUFTLENB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
|
@@ -38,9 +38,9 @@ export const Area = Object.assign((props) => {
|
|
38
38
|
var _a;
|
39
39
|
return (React.createElement(_Area, Object.assign({ type: "monotone", strokeWidth: 2, dot: false }, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : props.stroke, fillOpacity: 0.1, isAnimationActive: false })));
|
40
40
|
}, _Area);
|
41
|
-
Area.defaultProps = Object.assign(_Area.defaultProps, {
|
41
|
+
Area.defaultProps = Object.assign({}, _Area.defaultProps, {
|
42
42
|
fillOpacity: 0.1,
|
43
43
|
fill: undefined,
|
44
44
|
});
|
45
45
|
AreaChart.Area = Area;
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJlYUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9BcmVhQ2hhcnQvQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsU0FBUyxJQUFJLFVBQVUsRUFBa0IsTUFBTSxVQUFVLENBQUM7QUFFbEYsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBV3ZFLE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQy9DLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ2xELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQWlELENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDL0UsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN2QixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CO1FBQ2xCLG9CQUFDLFVBQVUsSUFDVCxLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsRUFDekMsTUFBTSxFQUFFO2dCQUNOLEdBQUcsRUFBRSxFQUFFO2dCQUNQLEtBQUssRUFBRSxFQUFFO2dCQUNULElBQUksRUFBRSxFQUFFO2dCQUNSLE1BQU0sRUFBRSxDQUFDO2FBQ1Y7WUFFRCxvQkFBQyxhQUFhLE9BQUc7WUFDaEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUNYLENBQ08sQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUMvQixDQUFDLEtBQTZCLEVBQUUsRUFBRTs7SUFBQyxPQUFBLENBQ2pDLG9CQUFDLEtBQUssa0JBQ0osSUFBSSxFQUFDLFVBQVUsRUFDZixXQUFXLEVBQUUsQ0FBQyxFQUNkLEdBQUcsRUFBRSxLQUFLLElBQ04sS0FBSyxJQUNULElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLEtBQUssQ0FBQyxNQUFNLEVBQ2hDLFdBQVcsRUFBRSxHQUFHLEVBQ2hCLGlCQUFpQixFQUFFLEtBQUssSUFDeEIsQ0FDSCxDQUFBO0NBQUEsRUFDRCxLQUFLLENBQ04sQ0FBQztBQUVGLElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLFlBQVksRUFBRTtJQUN4RCxXQUFXLEVBQUUsR0FBRztJQUNoQixJQUFJLEVBQUUsU0FBUztDQUNoQixDQUFDLENBQUM7QUFFSCxTQUFTLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9
|