@moises.ai/design-system 4.14.5 → 4.14.6

package/package.json

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

package/src/components/TrackHeader/TrackHeader.jsx

@@ -54,6 +54,7 @@ export const TrackHeader = memo(
 
     // State change listeners
     onVolumeChange,
+    onVolumeReset,
     onPanChange,
     onMutedChange,
     onRecordChange,
@@ -218,6 +219,7 @@ export const TrackHeader = memo(
                     linear={inputLevel}
                     volume={volume}
                     onVolumeChange={onVolumeChange}
+                    onVolumeReset={onVolumeReset}
                   />
                   {showPan && (
                     <PanControl

package/src/components/TrackHeader/TrackHeader.stories.jsx

@@ -28,7 +28,7 @@ import { TrackHeader } from '@moises.ai/design-system'
 import { TrackHeader } from '@moises.ai/design-system'
 
 <TrackHeader title="Group Track">
-  <TrackHeader title="Grouped Track" showPan showVolumeControls volume={0.7} pan={-0.3} isMuted={false} isSolo={false} onVolumeChange={() => {}} onPanChange={() => {}} onMutedChange={() => {}} onSoloChange={() => {}} isGrouped />
+  <TrackHeader title="Grouped Track" showPan showVolumeControls volume={0.7} pan={-0.3} isMuted={false} isSolo={false} onVolumeChange={() => {}} onVolumeReset={() => {}} onPanChange={() => {}} onMutedChange={() => {}} onSoloChange={() => {}} isGrouped />
 </TrackHeader>
 \`\`\`
 
@@ -59,6 +59,7 @@ import { TrackHeader } from '@moises.ai/design-system'
   isMuted: boolean; // Whether the track is muted
   isSolo: boolean; // Whether the track is solo
   onVolumeChange: (volume: number) => void; // Callback function to handle volume change
+  onVolumeReset: () => void; // Callback function to handle volume reset
   onPanChange: (pan: number) => void; // Callback function to handle pan change
   onMutedChange: (muted: boolean) => void; // Callback function to handle muted change
   onSoloChange: (solo: boolean) => void; // Callback function to handle solo change
@@ -123,10 +124,11 @@ export const Default = {
     isAutoMuted: false,
     compact: false,
     menuOptions,
-    onVolumeChange: () => { },
-    onPanChange: () => { },
-    onMutedChange: () => { },
-    onSoloChange: () => { },
+    onVolumeChange: () => {},
+    onVolumeReset: () => {},
+    onPanChange: () => {},
+    onMutedChange: () => {},
+    onSoloChange: () => {},
     instrumentOptions,
     instrumentSelected: instrumentOptions[0],
   },
@@ -177,20 +179,26 @@ export const Group = {
     isAutoMuted: false,
     compact: false,
     menuOptions,
-    onVolumeChange: () => { },
-    onPanChange: () => { },
-    onMutedChange: () => { },
-    onSoloChange: () => { },
+    onVolumeChange: () => {},
+    onPanChange: () => {},
+    onMutedChange: () => {},
+    onSoloChange: () => {},
     instrumentOptions,
     instrumentSelected: instrumentOptions[0],
-    onInstrumentChange: () => { },
+    onInstrumentChange: () => {},
   },
   render: (args) => {
     const [isOpen, setIsOpen] = useState(true)
     const [pan, setPan] = useState(-0.3)
     const [pan2, setPan2] = useState(-0.3)
     return (
-      <TrackHeader {...args} isOpen={isOpen} onOpenChange={setIsOpen} instrumentSelected={args.instrumentSelected} onInstrumentChange={args.onInstrumentChange}>
+      <TrackHeader
+        {...args}
+        isOpen={isOpen}
+        onOpenChange={setIsOpen}
+        instrumentSelected={args.instrumentSelected}
+        onInstrumentChange={args.onInstrumentChange}
+      >
         <TrackHeader
           title="Grouped Track"
           isGrouped
@@ -200,10 +208,10 @@ export const Group = {
           pan={pan}
           isMuted={false}
           isSolo={false}
-          onVolumeChange={() => { }}
+          onVolumeChange={() => {}}
           onPanChange={setPan}
-          onMutedChange={() => { }}
-          onSoloChange={() => { }}
+          onMutedChange={() => {}}
+          onSoloChange={() => {}}
           menuOptions={menuOptions}
           instrumentOptions={args.instrumentOptions}
           instrumentSelected={args.instrumentSelected}
@@ -218,10 +226,10 @@ export const Group = {
           pan={pan2}
           isMuted={false}
           isSolo={false}
-          onVolumeChange={() => { }}
+          onVolumeChange={() => {}}
           onPanChange={setPan2}
-          onMutedChange={() => { }}
-          onSoloChange={() => { }}
+          onMutedChange={() => {}}
+          onSoloChange={() => {}}
           menuOptions={menuOptions}
           instrumentOptions={args.instrumentOptions}
           instrumentSelected={args.instrumentSelected}
@@ -245,18 +253,21 @@ export const Takelanes = {
     isSolo: false,
     compact: false,
     menuOptions,
-    onVolumeChange: () => { },
-    onPanChange: () => { },
-    onMutedChange: () => { },
-    onSoloChange: () => { },
-    onOpenChange: () => { },
+    onVolumeChange: () => {},
+    onPanChange: () => {},
+    onMutedChange: () => {},
+    onSoloChange: () => {},
+    onOpenChange: () => {},
     instrumentOptions,
     instrumentSelected: instrumentOptions[0],
-    onInstrumentChange: () => { },
-
+    onInstrumentChange: () => {},
   },
   render: (args) => (
-    <TrackHeader {...args} instrumentSelected={args.instrumentSelected} onInstrumentChange={args.onInstrumentChange}>
+    <TrackHeader
+      {...args}
+      instrumentSelected={args.instrumentSelected}
+      onInstrumentChange={args.onInstrumentChange}
+    >
       <TrackHeader
         title="Take Lane 1"
         showPan={false}