@moises.ai/design-system 3.9.0 → 3.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/EmptyState/EmptyState.jsx

@@ -54,7 +54,7 @@ export const EmptyState = ({
           >
             {title}
           </Text>
-          {showSecondaryText && secondaryText != null && (
+          {secondaryText && (
             <Text
               size={size === 'large' ? '3' : '2'}
               weight="regular"

package/src/components/ProjectsList/ProjectItem/ProjectItem.jsx

@@ -115,7 +115,7 @@ const ProjectItem = ({
 
           {allTracks.length > 0 && (
             <Flex direction="column" gap="1">
-              {typeof children === 'function' ? children(tracks) : children}
+              {typeof children === 'function' ? children({ projectId: id, tracks }) : children}
 
               <Flex direction="row" gap="3" p="2" align="center" justify="center">
                 <Button variant="ghost" color="gray" style={{ flex: '1' }}

package/src/components/ProjectsList/ProjectTrackVoice/ProjectTrackVoice.jsx

@@ -10,7 +10,7 @@ const ProjectTrackVoice = ({
   ...props
 }) => {
   const { onClickTrack } = useContext(ProjectsListContext)
-  const { id, title, cover, transfers, audioUrl, onChangeTransfer } = props
+  const { projectId, id, title, cover, transfers, audioUrl, onChangeTransfer } = props
 
   const hasTransfers = useMemo(() => transfers && transfers.length > 0, [transfers])
 
@@ -24,12 +24,12 @@ const ProjectTrackVoice = ({
 
   const handleChangeTransfer = useCallback((value) => {
     setpitchShiftSelected(value)
-    onChangeTransfer?.({
+    onChangeTransfer?.(projectId, {
       id,
       title,
       audioUrl: getAudioUrl(value),
     })
-  }, [onChangeTransfer, id, title, transfers])
+  }, [onChangeTransfer, projectId, id, title, transfers])
 
   const handleClickTrack = useCallback((e) => {
     e.stopPropagation()
@@ -72,7 +72,7 @@ const ProjectTrackVoice = ({
           </Text>
         </Flex>
 
-        {hasTransfers && (
+        {hasTransfers && transfers.length > 1 && (
           <NumberPicker
             min={min}
             max={max}

package/src/components/ProjectsList/ProjectsList.stories.jsx

@@ -206,8 +206,8 @@ export const WithTrackVoice = {
     onInsertAllTracks: (tracks) => {
       console.log('insert-all-tracks', tracks)
     },
-    onChangeTransfer: (track) => {
-      console.log('change-transfer', track)
+    onChangeTransfer: (projectId, track) => {
+      console.log('change-transfer', projectId, track)
     },
   },
   render: (args) => {
@@ -219,9 +219,10 @@ export const WithTrackVoice = {
           onInsertAllTracks={args.onInsertAllTracks}
           onProjectClick={args.onProjectClick}
         >
-          {(tracks) =>
+          {({ projectId, tracks }) =>
             tracks.map((track) => (
               <ProjectsList.TrackVoice
+                projectId={projectId}
                 key={track.id}
                 {...track}
                 onChangeTransfer={args.onChangeTransfer}

package/src/components/ProjectsList/utils-stories.js

@@ -211,7 +211,7 @@ export const projects = [
 
 export const projectsVoiceStudio = [
   {
-    "id": "3842c898-9e0c-41e8-8927-7d9f67c50bc6",
+    "id": "3842c898-9e0c-41e8-8927-7d9f1111111167c50bc6",
     "title": "vocals - Billie Bossa Nova",
     "artist": "Billie Bossa Nova",
     "cover": null,
@@ -266,11 +266,6 @@ export const projectsVoiceStudio = [
         "cover": "https://picsum.photos/103/103",
         "type": "voice",
         "transfers": [
-          {
-            "id": "b9470aco6y4a9dlef0c035-0",
-            "pitchShift": "-10",
-            "audioUrl": "https://d3-stage.moises.ai/v3/download/moises-stage--tasks-us-east1/operations/VOICETRANSFER_A/0b926e1f-52ce-4581-9f76-09545eed1c61/vocals.m4"
-          },
           {
             "id": "b9470aco6y4a9dlef0c035-1",
             "pitchShift": "-11",

package/src/components/SetlistList/SetlistList.jsx

@@ -41,7 +41,7 @@ function SetlistExpandButton({ onExpand, className, style, collapsed = false })
   )
 }
 
-function NewSetlistButton({ onClick, className, collapsed = false }) {
+function NewSetlistButton({ onClick, className, collapsed = false, text = 'New Setlist' }) {
   return (
     <SetlistItem
       isSelected={false}
@@ -55,7 +55,7 @@ function NewSetlistButton({ onClick, className, collapsed = false }) {
           />
         </div>
       }
-      text="New Setlist"
+      text={text}
       className={classNames(styles.newSetlistItemButton, styles.collapsedTransition, className)}
       collapsed={collapsed}
     />
@@ -238,6 +238,7 @@ export const SetlistList = ({
   selectedSetlistId,
   onSetlistClick,
   onNewSetlistClick,
+  newSetlistButtonText = 'New Setlist',
   collapsed = false,
   isMobile = false,
 }) => {
@@ -405,6 +406,7 @@ export const SetlistList = ({
                 onClick={handleNewSetlistClick}
                 className={styles.collapsedTransition}
                 collapsed={collapsed}
+                text={newSetlistButtonText}
               />
             ))}
           {visibleSetlists.map((setlist, index) => {