shadcn-ui-react 0.6.8 → 0.6.9

package/dist/index.cjs

@@ -7475,30 +7475,31 @@ var import_react34 = __toESM(require("react"), 1);
 var import_use_debounce = require("use-debounce");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function SearchInput({
-  value,
+  value = "",
   placeholder,
   className,
   classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
-  const [searchTerm, setSearchTerm] = import_react34.default.useState(value);
-  const [debouncedValue] = (0, import_use_debounce.useDebounce)(searchTerm, debounceTime);
-  const handleSettingSearchParams = (0, import_react34.useCallback)((newSearchValue) => {
-    onSearch(newSearchValue);
-  }, []);
+  const [searchTerm, setSearchTerm] = import_react34.default.useState(value != null ? value : "");
+  const debouncedSearch = (0, import_use_debounce.useDebouncedCallback)((nextValue) => {
+    onSearch(nextValue);
+  }, debounceTime);
   import_react34.default.useEffect(() => {
-    handleSettingSearchParams(debouncedValue);
-  }, [debouncedValue, handleSettingSearchParams]);
-  import_react34.default.useEffect(() => {
-    setSearchTerm(value);
+    setSearchTerm(value != null ? value : "");
   }, [value]);
+  const handleChange = (event) => {
+    const nextValue = event.target.value;
+    setSearchTerm(nextValue);
+    debouncedSearch(nextValue);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Input,
     {
-      placeholder: placeholder || `Search...`,
+      placeholder: placeholder || "Search...",
       value: searchTerm,
-      onChange: (event) => setSearchTerm(event.target.value),
+      onChange: handleChange,
       className: cn("w-full md:max-w-sm", className),
       classNameDefault
     }

package/dist/index.js

@@ -7256,34 +7256,35 @@ var ScrollBar = React52.forwardRef((_a, ref) => {
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/search-input.tsx
-import React53, { useCallback as useCallback4 } from "react";
-import { useDebounce } from "use-debounce";
+import React53 from "react";
+import { useDebouncedCallback } from "use-debounce";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function SearchInput({
-  value,
+  value = "",
   placeholder,
   className,
   classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
-  const [searchTerm, setSearchTerm] = React53.useState(value);
-  const [debouncedValue] = useDebounce(searchTerm, debounceTime);
-  const handleSettingSearchParams = useCallback4((newSearchValue) => {
-    onSearch(newSearchValue);
-  }, []);
+  const [searchTerm, setSearchTerm] = React53.useState(value != null ? value : "");
+  const debouncedSearch = useDebouncedCallback((nextValue) => {
+    onSearch(nextValue);
+  }, debounceTime);
   React53.useEffect(() => {
-    handleSettingSearchParams(debouncedValue);
-  }, [debouncedValue, handleSettingSearchParams]);
-  React53.useEffect(() => {
-    setSearchTerm(value);
+    setSearchTerm(value != null ? value : "");
   }, [value]);
+  const handleChange = (event) => {
+    const nextValue = event.target.value;
+    setSearchTerm(nextValue);
+    debouncedSearch(nextValue);
+  };
   return /* @__PURE__ */ jsx31(
     Input,
     {
-      placeholder: placeholder || `Search...`,
+      placeholder: placeholder || "Search...",
       value: searchTerm,
-      onChange: (event) => setSearchTerm(event.target.value),
+      onChange: handleChange,
       className: cn("w-full md:max-w-sm", className),
       classNameDefault
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "private": false,
   "author": "Bleker Cordova <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",