fix(Alert): remove redundant boolean from onDismiss prop type (#1539)

* refactor(Alert): update onDismiss prop type and remove default values from stories

- Changed the type of `onDismiss` prop in Alert component from boolean to a function type
- Removed `onDismiss` default values from various Alert stories to align with the updated prop type

* chore: add changeset

Author: SutuSebastian

.changeset/yummy-feet-attend.md

@@ -0,0 +1,8 @@
+---
+"flowbite-react": patch
+---
+
+refactor(Alert): `onDismiss` prop
+
+- Changed the type of `onDismiss` prop in Alert component from boolean to a function type
+- Removed `onDismiss` default values from various Alert stories to align with the updated prop type

apps/storybook/src/Alert.stories.tsx

@@ -19,7 +19,6 @@ const Template: StoryFn<AlertProps> = (props) => <Alert {...props} />;
 export const DefaultAlert = Template.bind({});
 DefaultAlert.storyName = "Default";
 DefaultAlert.args = {
-  onDismiss: false,
   children: (
     <>
       Lorem, ipsum dolor sit amet consectetur adipisicing elit. Soluta minima rerum veritatis optio atque impedit, enim
@@ -32,7 +31,6 @@ export const AlertWithIcons = Template.bind({});
 AlertWithIcons.storyName = "With icons";
 AlertWithIcons.args = {
   icon: HiInformationCircle,
-  onDismiss: false,
   children: (
     <>
       More info about this info alert goes here. This example text is going to run a bit longer so that you can see how
@@ -54,15 +52,13 @@ AlertRounded.storyName = "Not rounded";
 AlertRounded.args = {
   color: "warning",
   rounded: false,
-  onDismiss: false,
   children: <>Info alert! Change a few things up and try submitting again.</>,
 };
 
 export const AlertWithBorderAccent = Template.bind({});
 AlertWithBorderAccent.storyName = "Border accent";
 AlertWithBorderAccent.args = {
   color: "warning",
-  onDismiss: false,
   withBorderAccent: true,
   children: <>Info alert! Change a few things up and try submitting again.</>,
 };
@@ -72,7 +68,6 @@ AlertWithAdditionalContent.storyName = "Additional content";
 AlertWithAdditionalContent.args = {
   color: "info",
   icon: HiInformationCircle,
-  onDismiss: false,
   withBorderAccent: true,
   additionalContent: (
     <>

packages/ui/schema.json

@@ -141,5 +141,5 @@
       "default": true
     }
   },
-  "required": ["components", "path", "prefix", "rsc", "tsx"]
+  "required": ["components", "dark", "path", "prefix", "rsc", "tsx"]
 }

packages/ui/src/components/Alert/Alert.tsx

@@ -30,7 +30,7 @@ export interface AlertProps extends Omit<ComponentProps<"div">, "color">, Themin
   additionalContent?: ReactNode;
   color?: DynamicStringEnumKeysOf<FlowbiteColors>;
   icon?: FC<ComponentProps<"svg">>;
-  onDismiss?: boolean | (() => void);
+  onDismiss?: ComponentProps<"button">["onClick"];
   rounded?: boolean;
   withBorderAccent?: boolean;
 }