oolib 2.199.0 → 2.199.2
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/stories/v2/components/visualization/PieChart.stories.js +1 -1
- package/dist/v2/components/Dropdowns/comps/SelectDropdown/index.js +1 -1
- package/dist/v2/components/Dropdowns/comps/SelectDropdown/styled.js +1 -1
- package/dist/v2/components/dataviz/PieChart/index.js +1 -1
- package/package.json +1 -1
|
@@ -74,6 +74,6 @@ var _PieChart = function (args) {
|
|
|
74
74
|
};
|
|
75
75
|
return (react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px", padding: '20px' } },
|
|
76
76
|
react_1.default.createElement("div", { style: { border: '1px solid black', padding: '10px' } },
|
|
77
|
-
react_1.default.createElement(PieChart_1.PieChart, __assign({}, props1_1.chartProps1)))));
|
|
77
|
+
react_1.default.createElement(PieChart_1.PieChart, __assign({}, props1_1.chartProps1, { style: { height: "500px" } })))));
|
|
78
78
|
};
|
|
79
79
|
exports._PieChart = _PieChart;
|
|
@@ -35,7 +35,7 @@ var SelectDropdown = function (_a) {
|
|
|
35
35
|
};
|
|
36
36
|
var TypoComp = S ? Typo2_1.UI_BODY_SM_DF : Typo2_1.UI_BODY_SM_DF;
|
|
37
37
|
var genSelectComp = function () { return (react_1.default.createElement(styled_1.StyledSelectWrapper, { tabIndex: 0, S: S, isPlaceholder: (Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) < 1) || !value, disabled: disabled, style: selectStyleOverride, variant: variant, showOptions: showOptions, id: "StyledSelectWrapper" },
|
|
38
|
-
react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center", zIndex: 1 } },
|
|
38
|
+
react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center", zIndex: 1, padding: S ? "0.4rem 0" : "1rem 0" } },
|
|
39
39
|
showElem('color') && (0, genColor_1.genColor)({ color: value === null || value === void 0 ? void 0 : value.color }),
|
|
40
40
|
showElem("icon") && (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, S: S }),
|
|
41
41
|
showElem("display") && (react_1.default.createElement(TypoComp
|
|
@@ -43,7 +43,7 @@ var themes_1 = require("../../../../themes");
|
|
|
43
43
|
var globalStyles_1 = require("../../../../themes/globalStyles");
|
|
44
44
|
exports.StyledSelectWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n min-height: 4rem;\n \n ", "\n ", "\n\n ", ";\n \n ", "\n \n ", "\n ", ";\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n position: relative;\n min-height: 4rem;\n \n ", "\n ", "\n\n ", ";\n \n ", "\n \n ", "\n ", ";\n ", "\n"])), function (_a) {
|
|
45
45
|
var S = _a.S;
|
|
46
|
-
return S ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
46
|
+
return S ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 3.6rem;\n "], ["\n min-height: 3.6rem;\n "]))) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-height: 4.5rem;\n "], ["\n min-height: 4.5rem;\n "])));
|
|
47
47
|
}, function (_a) {
|
|
48
48
|
var disabled = _a.disabled;
|
|
49
49
|
return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n pointer-events: none;\n "], ["\n pointer-events: none;\n "])));
|
|
@@ -176,7 +176,7 @@ var PieChart = function (_a) {
|
|
|
176
176
|
return (react_1.default.createElement("div", { ref: vizWrapperRef, style: __assign(__assign({}, style), { width: "100%", display: 'flex', gap: '8px', flexDirection: orientation === 'vertical' ? 'row' : 'column', position: 'relative' }) },
|
|
177
177
|
showTooltip && tooltipData && (react_1.default.createElement(CustomTooltip_1.default, { active: true, value: [tooltipData.labels], showPercent: showPercent, mousePosition: mousePosition })),
|
|
178
178
|
react_1.default.createElement("div", { style: { flexGrow: 1, position: 'relative' } },
|
|
179
|
-
react_1.default.createElement("div", { className: "w-full", style: { height: "
|
|
179
|
+
react_1.default.createElement("div", { className: "w-full", style: { height: "100%" } },
|
|
180
180
|
react_1.default.createElement(recharts_1.ResponsiveContainer, { width: "100%", height: "100%" },
|
|
181
181
|
react_1.default.createElement(recharts_1.PieChart, null,
|
|
182
182
|
react_1.default.createElement(recharts_1.Pie, { data: data, cx: "50%", cy: "50%", label: renderCustomizedLabel, fill: "#8884d8", dataKey: "labels.count", nameKey: "labels.name", innerRadius: 70, outerRadius: 140, labelLine: false, activeShape: renderActiveShape, onMouseEnter: onPieEnter, onMouseLeave: onPieLeave, onClick: onClick ? onPieClick : undefined, style: { cursor: "pointer" }, activeIndex: activeIndex }, data.map(function (entry, index) { return (react_1.default.createElement(recharts_1.Cell, { key: "cell-".concat(index), fill: colors[(index + colorIdx) % colors.length] })); })))))),
|