@js-smart/react-kit 5.5.1 → 5.7.0

package/lib/components/DismissibleAlert.d.ts

@@ -13,5 +13,5 @@ type DismissibleAlertProps = {
     dismissOnTimeOut?: boolean;
     dismissTimeOut?: number;
 };
-export declare function DismissibleAlert(props: DismissibleAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function DismissibleAlert(props: Readonly<DismissibleAlertProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/ReactIf.d.ts

@@ -1,13 +1,36 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
+type ReactIfProps = {
+    /**
+     * The condition that determines whether children should be rendered
+     */
+    condition: boolean | null | undefined;
+    /**
+     * Content to render when condition is true.
+     * Can be either a ReactNode or a function returning a ReactNode
+     */
+    children: ReactNode | (() => ReactNode);
+    /**
+     * Optional content to render when condition is false
+     */
+    else?: ReactNode | (() => ReactNode);
+};
 /**
  * Reusable If component, that renders content if the condition is true. Similar to *ngIf from Angular
  *
- * @param props Properties of the React Node
+ * @param props Properties of the component
  *
+ * @example
+ * ```tsx
+ * <ReactIf condition={isVisible}>
+ *   <div>Visible content</div>
+ * </ReactIf>
+ *
+ * <ReactIf condition={isVisible} else={<div>Alternative content</div>}>
+ *   <div>Main content</div>
+ * </ReactIf>
+ *```
  * @author Pavan Kumar Jadda
  * @since 0.1.0
  */
-export declare function ReactIf(props: {
-    condition: boolean | undefined;
-    children: React.ReactNode;
-}): React.ReactNode;
+export declare function ReactIf(props: ReactIfProps): React.ReactNode;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@js-smart/react-kit",
   "private": false,
-  "version": "5.5.1",
+  "version": "5.7.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "publishConfig": {