@popsure/dirty-swan 0.41.10 → 0.41.12

package/dist/esm/lib/index.d.ts

@@ -4,7 +4,7 @@ import { AutocompleteAddress } from './components/autocompleteAddress';
 import { Input } from './components/input';
 import { MultiDropzone, FileType, MultiDropzoneProps, UploadedFile, UploadStatus } from './components/multiDropzone';
 import { DownloadButton } from './components/downloadButton';
-import { InformationBox } from './components/informationBox';
+import { InformationBox, InformationBoxProps } from './components/informationBox';
 import IbanInput from './components/input/iban';
 import { CurrencyInput } from './components/input/currency';
 import { Badge } from './components/badge';
@@ -27,5 +27,5 @@ import { Toggle } from './components/input/toggle';
 import { Toaster, toast } from './components/toast';
 export * from './components/icon';
 export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Toggle, Toaster, toast, };
-export type { IllustrationKeys, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, };
+export type { IllustrationKeys, InformationBoxProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, };
 export type { DownloadStatus } from './models/download';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.41.10",
+  "version": "0.41.12",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/comparisonTable/hooks/useComparisonTable.ts

@@ -1,5 +1,5 @@
 import debounce from 'lodash.debounce';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 
 import { ArrowValues } from '../components/TableArrows';
 import generateId from '../../../util/generateId';
@@ -51,6 +51,18 @@ export const useComparisonTable = () => {
     };
   }, []);
 
+  useLayoutEffect(() => {
+    const resetHeaderWidth = () => {
+      if (headerRef.current) {
+        setHeaderWidth(headerRef.current.clientWidth);
+      }
+    }
+
+    window.addEventListener('resize', resetHeaderWidth);
+
+    return () => window.removeEventListener('resize', resetHeaderWidth);
+  }, []);
+
   const handleTableScroll = () => {
     if (!headerRef.current) {
       return;

package/src/lib/index.tsx

@@ -10,7 +10,7 @@ import {
   UploadStatus,
 } from './components/multiDropzone';
 import { DownloadButton } from './components/downloadButton';
-import { InformationBox } from './components/informationBox';
+import { InformationBox, InformationBoxProps } from './components/informationBox';
 import IbanInput from './components/input/iban';
 import { CurrencyInput } from './components/input/currency';
 import { Badge } from './components/badge';
@@ -97,6 +97,7 @@ export {
 
 export type {
   IllustrationKeys,
+  InformationBoxProps,
   FileType,
   MultiDropzoneProps,
   TableHeader,