chore: replace unmaintained react-daisyui with rsc-daisyui

GitOrigin-RevId: d8d6b5784aa4c6ca71d747ed40018a4835a6dd5b

Author: deepakprabhakara

components/Toaster.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, Dispatch, SetStateAction } from 'react';
-import { Alert, Button, Toast } from 'react-daisyui';
+import { Alert, Button, Toast } from 'rsc-daisyui';
 
 type ToastItem = {
   text: string;
@@ -27,10 +27,10 @@ export const Toaster = () => {
           if (!toast) return null;
 
           return (
-            <Alert key={`toast-${index}`} status={toast.status} className='rounded py-3'>
+            <Alert key={`toast-${index}`} color={toast.status} className='rounded py-3'>
               <h3>{toast.text}</h3>
               <Button
-                color='ghost'
+                ghost={true}
                 onClick={() =>
                   setToasts({
                     success: toast.status === 'success' ? undefined : toasts.success,

e2e/support/fixtures/identity-federation.ts

@@ -90,7 +90,7 @@ export class IdentityFederationPage {
     await this.goto();
     await this.page.waitForURL(/.*admin\/identity-federation$/);
     await this.editButton.click();
-    await this.page.getByLabel('Card').getByRole('button', { name: 'Delete' }).click();
+    await this.page.locator('.card').getByRole('button', { name: 'Delete' }).click();
     await this.page.getByTestId('confirm-delete').click();
   }
 }

internal-ui/package-lock.json

@@ -35,7 +35,7 @@
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.4.24",
     "prettier": "3.7.3",
-    "react-daisyui": "5.0.5",
+    "rsc-daisyui": "2.3.0",
     "typescript": "5.9.3",
     "vite": "6.4.1"
   },
@@ -52,8 +52,8 @@
     "prismjs": ">=1.29.0",
     "react": ">=18.2.0 <19.0.0",
     "react-dom": ">=18.2.0 <19.0.0",
-    "react-daisyui": ">=5.0.0",
     "react-tagsinput": ">=3.20.3",
+    "rsc-daisyui": ">=2.3.0",
     "swr": ">=2.2.5"
   }
 }

internal-ui/package.json

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Button } from 'react-daisyui';
+import { Button } from 'rsc-daisyui';
 import type { IdentityFederationApp } from '../types';
 import TagsInput from 'react-tagsinput';
 import { useTranslation } from 'next-i18next';
@@ -232,7 +232,7 @@ export const Edit = ({
               <Button
                 type='submit'
                 className='btn btn-primary btn-md'
-                loading={formik.isSubmitting}
+                animation={formik.isSubmitting}
                 disabled={!formik.dirty || !formik.isValid}>
                 {t('bui-shared-save-changes')}
               </Button>

internal-ui/src/identity-federation/Edit.tsx

@@ -1,4 +1,4 @@
-import { Button } from 'react-daisyui';
+import { Button } from 'rsc-daisyui';
 import { useTranslation } from 'next-i18next';
 import type { IdentityFederationApp } from '../types';
 import { useFormik } from 'formik';
@@ -62,7 +62,7 @@ export const EditAttributesMapping = ({
           <Button
             type='submit'
             className='btn btn-primary btn-md'
-            loading={formik.isSubmitting}
+            animation={formik.isSubmitting}
             disabled={!formik.dirty || !formik.isValid}>
             {t('bui-shared-save-changes')}
           </Button>

internal-ui/src/identity-federation/EditAttributesMapping.tsx

@@ -1,6 +1,6 @@
 import { useFormik } from 'formik';
 import TagsInput from 'react-tagsinput';
-import { Card, Button } from 'react-daisyui';
+import { Card, Button } from 'rsc-daisyui';
 import { useTranslation } from 'next-i18next';
 import type { IdentityFederationApp } from '../types';
 import QuestionMarkCircleIcon from '@heroicons/react/24/outline/QuestionMarkCircleIcon';
@@ -255,7 +255,7 @@ export const NewIdentityFederationApp = ({
             <Button
               type='submit'
               className='btn btn-primary btn-md'
-              loading={formik.isSubmitting}
+              animation={formik.isSubmitting}
               disabled={!formik.dirty || !formik.isValid}>
               {t('bui-fs-create-app-btn')}
             </Button>

internal-ui/src/identity-federation/NewIdentityFederationApp.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useFormik } from 'formik';
-import { Button } from 'react-daisyui';
+import { Button } from 'rsc-daisyui';
 import { useTranslation } from 'next-i18next';
 
 import { Card } from '../shared';
@@ -163,7 +163,7 @@ export const DSyncForm = ({
             <Button
               type='submit'
               className='btn btn-primary btn-md'
-              loading={formik.isSubmitting}
+              animation={formik.isSubmitting}
               disabled={!formik.dirty || !formik.isValid}>
               {t('bui-sl-create-link')}
             </Button>

internal-ui/src/setup-link/DSyncForm.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useFormik } from 'formik';
-import { Button } from 'react-daisyui';
+import { Button } from 'rsc-daisyui';
 import { useTranslation } from 'next-i18next';
 
 import { Card } from '../shared';
@@ -178,7 +178,7 @@ export const SSOForm = ({
             <Button
               type='submit'
               className='btn btn-primary btn-md'
-              loading={formik.isSubmitting}
+              animation={formik.isSubmitting}
               disabled={!formik.dirty || !formik.isValid}>
               {t('bui-sl-create-link')}
             </Button>

internal-ui/src/setup-link/SSOForm.tsx

@@ -1,4 +1,4 @@
-import { Button } from 'react-daisyui';
+import { Button } from 'rsc-daisyui';
 import { useTranslation } from 'next-i18next';
 
 import { Card } from '../shared';