@photoroom/ui 0.1.192 → 0.1.193

package/components/input/DropZone/DropZone.d.ts

@@ -8,6 +8,8 @@ export type DropZoneProps = Readonly<({
 }) & {
     onFileChange: (files: FileList) => void;
     onClick?: () => void;
+    /** Side-effect hook fired right before the picker opens; does not replace it. Ignored when `onClick` is set. */
+    onOpenFilePicker?: () => void;
     multiple?: boolean;
     children?: ReactNode;
     title?: ReactNode;
@@ -16,5 +18,5 @@ export type DropZoneProps = Readonly<({
     testId?: string;
     autoFocus?: boolean;
 }>;
-export declare const DropZone: ({ onFileChange, onClick, multiple, children, title, dropTitle, density, ctaLabel, className, testId, autoFocus, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropZone: ({ onFileChange, onClick, onOpenFilePicker, multiple, children, title, dropTitle, density, ctaLabel, className, testId, autoFocus, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DropZone.d.ts.map

package/components/input/DropZone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAM/C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAClC,CAAC;IAAE,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG;IACvF,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mHAYtB,aAAa,4CA6Ff,CAAC"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DropZone/DropZone.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAM/C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAClC,CAAC;IAAE,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG;IACvF,YAAY,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qIAatB,aAAa,4CA8Ff,CAAC"}

package/index.mjs

@@ -47536,40 +47536,44 @@ var hfe = (e) => e.isFile === !0, gfe = (e) => e.isDirectory === !0, T3 = async
 		waitForFiles: m,
 		waitForFile: g
 	};
-}, D3 = ({ onFileChange: e, onClick: t, multiple: n, children: r, title: i, dropTitle: a, density: o = "compact", ctaLabel: s, className: c, testId: l, autoFocus: u }) => {
-	let { isDragging: d, inputRef: f, openFilePicker: m, handleChange: h, handleDragEnter: g, handleDragLeave: _, handleDragOver: v, handleDrop: y } = E3({ onFileChange: e }), b = p(() => {
+}, D3 = ({ onFileChange: e, onClick: t, onOpenFilePicker: n, multiple: r, children: i, title: a, dropTitle: o, density: s = "compact", ctaLabel: c, className: l, testId: u, autoFocus: d }) => {
+	let { isDragging: f, inputRef: m, openFilePicker: h, handleChange: g, handleDragEnter: _, handleDragLeave: v, handleDragOver: y, handleDrop: b } = E3({ onFileChange: e }), x = p(() => {
 		if (typeof t == "function") {
 			t();
 			return;
 		}
-		m();
-	}, [t, m]);
+		n?.(), h();
+	}, [
+		t,
+		n,
+		h
+	]);
 	return /* @__PURE__ */ D("div", {
-		className: H("interaction-transition", "relative", c),
-		"data-testid": l,
+		className: H("interaction-transition", "relative", l),
+		"data-testid": u,
 		children: [/* @__PURE__ */ E(x3, {
-			showOverlay: d,
-			onDragEnter: g,
-			onDragLeave: _,
-			onDragOver: v,
-			onDrop: y,
+			showOverlay: f,
+			onDragEnter: _,
+			onDragLeave: v,
+			onDragOver: y,
+			onDrop: b,
 			overlay: /* @__PURE__ */ E("div", {
 				className: "absolute inset-0 flex bg-white",
 				children: /* @__PURE__ */ E("div", {
 					className: V("interaction-transition", "rounded-500 border-content-accent border", "flex flex-1 flex-col items-center justify-center p-6", "component-500 bg-background-accent-subdued text-content-accent"),
-					children: a
+					children: o
 				})
 			}),
 			children: /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: b,
-				autoFocus: u,
+				onClick: x,
+				autoFocus: d,
 				className: V("interaction-transition", "group/dropzone", "rounded-500", "border-neutral-alpha-400 border border-dashed", "w-full appearance-none select-none", "hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover active:bg-background-subdued-down", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring outline-hidden", "disabled:pointer-events-none disabled:opacity-30"),
-				children: r || (o === "compact" ? /* @__PURE__ */ D("div", {
+				children: i || (s === "compact" ? /* @__PURE__ */ D("div", {
 					className: "flex items-center justify-center gap-2 p-6",
 					children: [/* @__PURE__ */ E(Me, { className: "text-content-tertiary size-5 shrink-0" }), /* @__PURE__ */ E("span", {
 						className: "component-500 text-content-secondary text-start",
-						children: i
+						children: a
 					})]
 				}) : /* @__PURE__ */ E("div", {
 					className: "flex items-center justify-center px-4 py-10",
@@ -47582,18 +47586,18 @@ var hfe = (e) => e.isFile === !0, gfe = (e) => e.isDirectory === !0, T3 = async
 							icon: Me,
 							tabIndex: -1,
 							className: V("group-active/dropzone:bg-background-subdued-down", "pointer-events-none"),
-							children: s
+							children: c
 						}), /* @__PURE__ */ E("span", {
 							className: "component-500 text-content-secondary text-center",
-							children: i
+							children: a
 						})]
 					})
 				}))
 			})
 		}), /* @__PURE__ */ E(w3, {
-			multiple: n,
-			onChange: h,
-			ref: f
+			multiple: r,
+			onChange: g,
+			ref: m
 		})]
 	});
 }, O3 = l(({ icon: e, children: t, className: n, ...r }, i) => /* @__PURE__ */ D("button", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.192",
+  "version": "0.1.193",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [