@jobber/components 6.32.0 → 6.33.0

package/dist/DataList/DataList.types.d.ts

@@ -167,6 +167,14 @@ export interface DataListSearchProps {
      * absolutely have to.
      */
     readonly initialValue?: string;
+    /**
+     * The controlled value of the search input.
+     *
+     * Supply this field if you want to take control over the search input's
+     * value. You'll need to use `onSearch` to handle updating your state with
+     * the latest value.
+     */
+    readonly value?: string;
     readonly onSearch: (value: string) => void;
 }
 export interface DataListFiltersProps {

package/dist/DataListSearch-cjs.js

@@ -28,7 +28,7 @@ function InternalDataListSearch() {
     const debouncedSearch = React.useCallback(debounce.debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
     if (!searchComponent)
         return null;
-    const { placeholder, initialValue } = searchComponent.props;
+    const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;
     return (React.createElement("div", { className: classnames(styles.wrapper, {
             [styles.withNoFilters]: !filterComponent && !sorting,
         }) },
@@ -39,7 +39,9 @@ function InternalDataListSearch() {
             // If the initial value changes, reset the input.
             , { 
                 // If the initial value changes, reset the input.
-                key: initialValue, defaultValue: initialValue, ref: inputRef, placeholder: getPlaceholder(), onChange: debouncedSearch, prefix: { icon: "search" }, clearable: "always" })),
+                key: initialValue, defaultValue: initialValue, value: controlledValue, ref: inputRef, placeholder: getPlaceholder(), onChange: controlledValue !== undefined
+                    ? searchComponent.props.onSearch
+                    : debouncedSearch, prefix: { icon: "search" }, clearable: "always" })),
         React.createElement("div", { className: styles.searchButton },
             React.createElement(AnimatedSwitcher.AnimatedSwitcher, { switched: visible, initialChild: React.createElement(Button.Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch }), switchTo: React.createElement(Button.Button, { variation: "subtle", icon: "remove", ariaLabel: "Close search bar", onClick: toggleSearch }) }))));
     function getPlaceholder() {

package/dist/DataListSearch-es.js

@@ -26,7 +26,7 @@ function InternalDataListSearch() {
     const debouncedSearch = useCallback(debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
     if (!searchComponent)
         return null;
-    const { placeholder, initialValue } = searchComponent.props;
+    const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;
     return (React__default.createElement("div", { className: classnames(styles.wrapper, {
             [styles.withNoFilters]: !filterComponent && !sorting,
         }) },
@@ -37,7 +37,9 @@ function InternalDataListSearch() {
             // If the initial value changes, reset the input.
             , { 
                 // If the initial value changes, reset the input.
-                key: initialValue, defaultValue: initialValue, ref: inputRef, placeholder: getPlaceholder(), onChange: debouncedSearch, prefix: { icon: "search" }, clearable: "always" })),
+                key: initialValue, defaultValue: initialValue, value: controlledValue, ref: inputRef, placeholder: getPlaceholder(), onChange: controlledValue !== undefined
+                    ? searchComponent.props.onSearch
+                    : debouncedSearch, prefix: { icon: "search" }, clearable: "always" })),
         React__default.createElement("div", { className: styles.searchButton },
             React__default.createElement(AnimatedSwitcher, { switched: visible, initialChild: React__default.createElement(Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch }), switchTo: React__default.createElement(Button, { variation: "subtle", icon: "remove", ariaLabel: "Close search bar", onClick: toggleSearch }) }))));
     function getPlaceholder() {

package/dist/useDebounce-cjs.js

@@ -19,7 +19,7 @@ function useDebounce(func, wait, options) {
         funcRef.current = func;
     }
     const debounced = React.useMemo(() => {
-        return debounce.debounce(() => funcRef.current(), wait, options);
+        return debounce.debounce((...args) => funcRef.current(...args), wait, options);
         // Note: do not add any dependencies! There is currently no use case where we would change
         // the wait delay or options between renders. By not tracking as dependencies, this allows
         // consumers of useDebounce to provide a raw object for options rather than forcing them to

package/dist/useDebounce-es.js

@@ -17,7 +17,7 @@ function useDebounce(func, wait, options) {
         funcRef.current = func;
     }
     const debounced = useMemo(() => {
-        return debounce(() => funcRef.current(), wait, options);
+        return debounce((...args) => funcRef.current(...args), wait, options);
         // Note: do not add any dependencies! There is currently no use case where we would change
         // the wait delay or options between renders. By not tracking as dependencies, this allows
         // consumers of useDebounce to provide a raw object for options rather than forcing them to

package/dist/utils/useDebounce.d.ts

@@ -7,5 +7,5 @@ type AnyFunction = (...args: any[]) => any;
  * @param options Optional debounce settings.
  * @returns The debounced function.
  */
-export declare function useDebounce<T extends AnyFunction>(func: T, wait: number, options?: Parameters<typeof debounce>[2]): import("lodash").DebouncedFunc<() => any>;
+export declare function useDebounce<T extends AnyFunction>(func: T, wait: number, options?: Parameters<typeof debounce>[2]): import("lodash").DebouncedFunc<(...args: Parameters<T>) => any>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.32.0",
+  "version": "6.33.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -490,5 +490,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8057aecd00ce2b6891b4b6e054d47f3b9125e8b1"
+  "gitHead": "7bd069382ee7b6ad7b80e54457eab37016902192"
 }