arengibook 3.1.52-itemWithTooltip → 3.1.53-itemWithTooltip

package/dist/index.js

@@ -37114,7 +37114,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     _ref$enableItemToolti = _ref.enableItemTooltip,
     enableItemTooltip = _ref$enableItemToolti === void 0 ? false : _ref$enableItemToolti,
     _ref$tooltipWidth = _ref.tooltipWidth,
-    tooltipWidth = _ref$tooltipWidth === void 0 ? '220px' : _ref$tooltipWidth,
+    tooltipWidth = _ref$tooltipWidth === void 0 ? '250px' : _ref$tooltipWidth,
     _ref$enableItemLink = _ref.enableItemLink,
     enableItemLink = _ref$enableItemLink === void 0 ? false : _ref$enableItemLink,
     _ref$openOnHover = _ref.openOnHover,
@@ -37165,9 +37165,9 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   // 'panelBottom' : tooltip sous le panel d'options
   // 'panelTop' : tooltip au-dessus du panel d'options
   var _useState13 = useState('right'),
-    _useState14 = _slicedToArray$d(_useState13, 2),
-    tooltipMode = _useState14[0],
-    setTooltipMode = _useState14[1];
+    _useState14 = _slicedToArray$d(_useState13, 2);
+    _useState14[0];
+    var setTooltipMode = _useState14[1];
   var _useState15 = useState(null),
     _useState16 = _slicedToArray$d(_useState15, 2),
     sortOrder = _useState16[0],
@@ -37233,51 +37233,35 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     };
   }, [enableItemTooltip]);
 
