zds-pickers 3.9.7 → 3.9.9

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "CCPicker", { enumerable: true, get: function get() {return _CCPicker["default"];} });Object.defineProperty(exports, "ChannelMappingPicker", { enumerable: true, get: function get() {return _ChannelMappingPicker["default"];} });Object.defineProperty(exports, "ChannelPicker", { enumerable: true, get: function get() {return _ChannelPicker["default"];} });Object.defineProperty(exports, "Knob", { enumerable: true, get: function get() {return _Knob["default"];} });Object.defineProperty(exports, "KnobPicker", { enumerable: true, get: function get() {return _KnobPicker["default"];} });Object.defineProperty(exports, "LatchPicker", { enumerable: true, get: function get() {return _LatchPicker["default"];} });Object.defineProperty(exports, "MASK_CHANNEL", { enumerable: true, get: function get() {return _statuses.MASK_CHANNEL;} });Object.defineProperty(exports, "MASK_STATUS", { enumerable: true, get: function get() {return _statuses.MASK_STATUS;} });Object.defineProperty(exports, "MappingPicker", { enumerable: true, get: function get() {return _MappingPicker["default"];} });Object.defineProperty(exports, "NotePicker", { enumerable: true, get: function get() {return _NotePicker["default"];} });Object.defineProperty(exports, "PolarityPicker", { enumerable: true, get: function get() {return _PolarityPicker["default"];} });Object.defineProperty(exports, "RESPONSE_CURVES", { enumerable: true, get: function get() {return _ResponseCurve.RESPONSE_CURVES;} });Object.defineProperty(exports, "ResponseCurve", { enumerable: true, get: function get() {return _ResponseCurve["default"];} });Object.defineProperty(exports, "ResponseCurvePicker", { enumerable: true, get: function get() {return _ResponseCurvePicker["default"];} });Object.defineProperty(exports, "STATUS_AFTER_TOUCH", { enumerable: true, get: function get() {return _statuses.STATUS_AFTER_TOUCH;} });Object.defineProperty(exports, "STATUS_CHANNEL_PRESSURE", { enumerable: true, get: function get() {return _statuses.STATUS_CHANNEL_PRESSURE;} });Object.defineProperty(exports, "STATUS_CONTROL_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_CONTROL_CHANGE;} });Object.defineProperty(exports, "STATUS_NOTE_OFF", { enumerable: true, get: function get() {return _statuses.STATUS_NOTE_OFF;} });Object.defineProperty(exports, "STATUS_NOTE_ON", { enumerable: true, get: function get() {return _statuses.STATUS_NOTE_ON;} });Object.defineProperty(exports, "STATUS_PITCH_WHEEL", { enumerable: true, get: function get() {return _statuses.STATUS_PITCH_WHEEL;} });Object.defineProperty(exports, "STATUS_PROGRAM_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_PROGRAM_CHANGE;} });Object.defineProperty(exports, "SVGText", { enumerable: true, get: function get() {return _SVGText["default"];} });Object.defineProperty(exports, "Select", { enumerable: true, get: function get() {return _Select["default"];} });Object.defineProperty(exports, "StatusPicker", { enumerable: true, get: function get() {return _StatusPicker["default"];} });Object.defineProperty(exports, "ValuePicker", { enumerable: true, get: function get() {return _ValuePicker["default"];} });Object.defineProperty(exports, "assertRange", { enumerable: true, get: function get() {return _utils.assertRange;} });Object.defineProperty(exports, "ccValues", { enumerable: true, get: function get() {return _ccValues["default"];} });Object.defineProperty(exports, "combineStatus", { enumerable: true, get: function get() {return _statuses.combineStatus;} });Object.defineProperty(exports, "extractStatus", { enumerable: true, get: function get() {return _statuses.extractStatus;} });Object.defineProperty(exports, "getStatusLabel", { enumerable: true, get: function get() {return _statuses.getStatusLabel;} });Object.defineProperty(exports, "memoize", { enumerable: true, get: function get() {return _utils.memoize;} });Object.defineProperty(exports, "statuses", { enumerable: true, get: function get() {return _statuses["default"];} });
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "CCPicker", { enumerable: true, get: function get() {return _CCPicker["default"];} });Object.defineProperty(exports, "ChannelMappingPicker", { enumerable: true, get: function get() {return _ChannelMappingPicker["default"];} });Object.defineProperty(exports, "ChannelPicker", { enumerable: true, get: function get() {return _ChannelPicker["default"];} });Object.defineProperty(exports, "Knob", { enumerable: true, get: function get() {return _Knob["default"];} });Object.defineProperty(exports, "KnobPicker", { enumerable: true, get: function get() {return _KnobPicker["default"];} });Object.defineProperty(exports, "LatchPicker", { enumerable: true, get: function get() {return _LatchPicker["default"];} });Object.defineProperty(exports, "MASK_CHANNEL", { enumerable: true, get: function get() {return _statuses.MASK_CHANNEL;} });Object.defineProperty(exports, "MASK_STATUS", { enumerable: true, get: function get() {return _statuses.MASK_STATUS;} });Object.defineProperty(exports, "MappingPicker", { enumerable: true, get: function get() {return _MappingPicker["default"];} });Object.defineProperty(exports, "NotePicker", { enumerable: true, get: function get() {return _NotePicker["default"];} });Object.defineProperty(exports, "PianoPicker", { enumerable: true, get: function get() {return _PianoPicker["default"];} });Object.defineProperty(exports, "PolarityPicker", { enumerable: true, get: function get() {return _PolarityPicker["default"];} });Object.defineProperty(exports, "RESPONSE_CURVES", { enumerable: true, get: function get() {return _ResponseCurve.RESPONSE_CURVES;} });Object.defineProperty(exports, "ResponseCurve", { enumerable: true, get: function get() {return _ResponseCurve["default"];} });Object.defineProperty(exports, "ResponseCurvePicker", { enumerable: true, get: function get() {return _ResponseCurvePicker["default"];} });Object.defineProperty(exports, "STATUS_AFTER_TOUCH", { enumerable: true, get: function get() {return _statuses.STATUS_AFTER_TOUCH;} });Object.defineProperty(exports, "STATUS_CHANNEL_PRESSURE", { enumerable: true, get: function get() {return _statuses.STATUS_CHANNEL_PRESSURE;} });Object.defineProperty(exports, "STATUS_CONTROL_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_CONTROL_CHANGE;} });Object.defineProperty(exports, "STATUS_NOTE_OFF", { enumerable: true, get: function get() {return _statuses.STATUS_NOTE_OFF;} });Object.defineProperty(exports, "STATUS_NOTE_ON", { enumerable: true, get: function get() {return _statuses.STATUS_NOTE_ON;} });Object.defineProperty(exports, "STATUS_PITCH_WHEEL", { enumerable: true, get: function get() {return _statuses.STATUS_PITCH_WHEEL;} });Object.defineProperty(exports, "STATUS_PROGRAM_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_PROGRAM_CHANGE;} });Object.defineProperty(exports, "SVGText", { enumerable: true, get: function get() {return _SVGText["default"];} });Object.defineProperty(exports, "Select", { enumerable: true, get: function get() {return _Select["default"];} });Object.defineProperty(exports, "StatusPicker", { enumerable: true, get: function get() {return _StatusPicker["default"];} });Object.defineProperty(exports, "ValuePicker", { enumerable: true, get: function get() {return _ValuePicker["default"];} });Object.defineProperty(exports, "assertRange", { enumerable: true, get: function get() {return _utils.assertRange;} });Object.defineProperty(exports, "ccValues", { enumerable: true, get: function get() {return _ccValues["default"];} });Object.defineProperty(exports, "combineStatus", { enumerable: true, get: function get() {return _statuses.combineStatus;} });Object.defineProperty(exports, "extractStatus", { enumerable: true, get: function get() {return _statuses.extractStatus;} });Object.defineProperty(exports, "getStatusLabel", { enumerable: true, get: function get() {return _statuses.getStatusLabel;} });Object.defineProperty(exports, "memoize", { enumerable: true, get: function get() {return _utils.memoize;} });Object.defineProperty(exports, "statuses", { enumerable: true, get: function get() {return _statuses["default"];} });
 var _CCPicker = _interopRequireDefault(require("./pickers/CCPicker"));
 var _ChannelMappingPicker = _interopRequireDefault(require("./pickers/ChannelMappingPicker"));
 var _ChannelPicker = _interopRequireDefault(require("./pickers/ChannelPicker"));
