linkedunion-design-kit 1.8.6 → 1.8.7

package/dist/src/components/ImageUploader/ImageUploader.stories.d.ts

@@ -4,3 +4,5 @@ declare const meta: Meta<typeof ImageUploader>;
 export default meta;
 type Story = StoryObj<typeof ImageUploader>;
 export declare const Default: Story;
+export declare const WithRequired: Story;
+export declare const WithPreloadedImage: Story;

package/dist/src/components/ImageUploader/ImageUploader.stories.js

@@ -1,10 +1,12 @@
 import ImageUploader from "./imageUploader";
+import { Dummy_Image } from "../../utils/constants";
 var meta = {
     title: "Components/ImageUploader",
     component: ImageUploader,
     tags: ["autodocs"],
     argTypes: {
         onChange: { action: "changed" }, // For logging in the Storybook actions panel
+        onRemove: { action: "removed" }, // For logging removal actions
     },
 };
 export default meta;
@@ -14,5 +16,31 @@ export var Default = {
         onChange: function (previewUrl, file) {
             console.log("Selected file:", file);
         },
+        onRemove: function () {
+            console.log("Image removed");
+        },
+    },
+};
+export var WithRequired = {
+    args: {
+        value: null,
+        required: true,
+        onChange: function (previewUrl, file) {
+            console.log("Selected file:", file);
+        },
+        onRemove: function () {
+            console.log("Image removed from required uploader");
+        },
+    },
+};
+export var WithPreloadedImage = {
+    args: {
+        value: Dummy_Image,
+        onChange: function (previewUrl, file) {
+            console.log("Selected file:", file);
+        },
+        onRemove: function () {
+            console.log("Preloaded image removed");
+        },
     },
 };

package/dist/src/components/ImageUploader/imageUploader.d.ts

@@ -1,3 +1,3 @@
 import { ImageUploaderProps } from "../ImageUploader/type";
-declare const ImageUploader: ({ value, onChange, required, className, maxFileSizeMB, acceptedTypes, }: ImageUploaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ImageUploader: ({ value, onChange, onRemove, required, className, maxFileSizeMB, acceptedTypes, }: ImageUploaderProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageUploader;

package/dist/src/components/ImageUploader/imageUploader.js

@@ -19,7 +19,7 @@ import LuImage from "../Images/LuImage";
 import { Body } from "../Typography/Body/body";
 import { Button } from "../Button/Button";
 var ImageUploader = function (_a) {
-    var value = _a.value, onChange = _a.onChange, required = _a.required, className = _a.className, _b = _a.maxFileSizeMB, maxFileSizeMB = _b === void 0 ? 6 : _b, _c = _a.acceptedTypes, acceptedTypes = _c === void 0 ? ["image/png", "image/jpeg", "image/jpg", "image/svg+xml"] : _c;
+    var value = _a.value, onChange = _a.onChange, onRemove = _a.onRemove, required = _a.required, className = _a.className, _b = _a.maxFileSizeMB, maxFileSizeMB = _b === void 0 ? 6 : _b, _c = _a.acceptedTypes, acceptedTypes = _c === void 0 ? ["image/png", "image/jpeg", "image/jpg", "image/svg+xml"] : _c;
     var _d = useState(null), preview = _d[0], setPreview = _d[1];
     var _e = useState(""), fileError = _e[0], setFileError = _e[1];
     useEffect(function () {
@@ -55,6 +55,10 @@ var ImageUploader = function (_a) {
         setPreview(null);
         setFileError("");
         onChange(null, null);
+        // If onRemove prop is provided, call it after internal cleanup
+        if (onRemove) {
+            onRemove();
+        }
     };
     var _f = useDropzone({
         onDrop: onDrop,

package/dist/src/components/ImageUploader/type.d.ts

@@ -1,6 +1,7 @@
 export interface ImageUploaderProps {
     value: string | File | null;
     onChange: (previewUrl: string | null, file: File | null) => void;
+    onRemove?: () => void;
     required?: boolean;
     className?: string;
     maxFileSizeMB?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "private": false,
   "files": [
     "dist",