-  // --- Détection de la place autour du composant / panel ---
+  // --- Repositionnement fin du tooltip ---
+  // Le mode est recalculé à chaque survol pour rester à jour en intégration.
   useEffect(function () {
     if (!enableItemTooltip) return undefined;
+    var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = dropdownRef.current;
-      if (!container) return;
+      if (!container) return 'right';
       var cRect = container.getBoundingClientRect();
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
-      if (spaceRight >= tooltipPxWidth + 40) {
-        setTooltipMode('right');
-        return;
-      }
+      if (spaceRight >= tooltipPxWidth + 40) return 'right';
       var panel = document.querySelector('.p-dropdown-panel.p-component');
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
       var estimateHeight = 120;
       var spaceBottom = window.innerHeight - aRect.bottom;
       var spaceTop = aRect.top;
-      if (spaceBottom >= estimateHeight + 16) {
-        setTooltipMode('panelBottom');
-      } else if (spaceTop >= estimateHeight + 16) {
-        setTooltipMode('panelTop');
-      } else {
-        setTooltipMode('panelBottom');
-      }
+      if (spaceBottom >= estimateHeight + 16) return 'panelBottom';
+      if (spaceTop >= estimateHeight + 16) return 'panelTop';
+      return 'panelBottom';
     };
-    computeMode();
-    window.addEventListener('resize', computeMode);
-    window.addEventListener('scroll', computeMode, true);
-    return function () {
-      window.removeEventListener('resize', computeMode);
-      window.removeEventListener('scroll', computeMode, true);
-    };
-  }, [enableItemTooltip, tooltipWidth]);
-
-  // --- Repositionnement fin du tooltip ---
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var hoveredRow = null;
     var reposition = function reposition() {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
+      var mode = computeMode();
+      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
-      if (tooltipMode === 'right') {
+      if (mode === 'right') {
         var _hoveredRow;
         var iconEl = (_hoveredRow = hoveredRow) === null || _hoveredRow === void 0 ? void 0 : _hoveredRow.querySelector('.dropdown-item-info-icon');
         if (!iconEl) return;
@@ -37295,7 +37279,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
-        if (tooltipMode === 'panelBottom') {
+        if (mode === 'panelBottom') {
           tooltipEl.style.top = "".concat(pRect.bottom + 8 + window.scrollY, "px");
         } else {
           tooltipEl.style.top = "".concat(pRect.top - _tt.height - 8 + window.scrollY, "px");
@@ -37319,7 +37303,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipMode]);
+  }, [enableItemTooltip, tooltipWidth]);
   var optionTemplate = function optionTemplate(option) {
     var _ref2 = selectMetaConfig || {},
       labelStyle = _ref2.labelStyle,
@@ -38033,9 +38017,10 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     pt: {
       text: {
         style: {
-          width: tooltipWidth,
+          width: 'auto',
           maxWidth: tooltipWidth,
-          whiteSpace: 'normal'
+          whiteSpace: 'normal',
+          wordBreak: 'break-word'
         }
       }
     }
@@ -38231,7 +38216,7 @@ var Dropdown = function Dropdown(props) {
     _props$enableItemTool = props.enableItemTooltip,
     enableItemTooltip = _props$enableItemTool === void 0 ? false : _props$enableItemTool,
     _props$tooltipWidth = props.tooltipWidth,
-    tooltipWidth = _props$tooltipWidth === void 0 ? '220px' : _props$tooltipWidth,
+    tooltipWidth = _props$tooltipWidth === void 0 ? '250px' : _props$tooltipWidth,
     _props$enableItemLink = props.enableItemLink,
     enableItemLink = _props$enableItemLink === void 0 ? false : _props$enableItemLink,
     _props$openOnHover = props.openOnHover,
@@ -38288,9 +38273,9 @@ var Dropdown = function Dropdown(props) {
   // 'panelBottom' : sous le panel d'options (si pas assez de place à droite)
   // 'panelTop' : au-dessus du panel d'options (si pas assez de place en bas non plus)
   var _useState1 = useState('right'),
-    _useState10 = _slicedToArray$d(_useState1, 2),
-    tooltipMode = _useState10[0],
-    setTooltipMode = _useState10[1];
+    _useState10 = _slicedToArray$d(_useState1, 2);
+    _useState10[0];
+    var setTooltipMode = _useState10[1];
   var _useState11 = useState(null),
     _useState12 = _slicedToArray$d(_useState11, 2),
     sortOrder = _useState12[0],
@@ -38429,68 +38414,37 @@ var Dropdown = function Dropdown(props) {
     };
   }, [enableItemTooltip]);
 
-  // --- Détection de la place autour du composant / panel ---
-  // Priorité 1 : à droite du picto i (mode 'right')
-  // Priorité 2 : sous le panel d'options (mode 'panelBottom')
-  // Priorité 3 : au-dessus du panel d'options (mode 'panelTop')
+  // --- Repositionnement fin du tooltip ---
+  // La détection du mode ('right' / 'panelBottom' / 'panelTop') est refaite
+  // à chaque survol : la mesure reste à jour en intégration réelle même si
+  // le layout a changé après le montage (scroll ancêtre, resize parent…).
   useEffect(function () {
     if (!enableItemTooltip) return undefined;
+    var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = containerRef.current;
-      if (!container) return;
+      if (!container) return 'right';
       var cRect = container.getBoundingClientRect();
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
-      if (spaceRight >= tooltipPxWidth + 40) {
-        setTooltipMode('right');
-        return;
-      }
+      if (spaceRight >= tooltipPxWidth + 40) return 'right';
       var panel = document.querySelector('.p-dropdown-panel.p-component');
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
-      var estimateHeight = 120; // hauteur approximative du tooltip
+      var estimateHeight = 120;
       var spaceBottom = window.innerHeight - aRect.bottom;
       var spaceTop = aRect.top;
-      if (spaceBottom >= estimateHeight + 16) {
-        setTooltipMode('panelBottom');
-      } else if (spaceTop >= estimateHeight + 16) {
-        setTooltipMode('panelTop');
-      } else {
-        setTooltipMode('panelBottom');
-      }
-    };
-    computeMode();
-    window.addEventListener('resize', computeMode);
-    window.addEventListener('scroll', computeMode, true);
-    return function () {
-      window.removeEventListener('resize', computeMode);
-      window.removeEventListener('scroll', computeMode, true);
-    };
-  }, [enableItemTooltip, isDropdownOpen, tooltipWidth]);
-
-  // --- Repositionnement fin du tooltip ---
-  // Mode 'right' : la flèche du tooltip pointe précisément sur le picto i.
-  // Modes 'panelBottom' / 'panelTop' : tooltip ancré sous / au-dessus du panel
-  // (une seule position pour tous les items ; flèche masquée).
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var hoveredRow = null;
-    var trackHover = function trackHover(e) {
-      var _e$target, _e$target$closest;
-      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.dropdown-tooltip-item, .dropdown-tooltip-trigger');
-      if (row) {
-        hoveredRow = row;
-        requestAnimationFrame(reposition);
-        requestAnimationFrame(function () {
-          return requestAnimationFrame(reposition);
-        });
-      }
+      if (spaceBottom >= estimateHeight + 16) return 'panelBottom';
+      if (spaceTop >= estimateHeight + 16) return 'panelTop';
+      return 'panelBottom';
     };
     var reposition = function reposition() {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
+      var mode = computeMode();
+      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
-      if (tooltipMode === 'right') {
+      if (mode === 'right') {
         var _hoveredRow;
         var iconEl = (_hoveredRow = hoveredRow) === null || _hoveredRow === void 0 ? void 0 : _hoveredRow.querySelector('.dropdown-item-info-icon');
         if (!iconEl) return;
@@ -38508,7 +38462,7 @@ var Dropdown = function Dropdown(props) {
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
-        if (tooltipMode === 'panelBottom') {
+        if (mode === 'panelBottom') {
           tooltipEl.style.top = "".concat(pRect.bottom + 8 + window.scrollY, "px");
         } else {
           tooltipEl.style.top = "".concat(pRect.top - _tt.height - 8 + window.scrollY, "px");
@@ -38517,11 +38471,22 @@ var Dropdown = function Dropdown(props) {
         if (arrowEl) arrowEl.style.display = 'none';
       }
     };
+    var trackHover = function trackHover(e) {
+      var _e$target, _e$target$closest;
+      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.dropdown-tooltip-item, .dropdown-tooltip-trigger');
+      if (row) {
+        hoveredRow = row;
+        requestAnimationFrame(reposition);
+        requestAnimationFrame(function () {
+          return requestAnimationFrame(reposition);
+        });
+      }
+    };
     document.addEventListener('mouseover', trackHover);
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipMode]);
+  }, [enableItemTooltip, tooltipWidth]);
 
   // --- Event handlers ---
   var handleShow = function handleShow() {
@@ -39062,9 +39027,10 @@ var Dropdown = function Dropdown(props) {
     pt: {
       text: {
         style: {
-          width: tooltipWidth,
+          width: 'auto',
           maxWidth: tooltipWidth,
-          whiteSpace: 'normal'
+          whiteSpace: 'normal',
+          wordBreak: 'break-word'
         }
       }
     }
@@ -42010,7 +41976,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     _ref$enableItemToolti = _ref.enableItemTooltip,
     enableItemTooltip = _ref$enableItemToolti === void 0 ? false : _ref$enableItemToolti,
     _ref$tooltipWidth = _ref.tooltipWidth,
-    tooltipWidth = _ref$tooltipWidth === void 0 ? '220px' : _ref$tooltipWidth,
+    tooltipWidth = _ref$tooltipWidth === void 0 ? '250px' : _ref$tooltipWidth,
     _ref$enableItemLink = _ref.enableItemLink,
     enableItemLink = _ref$enableItemLink === void 0 ? false : _ref$enableItemLink,
     _ref$enableSecondaryL = _ref.enableSecondaryLabel,
@@ -42086,9 +42052,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   // 'panelBottom' : tooltip sous le panel d'options
   // 'panelTop' : tooltip au-dessus du panel d'options
   var _useState9 = useState('right'),
-    _useState0 = _slicedToArray$d(_useState9, 2),
-    tooltipMode = _useState0[0],
-    setTooltipMode = _useState0[1];
+    _useState0 = _slicedToArray$d(_useState9, 2);
+    _useState0[0];
+    var setTooltipMode = _useState0[1];
   var _useState1 = useState(null),
     _useState10 = _slicedToArray$d(_useState1, 2),
     sortOrder = _useState10[0],
@@ -42445,51 +42411,36 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     };
   }, [enableItemTooltip]);
 
-  // --- Détection de la place autour du composant / panel ---
+  // --- Repositionnement fin du tooltip ---
+  // Le mode est recalculé à chaque survol pour rester à jour même après
+  // intégration dans une page dynamique (scroll ancêtre, resize parent…).
   useEffect(function () {
     if (!enableItemTooltip) return undefined;
+    var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = containerRef.current;
-      if (!container) return;
+      if (!container) return 'right';
       var cRect = container.getBoundingClientRect();
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
-      if (spaceRight >= tooltipPxWidth + 40) {
-        setTooltipMode('right');
-        return;
-      }
+      if (spaceRight >= tooltipPxWidth + 40) return 'right';
       var panel = document.querySelector('.p-multiselect-panel.p-component');
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
       var estimateHeight = 120;
       var spaceBottom = window.innerHeight - aRect.bottom;
       var spaceTop = aRect.top;
-      if (spaceBottom >= estimateHeight + 16) {
-        setTooltipMode('panelBottom');
-      } else if (spaceTop >= estimateHeight + 16) {
-        setTooltipMode('panelTop');
-      } else {
-        setTooltipMode('panelBottom');
-      }
+      if (spaceBottom >= estimateHeight + 16) return 'panelBottom';
+      if (spaceTop >= estimateHeight + 16) return 'panelTop';
+      return 'panelBottom';
     };
-    computeMode();
-    window.addEventListener('resize', computeMode);
-    window.addEventListener('scroll', computeMode, true);
-    return function () {
-      window.removeEventListener('resize', computeMode);
-      window.removeEventListener('scroll', computeMode, true);
-    };
-  }, [enableItemTooltip, tooltipWidth]);
-
-  // --- Repositionnement fin du tooltip ---
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var hoveredRow = null;
     var reposition = function reposition() {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
+      var mode = computeMode();
+      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
-      if (tooltipMode === 'right') {
+      if (mode === 'right') {
         var _hoveredRow;
         var iconEl = (_hoveredRow = hoveredRow) === null || _hoveredRow === void 0 ? void 0 : _hoveredRow.querySelector('.multiselect-item-info-icon');
         if (!iconEl) return;
@@ -42507,7 +42458,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
-        if (tooltipMode === 'panelBottom') {
+        if (mode === 'panelBottom') {
           tooltipEl.style.top = "".concat(pRect.bottom + 8 + window.scrollY, "px");
         } else {
           tooltipEl.style.top = "".concat(pRect.top - _tt.height - 8 + window.scrollY, "px");
@@ -42531,7 +42482,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipMode]);
+  }, [enableItemTooltip, tooltipWidth]);
   var inverseColor = function inverseColor(hexColor) {
     if (!hexColor || !hexColor.startsWith('#')) return '#000000';
     var hex = hexColor;
@@ -43215,9 +43166,10 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     pt: {
       text: {
         style: {
-          width: tooltipWidth,
+          width: 'auto',
           maxWidth: tooltipWidth,
-          whiteSpace: 'normal'
+          whiteSpace: 'normal',
+          wordBreak: 'break-word'
         }
       }
     }
@@ -43561,7 +43513,7 @@ var MultiSelect = function MultiSelect(props) {
     _props$enableItemTool = props.enableItemTooltip,
     enableItemTooltip = _props$enableItemTool === void 0 ? false : _props$enableItemTool,
     _props$tooltipWidth = props.tooltipWidth,
-    tooltipWidth = _props$tooltipWidth === void 0 ? '220px' : _props$tooltipWidth,
+    tooltipWidth = _props$tooltipWidth === void 0 ? '250px' : _props$tooltipWidth,
     _props$enableItemLink = props.enableItemLink,
     enableItemLink = _props$enableItemLink === void 0 ? false : _props$enableItemLink,
     _props$openOnHover = props.openOnHover,
@@ -43619,9 +43571,9 @@ var MultiSelect = function MultiSelect(props) {
   // 'panelBottom' : tooltip sous le panel d'options
   // 'panelTop' : tooltip au-dessus du panel d'options
   var _useState1 = useState('right'),
-    _useState10 = _slicedToArray$d(_useState1, 2),
-    tooltipMode = _useState10[0],
-    setTooltipMode = _useState10[1];
+    _useState10 = _slicedToArray$d(_useState1, 2);
+    _useState10[0];
+    var setTooltipMode = _useState10[1];
   var multiSelectRef = useRef(null);
   var containerRef = useRef(null);
   var didMountRef = useRef(false);
@@ -44077,56 +44029,38 @@ var MultiSelect = function MultiSelect(props) {
     };
   }, [enableItemTooltip]);
 
-  // --- Détection de la place autour du composant / panel ---
-  // Priorité 1 : à droite du picto i (mode 'right')
-  // Priorité 2 : sous le panel d'options (mode 'panelBottom')
-  // Priorité 3 : au-dessus du panel d'options (mode 'panelTop')
+  // --- Repositionnement fin du tooltip ---
+  // La détection du mode ('right' / 'panelBottom' / 'panelTop') est refaite à
+  // chaque survol : ainsi la mesure de position est toujours à jour même si
+  // le layout a changé après le montage (intégration dans une page réelle,
+  // scroll d'un ancêtre, resize du parent, etc.).
   useEffect(function () {
     if (!enableItemTooltip) return undefined;
+    var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = containerRef.current;
-      if (!container) return;
+      if (!container) return 'right';
       var cRect = container.getBoundingClientRect();
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
-      if (spaceRight >= tooltipPxWidth + 40) {
-        setTooltipMode('right');
-        return;
-      }
+      if (spaceRight >= tooltipPxWidth + 40) return 'right';
       var panel = document.querySelector('.p-multiselect-panel.p-component');
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
       var estimateHeight = 120;
       var spaceBottom = window.innerHeight - aRect.bottom;
       var spaceTop = aRect.top;
-      if (spaceBottom >= estimateHeight + 16) {
-        setTooltipMode('panelBottom');
-      } else if (spaceTop >= estimateHeight + 16) {
-        setTooltipMode('panelTop');
-      } else {
-        setTooltipMode('panelBottom');
-      }
-    };
-    computeMode();
-    window.addEventListener('resize', computeMode);
-    window.addEventListener('scroll', computeMode, true);
-    return function () {
-      window.removeEventListener('resize', computeMode);
-      window.removeEventListener('scroll', computeMode, true);
+      if (spaceBottom >= estimateHeight + 16) return 'panelBottom';
+      if (spaceTop >= estimateHeight + 16) return 'panelTop';
+      return 'panelBottom';
     };
-  }, [enableItemTooltip, tooltipWidth]);
-
-  // --- Repositionnement fin du tooltip ---
-  // Mode 'right' : la flèche pointe précisément sur le picto i survolé.
-  // Modes 'panelBottom' / 'panelTop' : tooltip unique ancré sous / au-dessus du panel.
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var hoveredRow = null;
     var reposition = function reposition() {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
+      var mode = computeMode();
+      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
-      if (tooltipMode === 'right') {
+      if (mode === 'right') {
         var _hoveredRow;
         var iconEl = (_hoveredRow = hoveredRow) === null || _hoveredRow === void 0 ? void 0 : _hoveredRow.querySelector('.multiselect-item-info-icon');
         if (!iconEl) return;
@@ -44144,7 +44078,7 @@ var MultiSelect = function MultiSelect(props) {
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
-        if (tooltipMode === 'panelBottom') {
+        if (mode === 'panelBottom') {
           tooltipEl.style.top = "".concat(pRect.bottom + 8 + window.scrollY, "px");
         } else {
           tooltipEl.style.top = "".concat(pRect.top - _tt.height - 8 + window.scrollY, "px");
@@ -44168,7 +44102,7 @@ var MultiSelect = function MultiSelect(props) {
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipMode]);
+  }, [enableItemTooltip, tooltipWidth]);
   var handleChange = function handleChange(e) {
     if (disabled || effectiveReadOnly) return;
     var ids = Array.isArray(e.value) ? e.value : [e.value];
@@ -44632,9 +44566,10 @@ var MultiSelect = function MultiSelect(props) {
     pt: {
       text: {
         style: {
-          width: tooltipWidth,
+          width: 'auto',
           maxWidth: tooltipWidth,
-          whiteSpace: 'normal'
+          whiteSpace: 'normal',
+          wordBreak: 'break-word'
         }
       }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "3.1.52-itemWithTooltip",
+  "version": "3.1.53-itemWithTooltip",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {