oolib 2.198.4 → 2.198.6

package/dist/stories/v2/components/visualization/BarChart.stories.js

@@ -42,7 +42,7 @@ var _BarChart = function (args) {
             react_1.default.createElement(BarChart_1.BarChart, { overflowAfterHeight: 300, showPercent: args.showPercent, data: [
                     {
                         display: "Logged In Once",
-                        stack1: 45, stack2: 23, stack3: 67, stack4: 12, stack5: 89,
+                        stack1: 0, stack2: 23, stack3: 67, stack4: 12, stack5: 89,
                         stack6: 34, stack7: 56, stack8: 78, stack9: 21, stack10: 43,
                         stack11: 65, stack12: 87, stack13: 32, stack14: 54, stack15: 76,
                         stack16: 19, stack17: 41, stack18: 63, stack19: 85, stack20: 28,
@@ -50,7 +50,7 @@ var _BarChart = function (args) {
                     },
                     {
                         display: "Registered Users",
-                        stack1: 92, stack3: 71, stack4: 25, stack5: 84,
+                        stack1: 0, stack3: 71, stack4: 25, stack5: 84,
                         stack6: 47, stack7: 69, stack8: 13, stack9: 56, stack10: 91,
                         stack11: 29, stack12: 73, stack13: 46, stack14: 82, stack15: 17,
                         stack16: 64, stack17: 39, stack18: 75, stack19: 22, stack20: 58
@@ -110,7 +110,7 @@ var _BarChart = function (args) {
                     },
                     {
                         display: "Wrote at least 3 stories With Over 2,000 Words Each and Received More Than 50 Positive Engagements from Other Community Members",
-                        stack1: 8
+                        stack1: 0
                     },
                     {
                         display: "Created Profile again After Deleting Their Previous One Due to Privacy Concerns or Desire to Start Fresh with New Information",

package/dist/v2/components/dataviz/BarChart/comps/CustomTooltip/index.js

@@ -36,15 +36,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -54,7 +45,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var __1 = require("../../../../../..");
 var Typo2_1 = require("../../../../Typo2");
 var LegendTooltipGlyph_1 = require("../LegendTooltipGlyph");
-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) {
+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) {
     var clampT = _a.clampT;
     return clampT ? (0, __1.clampText)(3) : '';
 });
@@ -97,24 +88,6 @@ var CustomTooltip = function (props) {
         gap: "1rem",
         // pointerEvents: "none", // Add this to prevent tooltip from interfering with mouse events
     };
-    var tooltipLabelLengthRefs = (0, react_1.useRef)([]);
-    var _a = (0, react_1.useState)([]), rowHeights = _a[0], setRowHeights = _a[1];
-    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];
-    (0, react_1.useEffect)(function () {
-        if (!tooltipTextClampStates) {
-            setTooltipTextClampStates(value === null || value === void 0 ? void 0 : value.map(function (v) { return true; }));
-        }
-    }, [value]);
-    (0, react_1.useEffect)(function () {
-        // console.log({ tooltipLabelLengthRefs });
-        var rowHeightsToSet = tooltipLabelLengthRefs.current.map(function (ref) {
-            var _a;
-            var heightOfLabelText = (_a = ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.height;
-            // console.log({heightOfLabelText})
-            return heightOfLabelText || null;
-        });
-        setRowHeights(rowHeightsToSet);
-    }, [tooltipTextClampStates.join()]);
     if (!isActive)
         return null;
     return (react_1.default.createElement(react_1.Fragment, null,
@@ -125,7 +98,7 @@ var CustomTooltip = function (props) {
                     gridTemplateColumns: showPercent ? "auto auto auto" : "auto auto",
                     gap: "0.6rem",
                 } },
-                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" } },
+                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 },
                     react_1.default.createElement("div", { style: {
                             display: "flex",
                             alignItems: "center",
@@ -133,27 +106,15 @@ var CustomTooltip = function (props) {
                         } },
                         react_1.default.createElement(LegendTooltipGlyph_1.LegendTooltipGlyph, { color: entry.barColor }),
                         react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, showPercent ? entry.percentage + "%" : entry.count || "0")))); })),
-                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: {
-                        height: rowHeights[index]
-                            ? rowHeights[index] + "px"
-                            : "auto",
-                    } },
+                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 },
                     react_1.default.createElement(Typo2_1.UI_CAPTION_DF, { key: index }, entry.count || "0"))); }))),
                 react_1.default.createElement("div", { style: {
                         paddingLeft: "0.8rem",
                         display: "flex",
                         flexDirection: "column",
                         gap: "1rem",
-                    } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index, onMouseOver: function () { return setTooltipTextClampStates(function (prev) {
-                        var newState = __spreadArray([], prev, true);
-                        newState[index] = false;
-                        return newState;
-                    }); }, onMouseOut: function () { return setTooltipTextClampStates(function (prev) {
-                        var newState = __spreadArray([], prev, true);
-                        newState[index] = true;
-                        return newState;
-                    }); }, ref: function (el) { return (tooltipLabelLengthRefs.current[index] = el); } },
-                    react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, { clampT: tooltipTextClampStates[index] }, entry.tooltipLabel))); }))))));
+                    } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
+                    react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, null, entry.tooltipLabel))); }))))));
 };
 exports.default = CustomTooltip;
 var templateObject_1;

package/dist/v2/components/dataviz/BarChart/index.js

@@ -65,7 +65,7 @@ var useTrackMousePosition = function () {
     // Create a throttled version of the mouse move handler
     var throttledHandleMouseMove = (0, react_1.useCallback)(lodash_1.default.throttle(function (e) {
         setMousePosition({ x: e.clientX, y: e.clientY });
-    }, 1000), // ~60fps (1000ms / 60 = 16.67ms)
+    }, 16), // ~60fps (1000ms / 60 = 16.67ms)
     []);
     (0, react_1.useEffect)(function () {
         window.addEventListener("mousemove", throttledHandleMouseMove);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.198.4",
+  "version": "2.198.6",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",