@moises.ai/design-system 4.15.7 → 4.15.8

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.
Files changed (4) hide show
  1. package/dist/index.js +1427 -1423
  2. package/package.json +1 -1
  3. package/src/components/PreviewCard/PreviewCard.jsx +5 -1
  4. package/src/components/PreviewCard/PreviewCard.stories.jsx +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moises.ai/design-system",
3
- "version": "4.15.7",
3
+ "version": "4.15.8",
4
4
  "description": "Design System package based on @radix-ui/themes with custom defaults",
5
5
  "private": false,
6
6
  "type": "module",
package/src/components/PreviewCard/PreviewCard.jsx CHANGED
@@ -23,6 +23,7 @@ export const PreviewCard = forwardRef(function PreviewCard(
23
23
  autoRepeat = false,
24
24
  waveColor = 'rgba(90, 97, 105, 1)',
25
25
  progressColor = 'rgba(255, 255, 255, 1)',
26
+ hiddenProgress = false,
26
27
  className,
27
28
  id,
28
29
  tabIndex: tabIndexProp,
@@ -160,6 +161,9 @@ export const PreviewCard = forwardRef(function PreviewCard(
160
161
 
161
162
  if (wavegroup) {
162
163
  if (wavegroup.state.active !== waveSurferRef.current) {
164
+ if (hiddenProgress) {
165
+ waveSurferRef.current?.setOptions({ progressColor: waveColor })
166
+ }
163
167
  return
164
168
  }
165
169
 
@@ -168,7 +172,7 @@ export const PreviewCard = forwardRef(function PreviewCard(
168
172
  isPlaying: false,
169
173
  }))
170
174
  }
171
- }, [onPlayStateChange, wavegroup])
175
+ }, [onPlayStateChange, wavegroup, hiddenProgress, waveColor])
172
176
 
173
177
  const onSeeking = useCallback(
174
178
  (ws) => {
package/src/components/PreviewCard/PreviewCard.stories.jsx CHANGED
@@ -7,7 +7,8 @@ const SAMPLE_AUDIO = {
7
7
  zuri: 'https://storage.googleapis.com/moises-api-assets/voice/demo_zuri.m4a',
8
8
  amy: 'https://storage.googleapis.com/moises-api-assets/voice/demo_amy.m4a',
9
9
  rosa: 'https://storage.googleapis.com/moises-api-assets/voice/demo_rosa.m4a',
10
- aisha: 'https://storage.googleapis.com/moises-api-assets/voice/demo_aisha.m4a',
10
+ aisha:
11
+ 'https://storage.googleapis.com/moises-api-assets/voice/demo_aisha.m4a',
11
12
  }
12
13
 
13
14
  const PREVIEW_ITEMS = [
@@ -96,6 +97,7 @@ function PreviewCardGroupStory() {
96
97
  audio={item.audio}
97
98
  selected={selectedId === item.id}
98
99
  wavegroup={wavegroup}
100
+ hiddenProgress={true}
99
101
  onSelect={() => setSelectedId(item.id)}
100
102
  actions={<MoreButton aria-label={`More options for ${item.label}`} />}
101
103
  />