@cerebruminc/cerebellum 19.0.1 → 19.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-component-lib-boilerplate
 
+## [19.1.0](https://github.com/cerebruminc/cerebellum/compare/v19.0.1...v19.1.0) (2026-07-28)
+
+
+### Features
+
+* **image-picker:** add onError callback ([857eb83](https://github.com/cerebruminc/cerebellum/commit/857eb83e2810bdcae981a79db4c13e47b4b55a7f))
+
+
+### Bug Fixes
+
+* casing in ImagePicker error message ([eb8935f](https://github.com/cerebruminc/cerebellum/commit/eb8935f13da57bfe5333b28d008f8fabbbd36164))
+
 ## [19.0.1](https://github.com/cerebruminc/cerebellum/compare/v19.0.0...v19.0.1) (2026-07-24)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "19.0.1",
+  "version": "19.1.0",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "src/index.ts",

package/src/components/ImagePicker/ImagePicker.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, screen } from "@testing-library/react";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import { withTheme } from "../../hocs/withTheme";
 // import userEvent from "@testing-library/user-event";
 import { IdFront } from "../Icons";
@@ -97,6 +97,18 @@ describe("ImagePicker", () => {
     expect(text).toBeInTheDocument();
   });
 
+  test("calls onError when an image cannot be processed", async () => {
+    const onError = jest.fn();
+    const consoleError = jest.spyOn(console, "error").mockImplementation();
+    const { container } = render(<ThemedImagePicker onError={onError} />);
+    const input = container.querySelector('input[type="file"]') as HTMLInputElement;
+
+    fireEvent.change(input, { target: { files: [] } });
+
+    await waitFor(() => expect(onError).toHaveBeenCalledWith(expect.any(Error)));
+    consoleError.mockRestore();
+  });
+
   test("placeholderIcon renders", () => {
     const PlaceholderIcon = IdFront;
     render(<ThemedImagePicker PlaceholderIcon={PlaceholderIcon} />);

package/src/components/ImagePicker/ImagePicker.tsx

@@ -66,6 +66,7 @@ export const ImagePicker: FC<ImagePickerType> = ({
   name,
   onChange,
   onDeleteButtonClick,
+  onError,
   onImageSelect,
   onPickerClick,
   PlaceholderIcon,
@@ -170,9 +171,10 @@ export const ImagePicker: FC<ImagePickerType> = ({
     } catch (error) {
       showToast({
         title: "",
-        text: "Error processing FIle",
+        text: "Error processing File",
         colorFamily: ConnotationColorEnum.Negative,
       });
+      throw error;
     }
   };
 
@@ -260,6 +262,7 @@ export const ImagePicker: FC<ImagePickerType> = ({
       onChange?.(event);
     } catch (error) {
       console.error(`Error processing image: ${error}`);
+      onError?.(error instanceof Error ? error : new Error(String(error)));
     } finally {
       setHeicProcessing(false);
     }

package/src/components/ImagePicker/types.ts

@@ -57,6 +57,8 @@ export interface ImagePickerType {
   name?: string;
   /** Called when a file is selected */
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+  /** Called when an image cannot be processed */
+  onError?: (error: Error) => void;
   /** Called when the delete button is clicked */
   onDeleteButtonClick?: (event: ChangeEvent<HTMLInputElement>) => void;
   /** Sets HTML required attribute */