@jobber/components 4.46.4-ensure-pat.1 → 4.46.5

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

@@ -117,7 +117,15 @@ export interface DataListSearchProps {
      * prepended by "Search" or just falls back to "Search".
      */
     readonly placeholder?: string;
-    readonly onSearch: (search: string) => void;
+    /**
+     * The initial value of the search input.
+     *
+     * Updating this prop after the component has mounted will rerender the
+     * component with the new value. Only update the value of this when you
+     * absolutely have to.
+     */
+    readonly initialValue?: string;
+    readonly onSearch: (value: string) => void;
 }
 export interface DataListFiltersProps {
     readonly children: ReactElement | ReactElement[];

package/dist/DataList/components/DataListSearch/DataListSearch.d.ts

@@ -3,6 +3,6 @@ import { DataListSearchProps } from "../../DataList.types";
 export declare const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 export declare function DataListSearch(_: DataListSearchProps): null;
 /**
- * Renders the DataList.Search component
+ * Renders the DataList.Search component.
  */
 export declare function InternalDataListSearch(): JSX.Element | null;

package/dist/DataList/index.js

@@ -811,7 +811,7 @@ function DataListSearch(_) {
     return null;
 }
 /**
- * Renders the DataList.Search component
+ * Renders the DataList.Search component.
  */
 function InternalDataListSearch() {
     const inputRef = React.useRef(null);
@@ -820,14 +820,18 @@ function InternalDataListSearch() {
     const debouncedSearch = React.useCallback(debounce__default["default"]((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 } = searchComponent.props;
+    const { placeholder, initialValue } = searchComponent.props;
     return (React__default["default"].createElement("div", { className: classnames__default["default"]({
             [styles$4.withNoFilters]: !filterComponent && !sorting,
         }) },
         React__default["default"].createElement("div", { "data-testid": DATA_LIST_SEARCH_TEST_ID, className: classnames__default["default"](styles$4.searchInput, {
                 [styles$4.searchInputVisible]: visible,
             }) },
-            React__default["default"].createElement(InputText.InputText, { ref: inputRef, placeholder: getPlaceholder(), onChange: debouncedSearch, prefix: { icon: "search" }, size: "small" })),
+            React__default["default"].createElement(InputText.InputText
+            // 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" }, size: "small" })),
         React__default["default"].createElement("div", { className: styles$4.searchButton },
             React__default["default"].createElement(AnimatedSwitcher.AnimatedSwitcher, { switched: visible, initialChild: React__default["default"].createElement(Button.Button, { variation: "subtle", icon: "search", ariaLabel: "Search", onClick: toggleSearch }), switchTo: React__default["default"].createElement(Button.Button, { variation: "subtle", icon: "remove", ariaLabel: "Close search bar", onClick: toggleSearch }) }))));
     function getPlaceholder() {
@@ -1054,6 +1058,9 @@ DataList.EmptyState = DataListEmptyState;
 DataList.Filters = DataListFilters;
 /**
  * Enables the search functionality of the DataList.
+ *
+ * Since the debounce is implemented within the component, it can only be an
+ * uncontrolled component. Thus the lack of a `value` prop.
  */
 DataList.Search = DataListSearch;
 /**

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jobber/components",
-  "version": "4.46.4-ensure-pat.1+71f55e88",
+  "version": "4.46.5",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "rollup --config",
     "bootstrap": "npm run clean; npm run build",
-    "clean": "rm -rf dist/* tsconfig.rollup.tsbuildinfo",
+    "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
     "entryPoints:build": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts",
     "entryPoints:clean": "npm run entryPoints:build clean",
     "prepack": "npm run entryPoints:build",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.46.0",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@jobber/hooks": "^2.5.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "71f55e88492b59d647f7897c1a9fb1d527f6c2b9"
+  "gitHead": "d7aa0a27fea6da695c890f558b1f468593dddd56"
 }

package/rollup.config.js

@@ -9,7 +9,6 @@ export default {
   plugins: [
     multiInput(),
     typescript({
-      tsconfig: "./tsconfig.rollup.json",
       declarationDir: "dist",
       noEmitOnError: true,
     }),