@aivenio/aquarium 2.19.0-rc1 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms.cjs +72 -60
- package/dist/atoms.mjs +24 -12
- package/dist/charts.cjs +8 -16
- package/dist/charts.mjs +8 -16
- package/dist/src/atoms/DataList/DataList.js +2 -2
- package/dist/src/atoms/Table/Table.d.ts +1 -3
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/atoms/Typography/Typography.d.ts +2 -2
- package/dist/src/atoms/Typography/Typography.js +1 -1
- package/dist/src/charts/AreaChart/AreaChart.d.ts +1 -1
- package/dist/src/charts/BarChart/BarChart.d.ts +1 -1
- package/dist/src/charts/Legend/Legend.js +1 -2
- package/dist/src/charts/LineChart/LineChart.d.ts +1 -1
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +1 -1
- package/dist/src/charts/PieChart/DoughnutChart.js +4 -4
- package/dist/src/charts/PieChart/PieChart.d.ts +1 -1
- package/dist/src/charts/PieChart/PieChart.js +2 -2
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +1 -1
- package/dist/src/charts/PieChart/renderPieChildren.js +4 -8
- package/dist/src/charts/lib/utils.d.ts +1 -1
- package/dist/src/charts/lib/utils.js +2 -5
- package/dist/src/icons/creditMemo.d.ts +9 -0
- package/dist/src/icons/creditMemo.js +11 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +2 -1
- package/dist/src/molecules/Accordion/Accordion.js +3 -7
- package/dist/src/molecules/Avatar/Avatar.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +2 -2
- package/dist/src/molecules/Box/Box.js +1 -1
- package/dist/src/molecules/Button/Button.d.ts +9 -19
- package/dist/src/molecules/Button/Button.js +2 -2
- package/dist/src/molecules/Card/CardInputWrapper.d.ts +2 -2
- package/dist/src/molecules/Card/CardInputWrapper.js +2 -2
- package/dist/src/molecules/Context/Context.d.ts +1 -1
- package/dist/src/molecules/Context/Context.js +1 -1
- package/dist/src/molecules/DataList/DataListComponents.d.ts +4 -4
- package/dist/src/molecules/DataList/DataListComponents.js +1 -1
- package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
- package/dist/src/molecules/DataList/DataListGroup.js +1 -1
- package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +2 -2
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +2 -2
- package/dist/src/molecules/Grid/Grid.d.ts +2 -2
- package/dist/src/molecules/Grid/GridItem.d.ts +2 -2
- package/dist/src/molecules/Link/Link.d.ts +1 -2
- package/dist/src/molecules/List/List.d.ts +1 -1
- package/dist/src/molecules/List/List.js +1 -1
- package/dist/src/molecules/ListItem/ListItem.d.ts +1 -2
- package/dist/src/molecules/ListItem/ListItem.js +1 -1
- package/dist/src/molecules/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +2 -2
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +2 -2
- package/dist/src/molecules/Popover/PopoverOverlay.js +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +2 -6
- package/dist/src/molecules/Portal/Portal.d.ts +1 -1
- package/dist/src/molecules/Section/Section.js +3 -7
- package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +2 -2
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Toast/Toast.spec.d.ts +1 -0
- package/dist/src/molecules/Toast/Toast.spec.js +42 -0
- package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +2 -2
- package/dist/src/molecules/Transition/Transition.js +3 -8
- package/dist/src/utils/breakpoints.js +2 -4
- package/dist/src/utils/positioner.js +2 -2
- package/dist/src/utils/stickyStyles.d.ts +2 -2
- package/dist/src/utils/stickyStyles.js +2 -2
- package/dist/src/utils/table/types.js +2 -2
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/table/utils.js +2 -2
- package/dist/src/utils/useInView.d.ts +1 -1
- package/dist/src/utils/useInView.js +1 -1
- package/dist/src/utils/useMeasure.d.ts +1 -1
- package/dist/src/utils/useStyle.js +2 -4
- package/dist/src/utils/useWindowSize.js +2 -3
- package/dist/system.cjs +217 -227
- package/dist/system.mjs +65 -75
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +27 -37
package/dist/atoms.cjs
CHANGED
@@ -1262,6 +1262,22 @@ var require_creditCard = __commonJS({
|
|
1262
1262
|
}
|
1263
1263
|
});
|
1264
1264
|
|
1265
|
+
// src/icons/creditMemo.js
|
1266
|
+
var require_creditMemo = __commonJS({
|
1267
|
+
"src/icons/creditMemo.js"(exports2) {
|
1268
|
+
"use strict";
|
1269
|
+
var data = {
|
1270
|
+
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.333 1.513v2.754c0 .373 0 .56.073.702a.667.667 0 00.291.292c.143.072.33.072.703.072h2.753m.18 1.326c0-.49 0-.734-.055-.964a2.01 2.01 0 00-.24-.578c-.123-.202-.296-.375-.642-.721L10.27 2.271c-.345-.346-.518-.52-.72-.643a2 2 0 00-.578-.24c-.23-.055-.475-.055-.964-.055H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 00-.875.874c-.217.428-.217.988-.217 2.108v6.934c0 1.12 0 1.68.217 2.108a2 2 0 00.875.874c.427.218.987.218 2.108.218h2.14m.502-3.334H5.333M8 8.667H5.333"/><path d="M9.818 12.58c0 .686.556 1.24 1.24 1.24h1.152a1.329 1.329 0 100-2.656h-1.063a1.329 1.329 0 010-2.658h1.152c.684 0 1.24.555 1.24 1.24m-1.86-2.037v.797m0 5.315v.797"/></g>',
|
1271
|
+
"left": 0,
|
1272
|
+
"top": 0,
|
1273
|
+
"width": 16,
|
1274
|
+
"height": 16
|
1275
|
+
};
|
1276
|
+
exports2.__esModule = true;
|
1277
|
+
exports2.default = data;
|
1278
|
+
}
|
1279
|
+
});
|
1280
|
+
|
1265
1281
|
// src/icons/cross.js
|
1266
1282
|
var require_cross = __commonJS({
|
1267
1283
|
"src/icons/cross.js"(exports2) {
|
@@ -4289,20 +4305,18 @@ var import_utils2 = require("@react-aria/utils");
|
|
4289
4305
|
|
4290
4306
|
// src/molecules/Button/Button.tsx
|
4291
4307
|
var import_react18 = __toESM(require("react"));
|
4292
|
-
var
|
4308
|
+
var import_lodash_es7 = require("lodash-es");
|
4293
4309
|
|
4294
4310
|
// src/molecules/Flexbox/Flexbox.tsx
|
4295
4311
|
var import_react13 = __toESM(require("react"));
|
4296
4312
|
|
4297
4313
|
// src/molecules/Tailwindify/Tailwindify.tsx
|
4298
4314
|
var import_react12 = __toESM(require("react"));
|
4299
|
-
var
|
4315
|
+
var import_lodash_es6 = require("lodash-es");
|
4300
4316
|
|
4301
4317
|
// src/utils/useStyle.ts
|
4302
4318
|
var import_react11 = require("react");
|
4303
|
-
var
|
4304
|
-
var import_isPlainObject2 = __toESM(require("lodash/isPlainObject"));
|
4305
|
-
var import_isUndefined3 = __toESM(require("lodash/isUndefined"));
|
4319
|
+
var import_lodash_es5 = require("lodash-es");
|
4306
4320
|
|
4307
4321
|
// tailwind.theme.json
|
4308
4322
|
var tailwind_theme_default = {
|
@@ -5233,9 +5247,7 @@ var import_i18n = require("@react-aria/i18n");
|
|
5233
5247
|
var import_overlays = require("@react-aria/overlays");
|
5234
5248
|
|
5235
5249
|
// src/utils/breakpoints.ts
|
5236
|
-
var
|
5237
|
-
var import_isUndefined = __toESM(require("lodash/isUndefined"));
|
5238
|
-
var import_orderBy = __toESM(require("lodash/orderBy"));
|
5250
|
+
var import_lodash_es = require("lodash-es");
|
5239
5251
|
|
5240
5252
|
// src/tokens/tokens.json
|
5241
5253
|
var tokens_default = {
|
@@ -5990,7 +6002,7 @@ var tokens_default = {
|
|
5990
6002
|
// src/utils/breakpoints.ts
|
5991
6003
|
var { screens: allBreakpoints } = tokens_default;
|
5992
6004
|
var SCREEN_TO_PX_MAPPING = getPxMapping(allBreakpoints);
|
5993
|
-
var BREAKPOINT_PRIORITY = (0,
|
6005
|
+
var BREAKPOINT_PRIORITY = (0, import_lodash_es.orderBy)(
|
5994
6006
|
Object.keys(SCREEN_TO_PX_MAPPING).map((key) => {
|
5995
6007
|
return {
|
5996
6008
|
breakpoint: key,
|
@@ -6015,7 +6027,7 @@ function getPxMapping(breakpoints2) {
|
|
6015
6027
|
function getMatches(windowSize) {
|
6016
6028
|
const mapping = getPxMapping(allBreakpoints);
|
6017
6029
|
return Object.keys(allBreakpoints).reduce((acc, key) => {
|
6018
|
-
const isMatch = !(0,
|
6030
|
+
const isMatch = !(0, import_lodash_es.isUndefined)(windowSize) && windowSize.width > 0 ? windowSize.width > mapping[key] : key === "default" ? true : false;
|
6019
6031
|
return {
|
6020
6032
|
...acc,
|
6021
6033
|
[key]: isMatch
|
@@ -6024,10 +6036,10 @@ function getMatches(windowSize) {
|
|
6024
6036
|
}
|
6025
6037
|
function selectBreakpointValue(value, matches) {
|
6026
6038
|
const bp = BREAKPOINT_PRIORITY.find((bp2) => {
|
6027
|
-
const pickBreakpoint = (0,
|
6028
|
-
return !(0,
|
6039
|
+
const pickBreakpoint = (0, import_lodash_es.isPlainObject)(value) && bp2.breakpoint in value ? bp2.breakpoint : void 0;
|
6040
|
+
return !(0, import_lodash_es.isUndefined)(pickBreakpoint) && matches[bp2.breakpoint];
|
6029
6041
|
});
|
6030
|
-
if (!(0,
|
6042
|
+
if (!(0, import_lodash_es.isUndefined)(bp)) {
|
6031
6043
|
return value[bp.breakpoint];
|
6032
6044
|
}
|
6033
6045
|
return value;
|
@@ -6035,12 +6047,11 @@ function selectBreakpointValue(value, matches) {
|
|
6035
6047
|
|
6036
6048
|
// src/utils/useWindowSize.ts
|
6037
6049
|
var import_react = require("react");
|
6038
|
-
var
|
6039
|
-
var import_isUndefined2 = __toESM(require("lodash/isUndefined"));
|
6050
|
+
var import_lodash_es2 = require("lodash-es");
|
6040
6051
|
|
6041
6052
|
// src/molecules/Toast/Toast.tsx
|
6042
6053
|
var import_react9 = __toESM(require("react"));
|
6043
|
-
var
|
6054
|
+
var import_lodash_es4 = require("lodash-es");
|
6044
6055
|
|
6045
6056
|
// src/molecules/Spacing/Spacing.tsx
|
6046
6057
|
var import_react5 = __toESM(require("react"));
|
@@ -6048,7 +6059,7 @@ var import_react5 = __toESM(require("react"));
|
|
6048
6059
|
// src/molecules/Box/Box.tsx
|
6049
6060
|
var import_react4 = __toESM(require("react"));
|
6050
6061
|
var import_classnames2 = __toESM(require("classnames"));
|
6051
|
-
var
|
6062
|
+
var import_lodash_es3 = require("lodash-es");
|
6052
6063
|
|
6053
6064
|
// src/molecules/Element/Element.tsx
|
6054
6065
|
var import_react2 = __toESM(require("react"));
|
@@ -6158,15 +6169,15 @@ var Box = ({
|
|
6158
6169
|
alignSelf,
|
6159
6170
|
flexDirection,
|
6160
6171
|
flexWrap,
|
6161
|
-
paddingTop: (0,
|
6162
|
-
paddingRight: (0,
|
6163
|
-
paddingBottom: (0,
|
6164
|
-
paddingLeft: (0,
|
6172
|
+
paddingTop: (0, import_lodash_es3.isUndefined)(paddingY) ? paddingTop : paddingY,
|
6173
|
+
paddingRight: (0, import_lodash_es3.isUndefined)(paddingX) ? paddingRight : paddingX,
|
6174
|
+
paddingBottom: (0, import_lodash_es3.isUndefined)(paddingY) ? paddingBottom : paddingY,
|
6175
|
+
paddingLeft: (0, import_lodash_es3.isUndefined)(paddingX) ? paddingLeft : paddingX,
|
6165
6176
|
margin,
|
6166
|
-
marginTop: (0,
|
6167
|
-
marginRight: (0,
|
6168
|
-
marginBottom: (0,
|
6169
|
-
marginLeft: (0,
|
6177
|
+
marginTop: (0, import_lodash_es3.isUndefined)(marginY) ? marginTop : marginY,
|
6178
|
+
marginRight: (0, import_lodash_es3.isUndefined)(marginX) ? marginRight : marginX,
|
6179
|
+
marginBottom: (0, import_lodash_es3.isUndefined)(marginY) ? marginBottom : marginY,
|
6180
|
+
marginLeft: (0, import_lodash_es3.isUndefined)(marginX) ? marginLeft : marginX,
|
6170
6181
|
width,
|
6171
6182
|
height,
|
6172
6183
|
maxWidth,
|
@@ -6320,6 +6331,7 @@ var import_console = __toESM(require_console());
|
|
6320
6331
|
var import_container = __toESM(require_container());
|
6321
6332
|
var import_cpuChip = __toESM(require_cpuChip());
|
6322
6333
|
var import_creditCard = __toESM(require_creditCard());
|
6334
|
+
var import_creditMemo = __toESM(require_creditMemo());
|
6323
6335
|
var import_cross = __toESM(require_cross());
|
6324
6336
|
var import_currencyDollar = __toESM(require_currencyDollar());
|
6325
6337
|
var import_dashboard = __toESM(require_dashboard());
|
@@ -6535,8 +6547,8 @@ var THEME_MAPPING = {
|
|
6535
6547
|
};
|
6536
6548
|
function resolveTailwindThemeValue(key, val) {
|
6537
6549
|
const resolvedKey = key in THEME_MAPPING ? THEME_MAPPING[key] : key;
|
6538
|
-
const found = (0,
|
6539
|
-
if (!(0,
|
6550
|
+
const found = (0, import_lodash_es5.get)(tailwind_theme_default, [resolvedKey, val], void 0) ?? (0, import_lodash_es5.get)(tailwind_theme_default, [resolvedKey, ...(val ?? "").toString().split("-")], void 0);
|
6551
|
+
if (!(0, import_lodash_es5.isUndefined)(found)) {
|
6540
6552
|
return found;
|
6541
6553
|
}
|
6542
6554
|
return val;
|
@@ -6545,16 +6557,16 @@ function useStyle(styles) {
|
|
6545
6557
|
const context2 = (0, import_react11.useContext)(DesignSystemContext);
|
6546
6558
|
return Object.keys(styles).reduce((acc, key) => {
|
6547
6559
|
const property = styles[key];
|
6548
|
-
const isStylesObject = (0,
|
6560
|
+
const isStylesObject = (0, import_lodash_es5.isPlainObject)(property) && "value" in property;
|
6549
6561
|
const value = isStylesObject ? property.value : property;
|
6550
6562
|
const resolvedValue = selectBreakpointValue(value, context2.breakpointMatches);
|
6551
|
-
const transformer = (0,
|
6563
|
+
const transformer = (0, import_lodash_es5.isUndefined)(property?.transformer) ? (val) => resolveTailwindThemeValue(key, val) : (
|
6552
6564
|
// Even if transformer is set, we pass it through the default transformer
|
6553
6565
|
// which will resolve possible tailwind theme mapping values
|
6554
6566
|
(val) => resolveTailwindThemeValue(key, property.transformer(val))
|
6555
6567
|
);
|
6556
6568
|
const cssPropertyValue = transformer(resolvedValue);
|
6557
|
-
if ((0,
|
6569
|
+
if ((0, import_lodash_es5.isUndefined)(cssPropertyValue)) {
|
6558
6570
|
return acc;
|
6559
6571
|
}
|
6560
6572
|
return {
|
@@ -6598,15 +6610,15 @@ function Tailwindify(Component) {
|
|
6598
6610
|
}) => {
|
6599
6611
|
const tailwindifyStyle = useStyle({
|
6600
6612
|
padding,
|
6601
|
-
paddingTop: (0,
|
6602
|
-
paddingRight: (0,
|
6603
|
-
paddingBottom: (0,
|
6604
|
-
paddingLeft: (0,
|
6613
|
+
paddingTop: (0, import_lodash_es6.isUndefined)(paddingY) ? paddingTop : paddingY,
|
6614
|
+
paddingRight: (0, import_lodash_es6.isUndefined)(paddingX) ? paddingRight : paddingX,
|
6615
|
+
paddingBottom: (0, import_lodash_es6.isUndefined)(paddingY) ? paddingBottom : paddingY,
|
6616
|
+
paddingLeft: (0, import_lodash_es6.isUndefined)(paddingX) ? paddingLeft : paddingX,
|
6605
6617
|
margin,
|
6606
|
-
marginTop: (0,
|
6607
|
-
marginRight: (0,
|
6608
|
-
marginBottom: (0,
|
6609
|
-
marginLeft: (0,
|
6618
|
+
marginTop: (0, import_lodash_es6.isUndefined)(marginY) ? marginTop : marginY,
|
6619
|
+
marginRight: (0, import_lodash_es6.isUndefined)(marginX) ? marginRight : marginX,
|
6620
|
+
marginBottom: (0, import_lodash_es6.isUndefined)(marginY) ? marginBottom : marginY,
|
6621
|
+
marginLeft: (0, import_lodash_es6.isUndefined)(marginX) ? marginLeft : marginX,
|
6610
6622
|
backgroundColor,
|
6611
6623
|
width,
|
6612
6624
|
height,
|
@@ -6631,20 +6643,20 @@ function Tailwindify(Component) {
|
|
6631
6643
|
const isLastChild = index === children.length - 1;
|
6632
6644
|
const childProps = {};
|
6633
6645
|
const additionalStyle = {};
|
6634
|
-
if (!isLastChild && !(0,
|
6646
|
+
if (!isLastChild && !(0, import_lodash_es6.isUndefined)(space)) {
|
6635
6647
|
additionalStyle.marginBottom = resolveTailwindThemeValue("margin", space);
|
6636
6648
|
additionalStyle.marginRight = resolveTailwindThemeValue("margin", space);
|
6637
6649
|
}
|
6638
|
-
if (!isLastChild && !(0,
|
6650
|
+
if (!isLastChild && !(0, import_lodash_es6.isUndefined)(spaceY)) {
|
6639
6651
|
additionalStyle.marginBottom = resolveTailwindThemeValue("margin", spaceY);
|
6640
6652
|
}
|
6641
|
-
if (!isLastChild && !(0,
|
6653
|
+
if (!isLastChild && !(0, import_lodash_es6.isUndefined)(spaceX)) {
|
6642
6654
|
additionalStyle.marginRight = resolveTailwindThemeValue("margin", spaceX);
|
6643
6655
|
}
|
6644
6656
|
if (Object.keys(childProps).length === 0 && Object.keys(additionalStyle).length === 0) {
|
6645
6657
|
return child;
|
6646
6658
|
}
|
6647
|
-
const childStyle = (0,
|
6659
|
+
const childStyle = (0, import_lodash_es6.get)(child, ["props", "style"], {});
|
6648
6660
|
const newProps = { ...childProps, style: { ...childStyle, ...additionalStyle } };
|
6649
6661
|
return import_react12.default.cloneElement(child, newProps);
|
6650
6662
|
});
|
@@ -6718,7 +6730,7 @@ function useTooltipTriggerState(props = {}) {
|
|
6718
6730
|
const { delay = TOOLTIP_DELAY } = props;
|
6719
6731
|
const { isOpen, open, close } = (0, import_overlays2.useOverlayTriggerState)(props);
|
6720
6732
|
const id = (0, import_react16.useMemo)(() => `${++tooltipId}`, []);
|
6721
|
-
const closeTimeout = (0, import_react16.useRef)(
|
6733
|
+
const closeTimeout = (0, import_react16.useRef)();
|
6722
6734
|
const isUnmounted = (0, import_react16.useRef)(false);
|
6723
6735
|
const ensureTooltipEntry = () => {
|
6724
6736
|
tooltips[id] = hideTooltip;
|
@@ -7038,7 +7050,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
7038
7050
|
hasChildren && /* @__PURE__ */ import_react18.default.createElement("div", null, children)
|
7039
7051
|
);
|
7040
7052
|
} else {
|
7041
|
-
return
|
7053
|
+
return children;
|
7042
7054
|
}
|
7043
7055
|
};
|
7044
7056
|
const buttonComponent = /* @__PURE__ */ import_react18.default.createElement(
|
@@ -7049,7 +7061,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
7049
7061
|
className: classNames(
|
7050
7062
|
"Aquarium-Button",
|
7051
7063
|
{
|
7052
|
-
[`Aquarium-Button.${capitalize((0,
|
7064
|
+
[`Aquarium-Button.${capitalize((0, import_lodash_es7.camelCase)(kind))}`]: !isIconOnlyButton,
|
7053
7065
|
"Aquarium-Button.Icon": isIconOnlyButton,
|
7054
7066
|
"Aquarium-Dense": dense,
|
7055
7067
|
"Aquarium-Busy": loading2
|
@@ -7124,7 +7136,7 @@ Button.GhostDropdown = GhostDropdownButton;
|
|
7124
7136
|
|
7125
7137
|
// src/atoms/Typography/Typography.tsx
|
7126
7138
|
var import_react19 = __toESM(require("react"));
|
7127
|
-
var
|
7139
|
+
var import_lodash_es8 = require("lodash-es");
|
7128
7140
|
var typographies = Object.fromEntries(Object.keys(tokens_default.typography).map((key) => [key, `typography-${key}`]));
|
7129
7141
|
var Typography = ({
|
7130
7142
|
children,
|
@@ -7136,7 +7148,7 @@ var Typography = ({
|
|
7136
7148
|
...rest
|
7137
7149
|
}) => {
|
7138
7150
|
const HtmlElement = htmlTag;
|
7139
|
-
const resolvedColorName = (0,
|
7151
|
+
const resolvedColorName = (0, import_lodash_es8.isUndefined)(color) || color === "current" ? "default" : color;
|
7140
7152
|
const style = useStyle({ fontWeight });
|
7141
7153
|
return /* @__PURE__ */ import_react19.default.createElement(
|
7142
7154
|
HtmlElement,
|
@@ -7360,7 +7372,7 @@ Banner2.DismissContainer = ({ layout, children, className, ...rest }) => /* @__P
|
|
7360
7372
|
|
7361
7373
|
// src/atoms/Card/Card.tsx
|
7362
7374
|
var import_react24 = __toESM(require("react"));
|
7363
|
-
var
|
7375
|
+
var import_lodash_es9 = require("lodash-es");
|
7364
7376
|
|
7365
7377
|
// src/molecules/Typography/Typography.tsx
|
7366
7378
|
var import_react22 = __toESM(require("react"));
|
@@ -7524,7 +7536,7 @@ var Image = ({ image, imageAlt, fullSize = false, imageHeight }) => /* @__PURE__
|
|
7524
7536
|
"h-[174px]": !imageHeight && !fullSize,
|
7525
7537
|
"h-[225px]": !imageHeight && fullSize
|
7526
7538
|
}),
|
7527
|
-
style: { height: (0,
|
7539
|
+
style: { height: (0, import_lodash_es9.isNumber)(imageHeight) ? `${imageHeight}px` : imageHeight }
|
7528
7540
|
}
|
7529
7541
|
);
|
7530
7542
|
var Title = (props) => /* @__PURE__ */ import_react24.default.createElement(Box.Flex, { component: "div", alignItems: "center", gap: "2", ...props });
|
@@ -7683,7 +7695,7 @@ var TableRow = ({ children, className, disabled, ...rest }) => /* @__PURE__ */ i
|
|
7683
7695
|
"tr",
|
7684
7696
|
{
|
7685
7697
|
...rest,
|
7686
|
-
...{ inert: disabled },
|
7698
|
+
...{ inert: disabled ? "" : void 0 },
|
7687
7699
|
className: classNames(rowClassNames, className, {
|
7688
7700
|
"opacity-70": disabled
|
7689
7701
|
})
|
@@ -7843,7 +7855,7 @@ var Row = ({
|
|
7843
7855
|
{
|
7844
7856
|
...rest,
|
7845
7857
|
role: isGroup ? "rowgroup" : "row",
|
7846
|
-
...{ inert: disabled },
|
7858
|
+
...{ inert: disabled ? "" : void 0 },
|
7847
7859
|
className: classNames(tw("contents"), className, {
|
7848
7860
|
"[&>*]:border-b-transparent": noDivider,
|
7849
7861
|
"children:opacity-70": disabled,
|
@@ -7947,7 +7959,7 @@ var import_react31 = __toESM(require("react"));
|
|
7947
7959
|
|
7948
7960
|
// src/atoms/Skeleton/Skeleton.tsx
|
7949
7961
|
var import_react30 = __toESM(require("react"));
|
7950
|
-
var
|
7962
|
+
var import_lodash_es10 = require("lodash-es");
|
7951
7963
|
var import_tailwind_variants = require("tailwind-variants");
|
7952
7964
|
var skeletonStyles = (0, import_tailwind_variants.tv)({
|
7953
7965
|
base: "bg-default",
|
@@ -7978,11 +7990,11 @@ var Skeleton = ({
|
|
7978
7990
|
...rest
|
7979
7991
|
}) => {
|
7980
7992
|
const styles = {
|
7981
|
-
width: (0,
|
7982
|
-
height: (0,
|
7993
|
+
width: (0, import_lodash_es10.isNumber)(width) ? `${width}px` : width,
|
7994
|
+
height: (0, import_lodash_es10.isNumber)(height) ? `${height}px` : height
|
7983
7995
|
};
|
7984
7996
|
const classes2 = skeletonStyles({
|
7985
|
-
hasHeight: !(0,
|
7997
|
+
hasHeight: !(0, import_lodash_es10.isUndefined)(height),
|
7986
7998
|
display,
|
7987
7999
|
rounded,
|
7988
8000
|
animate,
|
@@ -8143,7 +8155,7 @@ var import_react34 = __toESM(require("react"));
|
|
8143
8155
|
|
8144
8156
|
// src/molecules/Grid/Grid.tsx
|
8145
8157
|
var import_react33 = __toESM(require("react"));
|
8146
|
-
var
|
8158
|
+
var import_lodash_es11 = require("lodash-es");
|
8147
8159
|
var breakpoints = Object.keys(tokens_default.screens);
|
8148
8160
|
var GridItem = Tailwindify(
|
8149
8161
|
({
|
@@ -8163,8 +8175,8 @@ var GridItem = Tailwindify(
|
|
8163
8175
|
rowEnd,
|
8164
8176
|
...props
|
8165
8177
|
}) => {
|
8166
|
-
const breakPointableProperties = (0,
|
8167
|
-
const gridColumn = !(0,
|
8178
|
+
const breakPointableProperties = (0, import_lodash_es11.pick)(props, breakpoints);
|
8179
|
+
const gridColumn = !(0, import_lodash_es11.isEmpty)(breakPointableProperties) ? (0, import_lodash_es11.mapValues)(breakPointableProperties, (value) => value === "full" ? "1 / -1" : value ? `span-${value}` : "auto") : void 0;
|
8168
8180
|
const hookStyle = useStyle({
|
8169
8181
|
display,
|
8170
8182
|
justifySelf,
|
@@ -8558,7 +8570,7 @@ var PopoverDialog = {
|
|
8558
8570
|
|
8559
8571
|
// src/atoms/ProgressBar/ProgressBar.tsx
|
8560
8572
|
var import_react41 = __toESM(require("react"));
|
8561
|
-
var
|
8573
|
+
var import_lodash_es12 = require("lodash-es");
|
8562
8574
|
var ProgressBar = ({ children, className, ...rest }) => /* @__PURE__ */ import_react41.default.createElement(
|
8563
8575
|
"div",
|
8564
8576
|
{
|
@@ -8574,7 +8586,7 @@ var STATUS_COLORS = {
|
|
8574
8586
|
error: tw("bg-danger-intense")
|
8575
8587
|
};
|
8576
8588
|
ProgressBar.Indicator = ({ min, max, value, "aria-label": ariaLabel, status, className, ...rest }) => {
|
8577
|
-
const completedPercentage = (0,
|
8589
|
+
const completedPercentage = (0, import_lodash_es12.clamp)((value - min) / (max - min) * 100, 0, 100);
|
8578
8590
|
return /* @__PURE__ */ import_react41.default.createElement(
|
8579
8591
|
"div",
|
8580
8592
|
{
|
package/dist/atoms.mjs
CHANGED
@@ -1256,6 +1256,22 @@ var require_creditCard = __commonJS({
|
|
1256
1256
|
}
|
1257
1257
|
});
|
1258
1258
|
|
1259
|
+
// src/icons/creditMemo.js
|
1260
|
+
var require_creditMemo = __commonJS({
|
1261
|
+
"src/icons/creditMemo.js"(exports) {
|
1262
|
+
"use strict";
|
1263
|
+
var data = {
|
1264
|
+
"body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M9.333 1.513v2.754c0 .373 0 .56.073.702a.667.667 0 00.291.292c.143.072.33.072.703.072h2.753m.18 1.326c0-.49 0-.734-.055-.964a2.01 2.01 0 00-.24-.578c-.123-.202-.296-.375-.642-.721L10.27 2.271c-.345-.346-.518-.52-.72-.643a2 2 0 00-.578-.24c-.23-.055-.475-.055-.964-.055H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 00-.875.874c-.217.428-.217.988-.217 2.108v6.934c0 1.12 0 1.68.217 2.108a2 2 0 00.875.874c.427.218.987.218 2.108.218h2.14m.502-3.334H5.333M8 8.667H5.333"/><path d="M9.818 12.58c0 .686.556 1.24 1.24 1.24h1.152a1.329 1.329 0 100-2.656h-1.063a1.329 1.329 0 010-2.658h1.152c.684 0 1.24.555 1.24 1.24m-1.86-2.037v.797m0 5.315v.797"/></g>',
|
1265
|
+
"left": 0,
|
1266
|
+
"top": 0,
|
1267
|
+
"width": 16,
|
1268
|
+
"height": 16
|
1269
|
+
};
|
1270
|
+
exports.__esModule = true;
|
1271
|
+
exports.default = data;
|
1272
|
+
}
|
1273
|
+
});
|
1274
|
+
|
1259
1275
|
// src/icons/cross.js
|
1260
1276
|
var require_cross = __commonJS({
|
1261
1277
|
"src/icons/cross.js"(exports) {
|
@@ -4249,9 +4265,7 @@ import { get as get2, isUndefined as isUndefined5 } from "lodash-es";
|
|
4249
4265
|
|
4250
4266
|
// src/utils/useStyle.ts
|
4251
4267
|
import { useContext as useContext2 } from "react";
|
4252
|
-
import get from "lodash
|
4253
|
-
import isPlainObject2 from "lodash/isPlainObject";
|
4254
|
-
import isUndefined4 from "lodash/isUndefined";
|
4268
|
+
import { get, isPlainObject as isPlainObject2, isUndefined as isUndefined4 } from "lodash-es";
|
4255
4269
|
|
4256
4270
|
// tailwind.theme.json
|
4257
4271
|
var tailwind_theme_default = {
|
@@ -5182,9 +5196,7 @@ import { I18nProvider } from "@react-aria/i18n";
|
|
5182
5196
|
import { ModalProvider } from "@react-aria/overlays";
|
5183
5197
|
|
5184
5198
|
// src/utils/breakpoints.ts
|
5185
|
-
import isPlainObject from "lodash
|
5186
|
-
import isUndefined from "lodash/isUndefined";
|
5187
|
-
import orderBy from "lodash/orderBy";
|
5199
|
+
import { isPlainObject, isUndefined, orderBy } from "lodash-es";
|
5188
5200
|
|
5189
5201
|
// src/tokens/tokens.json
|
5190
5202
|
var tokens_default = {
|
@@ -5984,8 +5996,7 @@ function selectBreakpointValue(value, matches) {
|
|
5984
5996
|
|
5985
5997
|
// src/utils/useWindowSize.ts
|
5986
5998
|
import { useEffect, useState } from "react";
|
5987
|
-
import debounce from "lodash
|
5988
|
-
import isUndefined2 from "lodash/isUndefined";
|
5999
|
+
import { debounce, isUndefined as isUndefined2 } from "lodash-es";
|
5989
6000
|
|
5990
6001
|
// src/molecules/Toast/Toast.tsx
|
5991
6002
|
import React8, { createContext, useContext, useEffect as useEffect2, useReducer } from "react";
|
@@ -6269,6 +6280,7 @@ var import_console = __toESM(require_console());
|
|
6269
6280
|
var import_container = __toESM(require_container());
|
6270
6281
|
var import_cpuChip = __toESM(require_cpuChip());
|
6271
6282
|
var import_creditCard = __toESM(require_creditCard());
|
6283
|
+
var import_creditMemo = __toESM(require_creditMemo());
|
6272
6284
|
var import_cross = __toESM(require_cross());
|
6273
6285
|
var import_currencyDollar = __toESM(require_currencyDollar());
|
6274
6286
|
var import_dashboard = __toESM(require_dashboard());
|
@@ -6670,7 +6682,7 @@ function useTooltipTriggerState(props = {}) {
|
|
6670
6682
|
const { delay = TOOLTIP_DELAY } = props;
|
6671
6683
|
const { isOpen, open, close } = useOverlayTriggerState(props);
|
6672
6684
|
const id = useMemo2(() => `${++tooltipId}`, []);
|
6673
|
-
const closeTimeout = useRef(
|
6685
|
+
const closeTimeout = useRef();
|
6674
6686
|
const isUnmounted = useRef(false);
|
6675
6687
|
const ensureTooltipEntry = () => {
|
6676
6688
|
tooltips[id] = hideTooltip;
|
@@ -6990,7 +7002,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6990
7002
|
hasChildren && /* @__PURE__ */ React14.createElement("div", null, children)
|
6991
7003
|
);
|
6992
7004
|
} else {
|
6993
|
-
return
|
7005
|
+
return children;
|
6994
7006
|
}
|
6995
7007
|
};
|
6996
7008
|
const buttonComponent = /* @__PURE__ */ React14.createElement(
|
@@ -7635,7 +7647,7 @@ var TableRow = ({ children, className, disabled, ...rest }) => /* @__PURE__ */ R
|
|
7635
7647
|
"tr",
|
7636
7648
|
{
|
7637
7649
|
...rest,
|
7638
|
-
...{ inert: disabled },
|
7650
|
+
...{ inert: disabled ? "" : void 0 },
|
7639
7651
|
className: classNames(rowClassNames, className, {
|
7640
7652
|
"opacity-70": disabled
|
7641
7653
|
})
|
@@ -7795,7 +7807,7 @@ var Row = ({
|
|
7795
7807
|
{
|
7796
7808
|
...rest,
|
7797
7809
|
role: isGroup ? "rowgroup" : "row",
|
7798
|
-
...{ inert: disabled },
|
7810
|
+
...{ inert: disabled ? "" : void 0 },
|
7799
7811
|
className: classNames(tw("contents"), className, {
|
7800
7812
|
"[&>*]:border-b-transparent": noDivider,
|
7801
7813
|
"children:opacity-70": disabled,
|
package/dist/charts.cjs
CHANGED
@@ -2887,10 +2887,7 @@ var renderChartChildren = (child, chartProps) => {
|
|
2887
2887
|
return renderYAxis(child, chartProps);
|
2888
2888
|
}
|
2889
2889
|
case Tooltip.displayName: {
|
2890
|
-
|
2891
|
-
return import_react7.default.cloneElement(tooltip, {
|
2892
|
-
content: /* @__PURE__ */ import_react7.default.createElement(TooltipContentWrapper, { content: tooltip.props.content })
|
2893
|
-
});
|
2890
|
+
return import_react7.default.cloneElement(child, { content: /* @__PURE__ */ import_react7.default.createElement(TooltipContentWrapper, { content: child.props.content }) });
|
2894
2891
|
}
|
2895
2892
|
default: {
|
2896
2893
|
return child;
|
@@ -3164,17 +3161,13 @@ var renderPieChildren = (children, opts = {}) => {
|
|
3164
3161
|
}
|
3165
3162
|
switch (getDisplayName(child.type)) {
|
3166
3163
|
case Tooltip.displayName: {
|
3167
|
-
|
3168
|
-
|
3169
|
-
content: /* @__PURE__ */ import_react14.default.createElement(TooltipContentWrapper, { content: tooltip, tooltipColor: opts.tooltipColor }),
|
3164
|
+
return import_react14.default.cloneElement(child, {
|
3165
|
+
content: /* @__PURE__ */ import_react14.default.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: opts.tooltipColor }),
|
3170
3166
|
labelStyle: { paddingBottom: 0 }
|
3171
3167
|
});
|
3172
3168
|
}
|
3173
3169
|
case import_recharts11.Legend.displayName: {
|
3174
|
-
return import_react14.default.cloneElement(child, {
|
3175
|
-
verticalAlign: "top",
|
3176
|
-
align: "center"
|
3177
|
-
});
|
3170
|
+
return import_react14.default.cloneElement(child, { verticalAlign: "top", align: "center" });
|
3178
3171
|
}
|
3179
3172
|
default: {
|
3180
3173
|
return child;
|
@@ -3194,7 +3187,7 @@ var DoughnutChart = ({
|
|
3194
3187
|
var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
3195
3188
|
const [containerWidth, setContainerWidth] = import_react15.default.useState(0);
|
3196
3189
|
const [containerHeight, setContainerHeight] = import_react15.default.useState(0);
|
3197
|
-
const [activeIndex, setActiveIndex] = import_react15.default.useState(
|
3190
|
+
const [activeIndex, setActiveIndex] = import_react15.default.useState(null);
|
3198
3191
|
const { getDefaultColor } = import_react15.default.useContext(DefaultPaletteContext);
|
3199
3192
|
const [chartValue, _children] = extractChildByDisplayName(props.children, ChartValue.displayName);
|
3200
3193
|
const [doughnut, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
|
@@ -3219,7 +3212,7 @@ var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
|
3219
3212
|
const y = (yOffset + yMargin) / scale;
|
3220
3213
|
return /* @__PURE__ */ import_react15.default.createElement("foreignObject", { width: refSize, height: refSize, x, y, transform: `scale(${scale})` }, chartValue);
|
3221
3214
|
};
|
3222
|
-
const highlightActive = activeIndex !==
|
3215
|
+
const highlightActive = activeIndex !== null && tooltip;
|
3223
3216
|
return /* @__PURE__ */ import_react15.default.createElement(
|
3224
3217
|
ResponsiveContainer,
|
3225
3218
|
{
|
@@ -3233,10 +3226,9 @@ var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
|
3233
3226
|
import_recharts12.Pie,
|
3234
3227
|
{
|
3235
3228
|
...doughnut.props,
|
3236
|
-
ref: void 0,
|
3237
3229
|
fill: doughnut.props.fill ?? getDefaultColor(doughnut.props.dataKey),
|
3238
3230
|
onMouseEnter: (_, index) => setActiveIndex(index),
|
3239
|
-
onMouseLeave: () => setActiveIndex(
|
3231
|
+
onMouseLeave: () => setActiveIndex(null),
|
3240
3232
|
activeIndex,
|
3241
3233
|
inactiveShape: { className: highlightActive ? "inactive" : void 0 },
|
3242
3234
|
activeShape: { className: highlightActive ? "active" : void 0 }
|
@@ -3265,7 +3257,7 @@ var PieChart = ({ palette, ...props }) => {
|
|
3265
3257
|
var PieChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
3266
3258
|
const [pie, children] = extractChildByDisplayName(props.children, PieChart.Pie.displayName);
|
3267
3259
|
const { getDefaultColor } = import_react16.default.useContext(DefaultPaletteContext);
|
3268
|
-
return /* @__PURE__ */ import_react16.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react16.default.createElement(import_recharts13.PieChart, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ import_react16.default.createElement(import_recharts13.Pie, { ...pie.props,
|
3260
|
+
return /* @__PURE__ */ import_react16.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react16.default.createElement(import_recharts13.PieChart, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ import_react16.default.createElement(import_recharts13.Pie, { ...pie.props, fill: pie.props.fill ?? getDefaultColor(pie.props.dataKey) })));
|
3269
3261
|
};
|
3270
3262
|
var Pie = Object.assign((props) => /* @__PURE__ */ import_react16.default.createElement(import_recharts13.Pie, { ...props }), import_recharts13.Pie);
|
3271
3263
|
Pie.defaultProps = Object.assign({}, import_recharts13.Pie.defaultProps, {
|
package/dist/charts.mjs
CHANGED
@@ -2748,10 +2748,7 @@ var renderChartChildren = (child, chartProps) => {
|
|
2748
2748
|
return renderYAxis(child, chartProps);
|
2749
2749
|
}
|
2750
2750
|
case Tooltip.displayName: {
|
2751
|
-
|
2752
|
-
return React7.cloneElement(tooltip, {
|
2753
|
-
content: /* @__PURE__ */ React7.createElement(TooltipContentWrapper, { content: tooltip.props.content })
|
2754
|
-
});
|
2751
|
+
return React7.cloneElement(child, { content: /* @__PURE__ */ React7.createElement(TooltipContentWrapper, { content: child.props.content }) });
|
2755
2752
|
}
|
2756
2753
|
default: {
|
2757
2754
|
return child;
|
@@ -3028,17 +3025,13 @@ var renderPieChildren = (children, opts = {}) => {
|
|
3028
3025
|
}
|
3029
3026
|
switch (getDisplayName(child.type)) {
|
3030
3027
|
case Tooltip.displayName: {
|
3031
|
-
|
3032
|
-
|
3033
|
-
content: /* @__PURE__ */ React14.createElement(TooltipContentWrapper, { content: tooltip, tooltipColor: opts.tooltipColor }),
|
3028
|
+
return React14.cloneElement(child, {
|
3029
|
+
content: /* @__PURE__ */ React14.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: opts.tooltipColor }),
|
3034
3030
|
labelStyle: { paddingBottom: 0 }
|
3035
3031
|
});
|
3036
3032
|
}
|
3037
3033
|
case Legend2.displayName: {
|
3038
|
-
return React14.cloneElement(child, {
|
3039
|
-
verticalAlign: "top",
|
3040
|
-
align: "center"
|
3041
|
-
});
|
3034
|
+
return React14.cloneElement(child, { verticalAlign: "top", align: "center" });
|
3042
3035
|
}
|
3043
3036
|
default: {
|
3044
3037
|
return child;
|
@@ -3058,7 +3051,7 @@ var DoughnutChart = ({
|
|
3058
3051
|
var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
3059
3052
|
const [containerWidth, setContainerWidth] = React15.useState(0);
|
3060
3053
|
const [containerHeight, setContainerHeight] = React15.useState(0);
|
3061
|
-
const [activeIndex, setActiveIndex] = React15.useState(
|
3054
|
+
const [activeIndex, setActiveIndex] = React15.useState(null);
|
3062
3055
|
const { getDefaultColor } = React15.useContext(DefaultPaletteContext);
|
3063
3056
|
const [chartValue, _children] = extractChildByDisplayName(props.children, ChartValue.displayName);
|
3064
3057
|
const [doughnut, children] = extractChildByDisplayName(_children, DoughnutChart.Doughnut.displayName);
|
@@ -3083,7 +3076,7 @@ var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
|
3083
3076
|
const y = (yOffset + yMargin) / scale;
|
3084
3077
|
return /* @__PURE__ */ React15.createElement("foreignObject", { width: refSize, height: refSize, x, y, transform: `scale(${scale})` }, chartValue);
|
3085
3078
|
};
|
3086
|
-
const highlightActive = activeIndex !==
|
3079
|
+
const highlightActive = activeIndex !== null && tooltip;
|
3087
3080
|
return /* @__PURE__ */ React15.createElement(
|
3088
3081
|
ResponsiveContainer,
|
3089
3082
|
{
|
@@ -3097,10 +3090,9 @@ var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
|
3097
3090
|
_Pie,
|
3098
3091
|
{
|
3099
3092
|
...doughnut.props,
|
3100
|
-
ref: void 0,
|
3101
3093
|
fill: doughnut.props.fill ?? getDefaultColor(doughnut.props.dataKey),
|
3102
3094
|
onMouseEnter: (_, index) => setActiveIndex(index),
|
3103
|
-
onMouseLeave: () => setActiveIndex(
|
3095
|
+
onMouseLeave: () => setActiveIndex(null),
|
3104
3096
|
activeIndex,
|
3105
3097
|
inactiveShape: { className: highlightActive ? "inactive" : void 0 },
|
3106
3098
|
activeShape: { className: highlightActive ? "active" : void 0 }
|
@@ -3129,7 +3121,7 @@ var PieChart = ({ palette, ...props }) => {
|
|
3129
3121
|
var PieChartWrapper = ({ isBusy, busyLabel, ...props }) => {
|
3130
3122
|
const [pie, children] = extractChildByDisplayName(props.children, PieChart.Pie.displayName);
|
3131
3123
|
const { getDefaultColor } = React16.useContext(DefaultPaletteContext);
|
3132
|
-
return /* @__PURE__ */ React16.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ React16.createElement(_PieChart2, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ React16.createElement(_Pie2, { ...pie.props,
|
3124
|
+
return /* @__PURE__ */ React16.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ React16.createElement(_PieChart2, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ React16.createElement(_Pie2, { ...pie.props, fill: pie.props.fill ?? getDefaultColor(pie.props.dataKey) })));
|
3133
3125
|
};
|
3134
3126
|
var Pie = Object.assign((props) => /* @__PURE__ */ React16.createElement(_Pie2, { ...props }), _Pie2);
|
3135
3127
|
Pie.defaultProps = Object.assign({}, _Pie2.defaultProps, {
|
@@ -44,7 +44,7 @@ const Cell = (_a) => {
|
|
44
44
|
};
|
45
45
|
const Row = (_a) => {
|
46
46
|
var { className, disabled, header, isGroup, active, noDivider } = _a, rest = __rest(_a, ["className", "disabled", "header", "isGroup", "active", "noDivider"]);
|
47
|
-
return (React.createElement("div", Object.assign({}, rest, { role: isGroup ? 'rowgroup' : 'row', inert: disabled, className: classNames(tw('contents'), className, {
|
47
|
+
return (React.createElement("div", Object.assign({}, rest, { role: isGroup ? 'rowgroup' : 'row', inert: disabled ? '' : undefined, className: classNames(tw('contents'), className, {
|
48
48
|
'[&>*]:border-b-transparent': noDivider,
|
49
49
|
'children:opacity-70': disabled,
|
50
50
|
'[&>*]:bg-primary-active': active,
|
@@ -110,4 +110,4 @@ DataList.Toolbar = {
|
|
110
110
|
Actions: ToolbarActions,
|
111
111
|
SelectionCount: ToolbarSelectionCount,
|
112
112
|
};
|
113
|
-
//# sourceMappingURL=data:application/json;base64,
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFM0QsT0FBTyxFQUNMLGNBQWMsRUFDZCxxQkFBcUIsRUFDckIscUJBQXFCLEVBQ3JCLDJCQUEyQixFQUMzQix5QkFBeUIsR0FDMUIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLGlDQUFpQyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF5QjVDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FDL0MsRUFBRSxDQUFDLG1CQUFtQixFQUFFO0lBQ3RCLGFBQWEsRUFBRSxLQUFLLEtBQUssT0FBTztJQUNoQyxnQkFBZ0IsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNwQyxlQUFlLEVBQUUsS0FBSyxLQUFLLE1BQU0sSUFBSSxLQUFLLEtBQUssU0FBUztDQUN6RCxDQUFDLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSw2Q0FBUyxJQUFJLEVBQUksQ0FBQTtDQUFBLENBQUM7QUFFN0YsTUFBTSxRQUFRLEdBQThDLENBQUMsRUFBcUMsRUFBRSxFQUFFO1FBQXpDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFB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
|