@@ -7,6 +7,7 @@ var _KnobPicker = _interopRequireDefault(require("./pickers/KnobPicker"));
 var _LatchPicker = _interopRequireDefault(require("./pickers/LatchPicker"));
 var _MappingPicker = _interopRequireDefault(require("./pickers/MappingPicker"));
 var _NotePicker = _interopRequireDefault(require("./pickers/NotePicker"));
+var _PianoPicker = _interopRequireDefault(require("./pickers/PianoPicker"));
 var _PolarityPicker = _interopRequireDefault(require("./pickers/PolarityPicker"));
 var _ResponseCurvePicker = _interopRequireDefault(require("./pickers/ResponseCurvePicker"));
 var _Select = _interopRequireDefault(require("./pickers/Select"));

package/dist/other/DefaultTooltip.js

@@ -0,0 +1,8 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+
+var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return createElement(_react.Fragment, null, children);};
+
+DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };var _default =
+
+DefaultTooltip;exports["default"] = _default;

package/dist/other/SoundFontProvider.js

@@ -14,7 +14,8 @@ var SoundfontProvider = function SoundfontProvider(props) {
 
 
 
-    props.audioContext,format = props.format,hostname = props.hostname,instrumentName = props.instrumentName,render = props.render,soundfont = props.soundfont;
+
+    props.audioContext,format = props.format,hostname = props.hostname,instrumentName = props.instrumentName,onChange = props.onChange,render = props.render,soundfont = props.soundfont;
 
   var _useState = (0, _react.useState)(true),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),isLoading = _useState2[0],setIsLoading = _useState2[1];
   var _useState3 = (0, _react.useState)({}),_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),activeAudioNodes = _useState4[0],setActiveAudioNodes = _useState4[1];
