@indico-data/design-system 2.58.0 → 2.58.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.58.0",
+  "version": "2.58.2",
   "description": "",
   "author": "",
   "main": "lib/index.js",
@@ -45,7 +45,6 @@
     "date-fns": "^3.6.0",
     "focus-trap-react": "^10.2.3",
     "html-webpack-plugin": "^5.6.0",
-    "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-aria-components": "^1.2.1",
     "react-data-table-component": "^7.6.2",

package/src/components/truncate/Truncate.stories.tsx

@@ -34,7 +34,7 @@ const meta: Meta<typeof Truncate> = {
     tooltipId: {
       control: 'text',
       description:
-        'The id of the tooltip. If an ID is not provided, it will generate one from nanoid',
+        'The id of the tooltip. If an ID is not provided, it will generate one from uuid',
       table: {
         category: 'Props',
       },

package/src/components/truncate/Truncate.tsx

@@ -1,8 +1,7 @@
-import { nanoid } from 'nanoid';
 import { useState, useEffect, CSSProperties } from 'react';
 import { Tooltip } from '../tooltip';
 import { TruncateProps } from './types';
-
+import { v4 as uuidv4 } from 'uuid';
 export const Truncate = ({
   lineClamp = 0,
   truncateString,
@@ -11,7 +10,7 @@ export const Truncate = ({
   ...rest
 }: TruncateProps) => {
   const [isTruncated, setIsTruncated] = useState(false);
-  const id = (tooltipId ?? nanoid()).replace(/[^a-zA-Z0-9-_]/g, '_');
+  const id = (tooltipId ?? uuidv4()).replace(/[^a-zA-Z0-9-_]/g, '_');
 
   useEffect(() => {
     const checkTruncation = () => {

package/src/components/truncate/__tests__/Truncate.test.tsx

@@ -1,9 +1,9 @@
 import { render, screen } from '@testing-library/react';
 import { Truncate } from '../Truncate';
 
-// Mock nanoid to return a predictable ID
-jest.mock('nanoid', () => ({
-  nanoid: () => 'test-id',
+// Mock uuid to return a predictable ID
+jest.mock('uuid', () => ({
+  v4: () => 'test-id',
 }));
 
 describe('Truncate', () => {

package/src/index.ts

@@ -40,6 +40,7 @@ export { toast, ToastContainer } from './components/toast';
 // Types
 export type {
   ColumnDef,
+  Column as TanstackTableColumnType,
   Row as TanstackTableRowType,
   Table as TanstackTableType,
 } from '@tanstack/react-table';