@beydesign/storybook 0.4.0 → 0.4.1
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.
|
@@ -32,7 +32,7 @@ export const EntityCard = ({ view = 'avatar', name, image, description = '', sho
|
|
|
32
32
|
const imageAspectRatio = aspectRatio ?? ASPECT_RATIO_BY_VIEW[view];
|
|
33
33
|
const entityKey = name?.toLowerCase()?.replace(/\s+/g, '-');
|
|
34
34
|
const hasMenu = showMenu && menuItems.length > 0;
|
|
35
|
-
const isProcessing =
|
|
35
|
+
const isProcessing = processing && !error;
|
|
36
36
|
const canPreview = !!onPreview && !isProcessing && !error;
|
|
37
37
|
const showActions = hovered && (canPreview || hasMenu);
|
|
38
38
|
const showBadge = showStatusBadge && !!statusBadgeText;
|
|
@@ -56,7 +56,7 @@ const meta = {
|
|
|
56
56
|
},
|
|
57
57
|
processing: {
|
|
58
58
|
control: 'boolean',
|
|
59
|
-
description: 'Show the processing overlay (spinner + label)
|
|
59
|
+
description: 'Show the processing overlay (spinner + label)',
|
|
60
60
|
table: { type: { summary: 'boolean' } },
|
|
61
61
|
},
|
|
62
62
|
processingText: {
|
|
@@ -326,3 +326,17 @@ export const VideoError = {
|
|
|
326
326
|
},
|
|
327
327
|
},
|
|
328
328
|
};
|
|
329
|
+
export const Processing = {
|
|
330
|
+
args: {
|
|
331
|
+
...Default.args,
|
|
332
|
+
name: 'Nelly',
|
|
333
|
+
processing: true,
|
|
334
|
+
},
|
|
335
|
+
parameters: {
|
|
336
|
+
docs: {
|
|
337
|
+
description: {
|
|
338
|
+
story: 'A processing overlay (spinner + label) covers the image while the preview action is suppressed. The menu stays accessible. Works across every view.',
|
|
339
|
+
},
|
|
340
|
+
},
|
|
341
|
+
},
|
|
342
|
+
};
|
|
@@ -25,7 +25,7 @@ export interface EntityCardProps {
|
|
|
25
25
|
date?: string;
|
|
26
26
|
/** Aspect ratio of the image — overrides the per-view default (`203 / 264` avatar, `1 / 1` agent, `16 / 9` video) */
|
|
27
27
|
aspectRatio?: string;
|
|
28
|
-
/** Show the processing overlay (spinner + label) over the image
|
|
28
|
+
/** Show the processing overlay (spinner + label) over the image */
|
|
29
29
|
processing?: boolean;
|
|
30
30
|
/** Processing overlay label. Defaults to "Please wait" */
|
|
31
31
|
processingText?: string;
|