@@ -57,10 +58,12 @@ var SoundfontProvider = function SoundfontProvider(props) {
   }, [instrument, instrumentName]);
 
   var playNote = function playNote(midiNumber) {
-    audioContext.resume().then(function () {
-      var audioNode = instrument.play(midiNumber);
-      setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, audioNode));});
-    });
+    if (instrument) {
+      audioContext.resume().then(function () {
+        var audioNode = instrument.play(midiNumber);
+        setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, audioNode));});
+      });
+    }
   };
 
   var stopNote = function stopNote(midiNumber) {
@@ -72,6 +75,7 @@ var SoundfontProvider = function SoundfontProvider(props) {
       audioNode.stop();
       setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, null));});
     });
+    onChange === null || onChange === void 0 ? void 0 : onChange(midiNumber);
   };
 
   // Clear any residual notes that don't get called with stopNote
@@ -100,6 +104,7 @@ SoundfontProvider.propTypes = {
   format: _propTypes["default"].oneOf(['mp3', 'ogg']),
   hostname: _propTypes["default"].string,
   instrumentName: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
   render: _propTypes["default"].func.isRequired,
   soundfont: _propTypes["default"].oneOf(['MusyngKite', 'FluidR3_GM'])
 };
@@ -108,6 +113,7 @@ SoundfontProvider.defaultProps = {
   format: undefined, // mp3,
   hostname: undefined, // https://d1pzp51pvbm36p.cloudfront.net
   instrumentName: undefined, // acoustic_grand_piano
+  onChange: undefined,
   soundfont: undefined // MusyngKite,
   // soundfont: 'FluidR3_GM',
 };

package/dist/pickers/PianoPicker.js

@@ -1,7 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactPiano = require("react-piano");
-var _SoundFontProvider = _interopRequireDefault(require("../other/SoundFontProvider"));var _excluded = ["height", "width"];
+var _zdsReactPiano = require("zds-react-piano");
+var _SoundFontProvider = _interopRequireDefault(require("../other/SoundFontProvider"));
+var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));var _excluded = ["height", "width"];
 
 var firstNote = 21;
 var lastNote = 108;
