chore(ui): integrate vite for ui-components (#673)

* chore(ui): solve deprecated warnings * chore(ui): vite transition * chore(ui): fix storybook * chore(ui): clean up rollup * chore(ui): breaking change components types * chore(ui): rollback app changes * chore(ui): rollback changes * chore(ui): add changeset * chore(ui): fix bug in test * chore(ui): update BreadcrumbItem tests * Update .changeset/olive-ties-beam.md Co-authored-by: Guoda <[email protected]> * chore(ui): revert props, fix types * chore(ui): rollback * chore(template): dismis the default property --------- fixes #673 Co-authored-by: Guoda <[email protected]>
cloudoperators · Dec 12, 2024 · 3c6ad30 · 3c6ad30
1 parent d1e3960
commit 3c6ad30
Show file tree

Hide file tree

Showing 61 changed files with 6,991 additions and 5,870 deletions.
diff --git a/.changeset/olive-ties-beam.md b/.changeset/olive-ties-beam.md
@@ -0,0 +1,5 @@
+---
+"@cloudoperators/juno-ui-components": minor
+---
+
+Introduce types, deprecate other components, integrate new build system
diff --git a/apps/carbon/src/App.tsx b/apps/carbon/src/App.tsx
@@ -36,7 +36,7 @@ const extensions = [
 const App = (props: AppProps) => (
   <ErrorBoundary>
     <AppShellProvider theme={`${props.theme ? props.theme : "theme-dark"}`}>
-      <AppShell embedded>
+      <AppShell embedded fullWidthContent={undefined} sideNavigation={undefined} topNavigation={undefined}>
         {/* load styles inside the shadow dom */}
         <style>{styles.toString()}</style>
         <AppContent extensions={extensions} />

diff --git a/apps/carbon/src/components/AppContent/NoExtensionFound.tsx b/apps/carbon/src/components/AppContent/NoExtensionFound.tsx
@@ -8,7 +8,9 @@ import { Message } from "@cloudoperators/juno-ui-components"
 
 const NoExtensionFound = () => (
   <div className="p-4">
-    <Message variant="danger">No extension found!</Message>
+    <Message variant="danger" onDismiss={undefined} text={undefined}>
+      No extension found!
+    </Message>
   </div>
 )
 

diff --git a/apps/carbon/src/components/ErrorBoundary/ErrorFallback.tsx b/apps/carbon/src/components/ErrorBoundary/ErrorFallback.tsx
@@ -7,7 +7,7 @@ import React from "react"
 import { Message } from "@cloudoperators/juno-ui-components"
 
 const ErrorFallback = ({ error }: { error: Error }) => (
-  <Message text={error?.message || "An error occurred"} variant="danger" />
+  <Message text={error?.message || "An error occurred"} variant="danger" onDismiss={undefined} children={undefined} />
 )
 
 export default ErrorFallback
diff --git a/apps/template/src/App.tsx b/apps/template/src/App.tsx
@@ -53,6 +53,8 @@ export const App = (props: AppProps) => {
       <AppShell
         pageHeader="Converged Cloud | App Template"
         embedded={props.embedded === "true" || props.embedded === true}
+        sideNavigation={null}
+        topNavigation={null}
       >
         <ErrorBoundary fallbackRender={fallbackRender}>
           <AppContent />

diff --git a/apps/template/src/components/AppContent.tsx b/apps/template/src/components/AppContent.tsx
@@ -8,11 +8,11 @@ import { Breadcrumb, BreadcrumbItem, Container } from "@cloudoperators/juno-ui-c
 
 import WelcomeView from "./WelcomeView"
 
-const AppContent = () => {
+const AppContent = (): JSX.Element => {
   return (
     <>
       <Breadcrumb>
-        <BreadcrumbItem icon="home" label="Template App Home" />
+        <BreadcrumbItem icon="home" label="Template App Home" onClick={undefined} />
       </Breadcrumb>
       <Container py>
         <WelcomeView />

diff --git a/apps/template/src/components/WelcomeView.tsx b/apps/template/src/components/WelcomeView.tsx
@@ -7,7 +7,7 @@ import React from "react"
 import { Stack } from "@cloudoperators/juno-ui-components"
 import { useWellcomeStore } from "../store"
 
-const WelcomeView = () => {
+const WelcomeView = (): JSX.Element => {
   const { welcome } = useWellcomeStore()
   return (
     <Stack alignment="center" distribution="center" direction="vertical" className="my-[10vh]">