zds-pickers 4.1.0 → 4.1.3

package/dist/other/SoundFontProvider.js

@@ -25,7 +25,7 @@ if (typeof global !== 'undefined') {
 // NOTE: This adds ~2.2MB to the bundle size. Currently all consumers need piano,
 // but if future web apps don't need audio, consider making this import conditional
 // or implementing lazy loading to reduce bundle size for audio-free use cases.
-import '../temp/acoustic_grand_piano-mp3';
+import '../soundfonts/acoustic_grand_piano-mp3';
 const isDefined = (item) => item !== undefined && item !== null && !Number.isNaN(item);
 const SoundfontProvider = (props) => {
     const { audioContext, format, hostname, instrumentName, onChange, render, soundfont, } = props;
@@ -41,7 +41,7 @@ const SoundfontProvider = (props) => {
                 format,
                 soundfont,
                 nameToUrl: (name, sf, fmt) => `${hostname}/${sf}/${name}-${fmt}.js`,
-            }).then(newInstrument => {
+            }).then((newInstrument) => {
                 setInstrument(newInstrument);
             });
         }
@@ -83,6 +83,7 @@ const SoundfontProvider = (props) => {
                     },
                 };
                 setInstrument(player);
+                setIsLoading(false);
             }
             else {
                 setIsLoading(false);
@@ -107,7 +108,7 @@ const SoundfontProvider = (props) => {
         if (instrument) {
             audioContext.resume().then(() => {
                 const audioNode = instrument.play(String(midiNumber));
-                setActiveAudioNodes(prev => ({ ...prev, [midiNumber]: audioNode }));
+                setActiveAudioNodes((prev) => ({ ...prev, [midiNumber]: audioNode }));
             });
         }
     };
@@ -118,7 +119,7 @@ const SoundfontProvider = (props) => {
             }
             const audioNode = activeAudioNodes[midiNumber];
             audioNode.stop();
-            setActiveAudioNodes(prev => {
+            setActiveAudioNodes((prev) => {
                 const { [midiNumber]: _, ...rest } = prev;
                 return rest;
             });

package/dist/pickers/KeyPicker.js

@@ -14,7 +14,6 @@ const KeyPicker = (props) => {
     const octaveStart = 60 + (octave - 4) * 12;
     const octaveEnd = octaveStart + 11;
     const shouldHighlight = value !== noSelection && value >= octaveStart && value <= octaveEnd;
-    return (_jsx(OctavePlayer, { ...rest, selectedNotes: shouldHighlight ? [value] : [], disabled: disabled, height: height, width: width, octave: octave, onClick: handleKeyClick }));
+    return (_jsx(OctavePlayer, { ...rest, selectedNotes: shouldHighlight ? [value] : [], disabled: disabled, height: height, width: width, octave: octave, onClick: handleKeyClick, instrumentName: "acoustic_grand_piano" }));
 };
-KeyPicker.propTypes = {};
 export { KeyPicker };

package/dist/types/other/SoundFontProvider.d.ts

@@ -11,7 +11,7 @@ declare global {
         var MIDI: MIDIGlobal | undefined;
     }
 }
-import '../temp/acoustic_grand_piano-mp3';
+import '../soundfonts/acoustic_grand_piano-mp3';
 type SoundfontProviderProps = {
     audioContext: AudioContext;
     format?: 'mp3' | 'ogg';

package/dist/types/pickers/KeyPicker.d.ts

@@ -7,9 +7,6 @@ type KeyPickerProps = Omit<OctavePlayerProps, 'selectedNotes' | 'onClick'> & {
     width?: number;
     octave?: number;
 };
-declare const KeyPicker: {
-    (props: KeyPickerProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {};
-};
+declare const KeyPicker: (props: KeyPickerProps) => import("react/jsx-runtime").JSX.Element;
 export { KeyPicker };
 export type { KeyPickerProps };