@@ -17,7 +18,7 @@ var PianoPicker = function PianoPicker(_ref) {var height = _ref.height,width = _
 
   return /*#__PURE__*/(
     _react["default"].createElement("div", null, /*#__PURE__*/
-    _react["default"].createElement(_reactPiano.Piano, (0, _extends2["default"])({
+    _react["default"].createElement(_zdsReactPiano.Piano, (0, _extends2["default"])({
       keyWidthToHeight: keyWidthToHeight,
       noteRange: { first: firstNote, last: lastNote },
       width: width },
@@ -32,6 +33,7 @@ var WithProvider = function WithProvider(_ref2) {var
     height = _ref2.height,
     hostname = _ref2.hostname,
     instrumentName = _ref2.instrumentName,
+    onChange = _ref2.onChange,
     soundfont = _ref2.soundfont,
     width = _ref2.width;return /*#__PURE__*/(
 
@@ -41,6 +43,7 @@ var WithProvider = function WithProvider(_ref2) {var
       format: format,
       hostname: hostname,
       instrumentName: instrumentName,
+      onChange: onChange,
       soundfont: soundfont,
 
       render: function render(_ref3) {var isLoading = _ref3.isLoading,playNote = _ref3.playNote,stopNote = _ref3.stopNote;return /*#__PURE__*/(
@@ -57,12 +60,19 @@ var WithProvider = function WithProvider(_ref2) {var
 
 
 
+PianoPicker.propTypes = {
+  height: _propTypes["default"].number.isRequired,
+  width: _propTypes["default"].number.isRequired
+};
+
 WithProvider.propTypes = {
   format: _propTypes["default"].oneOf(['mp3', 'ogg']),
   height: _propTypes["default"].number.isRequired,
   hostname: _propTypes["default"].string,
   instrumentName: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
   soundfont: _propTypes["default"].oneOf(['MusyngKite', 'FluidR3_GM']),
+  Tooltip: _propTypes["default"].elementType,
   width: _propTypes["default"].number.isRequired
 };
 
@@ -70,12 +80,9 @@ WithProvider.defaultProps = {
   format: undefined, // 'mp3',
   hostname: undefined,
   instrumentName: undefined,
-  soundfont: undefined // 'MusyngKite',
-};
-
-PianoPicker.propTypes = {
-  height: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number.isRequired
+  onChange: undefined,
+  soundfont: undefined, // 'MusyngKite',
+  Tooltip: _DefaultTooltip["default"]
 };var _default =
 
 WithProvider;exports["default"] = _default;

package/dist/pickers/ResponseCurve.js

@@ -1,11 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.RESPONSE_CURVES = exports.DefaultTooltip = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.RESPONSE_CURVES = void 0;var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useComponentSize2 = _interopRequireDefault(require("../hooks/useComponentSize"));
-var _SVGText = _interopRequireDefault(require("../other/SVGText"));function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-
-var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return /*#__PURE__*/(0, _react.createElement)(_react.Fragment, null, children);};exports.DefaultTooltip = DefaultTooltip;
-
-DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };
+var _SVGText = _interopRequireDefault(require("../other/SVGText"));
+var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 var RESPONSE_CURVE_0 = 0;
 var RESPONSE_CURVE_1 = 1;
@@ -77,7 +74,7 @@ var ResponseCurve = function ResponseCurve(props) {
 
   var svgProps = { ref: svgRef };
 
-  var responseCurves = RESPONSE_CURVES.map(function (_ref2) {var value = _ref2.value,label = _ref2.label;
+  var responseCurves = RESPONSE_CURVES.map(function (_ref) {var value = _ref.value,label = _ref.label;
     var c1;
     var c2;
     var x1 = axisX1;
@@ -213,7 +210,7 @@ var ResponseCurve = function ResponseCurve(props) {
       y2: axisY2 }),
 
 
-    responseCurves.map(function (_ref3) {var value = _ref3.value,label = _ref3.label,x1 = _ref3.x1,y1 = _ref3.y1,x2 = _ref3.x2,y2 = _ref3.y2,c1 = _ref3.c1,c2 = _ref3.c2,labelX = _ref3.labelX,labelY = _ref3.labelY;return /*#__PURE__*/(
+    responseCurves.map(function (_ref2) {var value = _ref2.value,label = _ref2.label,x1 = _ref2.x1,y1 = _ref2.y1,x2 = _ref2.x2,y2 = _ref2.y2,c1 = _ref2.c1,c2 = _ref2.c2,labelX = _ref2.labelX,labelY = _ref2.labelY;return /*#__PURE__*/(
         _react["default"].createElement("g", { key: value }, /*#__PURE__*/
         _react["default"].createElement("path", {
           className: value === responseCurve ? 'curve-selected' : 'curve',
@@ -260,7 +257,7 @@ ResponseCurve.defaultProps = {
   autosize: false,
   disabled: false,
   inverted: false,
-  Tooltip: DefaultTooltip
+  Tooltip: _DefaultTooltip["default"]
 };var _default =
 
 ResponseCurve;exports["default"] = _default;

package/dist/pickers/ResponseCurvePicker.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));
 var _utils = require("../utils");
 var _ResponseCurve = _interopRequireWildcard(require("./ResponseCurve"));
 var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["Tooltip", "inverted", "onChange", "value"];function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
@@ -51,7 +52,7 @@ ResponseCurvePicker.propTypes = {
 
 ResponseCurvePicker.defaultProps = {
   inverted: false,
-  Tooltip: _ResponseCurve.DefaultTooltip
+  Tooltip: _DefaultTooltip["default"]
 };var _default =
 
 ResponseCurvePicker;exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "3.9.7",
+  "version": "3.9.9",
   "homepage": "https://github.com/dkadrios/zds-pickers#readme",
   "license": "MIT",
   "main": "dist/index.js",
@@ -69,11 +69,11 @@
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-piano": "3.1.3",
     "react-select": "5.7.0",
     "reduce-css-calc": "2.1.8",
     "soundfont-player": "0.12.0",
-    "zds-mappings": "1.4.9"
+    "zds-mappings": "1.4.9",
+    "zds-react-piano": "4.0.0"
   },
   "dependencies": {},
   "peerDependencies": {
@@ -81,10 +81,10 @@
     "nebiru-react-rotary-knob": "1.1.8",
     "prop-types": "^15.8.1",
     "react": ">=18.2.0",
-    "react-piano": ">=3.1.3",
     "react-select": ">=5.5.4",
     "reduce-css-calc": ">=2.1.8",
     "soundfont-player": ">=0.12.0",
-    "zds-mappings": "^1.4.9"
+    "zds-mappings": "^1.4.9",
+    "zds-react-piano": ">=4"
   }
 }