oolib 2.198.5 → 2.198.6

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.
Files changed (2) hide show
  1. package/dist/v2/components/dataviz/BarChart/comps/CustomTooltip/index.js +5 -44
  2. package/package.json +1 -1
package/dist/v2/components/dataviz/BarChart/comps/CustomTooltip/index.js CHANGED
@@ -36,15 +36,6 @@ var __importStar = (this && this.__importStar) || (function () {
36
36
  return result;
37
37
  };
38
38
  })();
39
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
40
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
41
- if (ar || !(i in from)) {
42
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
43
- ar[i] = from[i];
44
- }
45
- }
46
- return to.concat(ar || Array.prototype.slice.call(from));
47
- };
48
39
  var __importDefault = (this && this.__importDefault) || function (mod) {
49
40
  return (mod && mod.__esModule) ? mod : { "default": mod };
50
41
  };
@@ -54,7 +45,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
54
45
  var __1 = require("../../../../../..");
55
46
  var Typo2_1 = require("../../../../Typo2");
56
47
  var LegendTooltipGlyph_1 = require("../LegendTooltipGlyph");
57
- var UI_CAPTION_DF_WITH_LINE_CLAMP = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n ", "\n"], ["\n \n ", "\n"])), function (_a) {
48
+ var UI_CAPTION_DF_WITH_LINE_CLAMP = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n /* ", " */\n"], ["\n \n /* ", " */\n"])), function (_a) {
58
49
  var clampT = _a.clampT;
59
50
  return clampT ? (0, __1.clampText)(3) : '';
60
51
  });
@@ -97,24 +88,6 @@ var CustomTooltip = function (props) {
97
88
  gap: "1rem",
98
89
  // pointerEvents: "none", // Add this to prevent tooltip from interfering with mouse events
99
90
  };
100
- var tooltipLabelLengthRefs = (0, react_1.useRef)([]);
101
- var _a = (0, react_1.useState)([]), rowHeights = _a[0], setRowHeights = _a[1];
102
- var _b = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value.map(function (v) { return true; })) || []), tooltipTextClampStates = _b[0], setTooltipTextClampStates = _b[1];
103
- (0, react_1.useEffect)(function () {
104
- if (!tooltipTextClampStates) {
105
- setTooltipTextClampStates(value === null || value === void 0 ? void 0 : value.map(function (v) { return true; }));
106
- }
107
- }, [value]);
108
- (0, react_1.useEffect)(function () {
109
- // console.log({ tooltipLabelLengthRefs });
110
- var rowHeightsToSet = tooltipLabelLengthRefs.current.map(function (ref) {
111
- var _a;
112
- var heightOfLabelText = (_a = ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.height;
113
- // console.log({heightOfLabelText})
114
- return heightOfLabelText || null;
115
- });
116
- setRowHeights(rowHeightsToSet);
117
- }, [tooltipTextClampStates.join()]);
118
91
  if (!isActive)
119
92
  return null;
120
93
  return (react_1.default.createElement(react_1.Fragment, null,
@@ -125,7 +98,7 @@ var CustomTooltip = function (props) {
125
98
  gridTemplateColumns: showPercent ? "auto auto auto" : "auto auto",
126
99
  gap: "0.6rem",
127
100
  } },
128
- react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index, style: { height: rowHeights[index] ? rowHeights[index] + "px" : "auto" } },
101
+ react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
129
102
  react_1.default.createElement("div", { style: {
130
103
  display: "flex",
131
104
  alignItems: "center",
@@ -133,27 +106,15 @@ var CustomTooltip = function (props) {
133
106
  } },
134
107
  react_1.default.createElement(LegendTooltipGlyph_1.LegendTooltipGlyph, { color: entry.barColor }),
135
108
  react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, showPercent ? entry.percentage + "%" : entry.count || "0")))); })),
136
- showPercent && (react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index, style: {
137
- height: rowHeights[index]
138
- ? rowHeights[index] + "px"
139
- : "auto",
140
- } },
109
+ showPercent && (react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
141
110
  react_1.default.createElement(Typo2_1.UI_CAPTION_DF, { key: index }, entry.count || "0"))); }))),
142
111
  react_1.default.createElement("div", { style: {
143
112
  paddingLeft: "0.8rem",
144
113
  display: "flex",
145
114
  flexDirection: "column",
146
115
  gap: "1rem",
147
- } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index, onMouseOver: function () { return setTooltipTextClampStates(function (prev) {
148
- var newState = __spreadArray([], prev, true);
149
- newState[index] = false;
150
- return newState;
151
- }); }, onMouseOut: function () { return setTooltipTextClampStates(function (prev) {
152
- var newState = __spreadArray([], prev, true);
153
- newState[index] = true;
154
- return newState;
155
- }); }, ref: function (el) { return (tooltipLabelLengthRefs.current[index] = el); } },
156
- react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, { clampT: tooltipTextClampStates[index] }, entry.tooltipLabel))); }))))));
116
+ } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
117
+ react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, null, entry.tooltipLabel))); }))))));
157
118
  };
158
119
  exports.default = CustomTooltip;
159
120
  var templateObject_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.198.5",
3
+ "version": "2.198.6",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",