@delightui/components 0.1.111 → 0.1.112

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import React__default, { ImgHTMLAttributes, SyntheticEvent, HTMLAttributes, Reac
 import { LinkProps } from 'react-router-dom';
 import { Plugin } from 'flatpickr/dist/types/options';
 import FlatPickr from 'react-flatpickr';
+import { ModalTransitionComponent } from 'react-overlays/cjs/Modal';
 import { Offset } from 'react-overlays/usePopper';
 
 /**
@@ -1461,6 +1462,10 @@ type ModalProps = {
      * Additional CSS class names to apply to the modal.
      */
     className?: string;
+    /**
+     * Optional transition component for the modal.
+     */
+    Transition?: ModalTransitionComponent;
 };
 
 /**
@@ -2047,7 +2052,7 @@ type SearchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'>
     /**
      * Callback function to handle search with the query string
      */
-    onSearch: SearchCallback;
+    onSearch?: SearchCallback;
     /**
      * Debounce delay in milliseconds for auto style
      * @default 300
@@ -2088,7 +2093,7 @@ type SearchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'>
  */
 declare const Search: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & ControlledFormComponentProps<string> & {
     style?: SearchStyleEnum;
-    onSearch: SearchCallback;
+    onSearch?: SearchCallback;
     debounceMs?: number;
     minCharacters?: number;
     showSubmitButton?: boolean;

package/docs/components/molecules/Search.md

@@ -19,7 +19,7 @@ A versatile search input component that supports both automatic and manual searc
 | Prop | Type | Default | Required | Description |
 |------|------|---------|----------|-------------|
 | `mode` | `'Auto' \| 'Manual'` | `'Auto'` | No | Search mode - 'Auto' for debounced search on input, 'Manual' for search on enter/submit |
-| `onSearch` | `SearchCallback` | - | Yes | Callback function to handle search with the query string |
+| `onSearch` | `SearchCallback` | - | No | Callback function to handle search with the query string |
 | `debounceMs` | `number` | `300` | No | Debounce delay in milliseconds for auto mode |
 | `minCharacters` | `number` | `1` | No | Minimum characters required to trigger search in auto mode |
 | `showSubmitButton` | `boolean` | `true` | No | Show submit button in manual mode |

package/docs/components/utils/RenderStateView.md

@@ -18,7 +18,7 @@ A utility component that manages different rendering states for data-driven comp
 | Prop | Type | Default | Required | Description |
 |------|------|---------|----------|-------------|
 | `className` | `string` | - | No | Additional CSS class names |
-| `data` | `T \| null` | - | No | The data to render or check for presence |
+| `data` | `T \| null` | - | No | The data to render. If the data is null, the empty component will be rendered. If the data is not null, the filled component will be rendered. |
 | `isLoading` | `boolean` | - | No | Whether data is currently loading |
 | `errorData` | `Error \| string \| null` | - | No | Error data to trigger error state rendering |
 | `filled` | `React.ComponentType<{ data: T } & P>` | - | No | Component to render when data is present |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.111",
+  "version": "0.1.112",
   "private": false,
   "scripts": {
     "start": "vite",
@@ -25,7 +25,8 @@
     "react-dropzone": "^14.3.5",
     "react-flatpickr": "^3.10.13",
     "react-overlays": "^5.2.1",
-    "react-router-dom": "^6.23.1"
+    "react-router-dom": "^6.23.1",
+    "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.8",
@@ -50,6 +51,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-flatpickr": "^3.8.11",
+    "@types/react-transition-group": "^4.4.12",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
     "@vitejs/plugin-react": "^4.3.1",