@photoroom/ui 0.1.112 → 0.1.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,6 +8,13 @@ export type ProgressTimerProps = {
|
|
|
8
8
|
* bar never reaches full before the backend responds.
|
|
9
9
|
*/
|
|
10
10
|
totalExpectedDuration: number;
|
|
11
|
+
/**
|
|
12
|
+
* Unix timestamp (ms) when generation started. When provided the elapsed
|
|
13
|
+
* timer and progress bar resume from that point instead of resetting to
|
|
14
|
+
* zero on mount — needed when the component re-mounts after the user
|
|
15
|
+
* leaves and returns to a modal while generation is still in progress.
|
|
16
|
+
*/
|
|
17
|
+
generationStartedAt?: number;
|
|
11
18
|
/**
|
|
12
19
|
* When true, the background behind the overlay is already CSS-blurred,
|
|
13
20
|
* so backdrop-blur and the mask gradient are skipped to avoid double-blur.
|
|
@@ -15,5 +22,5 @@ export type ProgressTimerProps = {
|
|
|
15
22
|
loadingBlur?: boolean;
|
|
16
23
|
className?: string;
|
|
17
24
|
};
|
|
18
|
-
export declare function ProgressTimer({ messages, totalExpectedDuration, loadingBlur, className, }: ProgressTimerProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare function ProgressTimer({ messages, totalExpectedDuration, generationStartedAt, loadingBlur, className, }: ProgressTimerProps): import("react/jsx-runtime").JSX.Element;
|
|
19
26
|
//# sourceMappingURL=ProgressTimer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProgressTimer/ProgressTimer.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/ProgressTimer/ProgressTimer.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,2CA2HpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export type VideoTileAspectRatio = "9/16" | "16/9" | "1/1";
|
|
2
1
|
export type VideoTileProps = {
|
|
3
|
-
|
|
2
|
+
/** Applied directly to the inner content element. */
|
|
3
|
+
contentStyle?: React.CSSProperties;
|
|
4
4
|
label: string;
|
|
5
5
|
showLabel?: boolean;
|
|
6
6
|
sizeLabel?: string;
|
|
@@ -8,14 +8,21 @@ export type VideoTileProps = {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
messages?: readonly string[];
|
|
10
10
|
totalExpectedDuration?: number;
|
|
11
|
+
generationStartedAt?: number;
|
|
11
12
|
loadingBlur?: boolean;
|
|
13
|
+
/** Passed directly to `Tile.trailingTop` without wrapping — use when the caller already provides a fully-rendered menu node. Takes precedence over `moreMenu`. */
|
|
14
|
+
trailingTop?: React.ReactNode;
|
|
15
|
+
/** Menu items wrapped automatically in `TileMoreMenu`. Ignored when `trailingTop` is provided. */
|
|
12
16
|
moreMenu?: React.ReactNode;
|
|
13
17
|
isSelected?: boolean;
|
|
14
18
|
onSelectedChange?: (isSelected: boolean) => void;
|
|
19
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
15
20
|
/** Callback for the save button. When omitted the save button is not rendered. */
|
|
16
21
|
onSave?: () => void;
|
|
17
22
|
/** Accessible label for the save button. */
|
|
18
23
|
saveLabel?: string;
|
|
24
|
+
/** Label shown after the save button has been clicked. */
|
|
25
|
+
savedLabel?: string;
|
|
19
26
|
};
|
|
20
|
-
export declare function VideoTile({
|
|
27
|
+
export declare function VideoTile({ contentStyle, label, showLabel, sizeLabel, children, className, messages, totalExpectedDuration, generationStartedAt, loadingBlur, trailingTop, moreMenu, isSelected, onSelectedChange, onClick, onSave, saveLabel, savedLabel, }: VideoTileProps): import("react/jsx-runtime").JSX.Element;
|
|
21
28
|
//# sourceMappingURL=VideoTile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/VideoTile/VideoTile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VideoTile.d.ts","sourceRoot":"","sources":["../../../../src/components/content/VideoTile/VideoTile.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,qDAAqD;IACrD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kKAAkK;IAClK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kGAAkG;IAClG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAClD,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,SAAkB,EAClB,UAAoB,GACrB,EAAE,cAAc,2CAwEhB"}
|