zds-pickers 3.9.8 → 3.9.9

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 (6) hide show
  1. package/dist/other/DefaultTooltip.js +8 -0
  2. package/dist/other/SoundFontProvider.js +6 -4
  3. package/dist/pickers/PianoPicker.js +12 -9
  4. package/dist/pickers/ResponseCurve.js +6 -9
  5. package/dist/pickers/ResponseCurvePicker.js +2 -1
  6. package/package.json +5 -5
package/dist/other/DefaultTooltip.js ADDED
@@ -0,0 +1,8 @@
1
+ "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"));
2
+ var _react = require("react");
3
+
4
+ var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return createElement(_react.Fragment, null, children);};
5
+
6
+ DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };var _default =
7
+
8
+ DefaultTooltip;exports["default"] = _default;
package/dist/other/SoundFontProvider.js CHANGED
@@ -58,10 +58,12 @@ var SoundfontProvider = function SoundfontProvider(props) {
58
58
  }, [instrument, instrumentName]);
59
59
 
60
60
  var playNote = function playNote(midiNumber) {
61
- audioContext.resume().then(function () {
62
- var audioNode = instrument.play(midiNumber);
63
- setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, audioNode));});
64
- });
61
+ if (instrument) {
62
+ audioContext.resume().then(function () {
63
+ var audioNode = instrument.play(midiNumber);
64
+ setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, audioNode));});
65
+ });
66
+ }
65
67
  };
66
68
 
67
69
  var stopNote = function stopNote(midiNumber) {
package/dist/pickers/PianoPicker.js CHANGED
@@ -1,7 +1,8 @@
1
1
  "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"));
2
2
  var _propTypes = _interopRequireDefault(require("prop-types"));
3
- var _reactPiano = require("react-piano");
4
- var _SoundFontProvider = _interopRequireDefault(require("../other/SoundFontProvider"));var _excluded = ["height", "width"];
3
+ var _zdsReactPiano = require("zds-react-piano");
4
+ var _SoundFontProvider = _interopRequireDefault(require("../other/SoundFontProvider"));
5
+ var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));var _excluded = ["height", "width"];
5
6
 
6
7
  var firstNote = 21;
7
8
  var lastNote = 108;
@@ -17,7 +18,7 @@ var PianoPicker = function PianoPicker(_ref) {var height = _ref.height,width = _
17
18
 
18
19
  return /*#__PURE__*/(
19
20
  _react["default"].createElement("div", null, /*#__PURE__*/
20
- _react["default"].createElement(_reactPiano.Piano, (0, _extends2["default"])({
21
+ _react["default"].createElement(_zdsReactPiano.Piano, (0, _extends2["default"])({
21
22
  keyWidthToHeight: keyWidthToHeight,
22
23
  noteRange: { first: firstNote, last: lastNote },
23
24
  width: width },
@@ -59,6 +60,11 @@ var WithProvider = function WithProvider(_ref2) {var
59
60
 
60
61
 
61
62
 
63
+ PianoPicker.propTypes = {
64
+ height: _propTypes["default"].number.isRequired,
65
+ width: _propTypes["default"].number.isRequired
66
+ };
67
+
62
68
  WithProvider.propTypes = {
63
69
  format: _propTypes["default"].oneOf(['mp3', 'ogg']),
64
70
  height: _propTypes["default"].number.isRequired,
@@ -66,6 +72,7 @@ WithProvider.propTypes = {
66
72
  instrumentName: _propTypes["default"].string,
67
73
  onChange: _propTypes["default"].func,
68
74
  soundfont: _propTypes["default"].oneOf(['MusyngKite', 'FluidR3_GM']),
75
+ Tooltip: _propTypes["default"].elementType,
69
76
  width: _propTypes["default"].number.isRequired
70
77
  };
71
78
 
@@ -74,12 +81,8 @@ WithProvider.defaultProps = {
74
81
  hostname: undefined,
75
82
  instrumentName: undefined,
76
83
  onChange: undefined,
77
- soundfont: undefined // 'MusyngKite',
78
- };
79
-
80
- PianoPicker.propTypes = {
81
- height: _propTypes["default"].number.isRequired,
82
- width: _propTypes["default"].number.isRequired
84
+ soundfont: undefined, // 'MusyngKite',
85
+ Tooltip: _DefaultTooltip["default"]
83
86
  };var _default =
84
87
 
85
88
  WithProvider;exports["default"] = _default;
package/dist/pickers/ResponseCurve.js CHANGED
@@ -1,11 +1,8 @@
1
- "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"));
1
+ "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"));
2
2
  var _propTypes = _interopRequireDefault(require("prop-types"));
3
3
  var _useComponentSize2 = _interopRequireDefault(require("../hooks/useComponentSize"));
4
- 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;}
5
-
6
- var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return /*#__PURE__*/(0, _react.createElement)(_react.Fragment, null, children);};exports.DefaultTooltip = DefaultTooltip;
7
-
8
- DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };
4
+ var _SVGText = _interopRequireDefault(require("../other/SVGText"));
5
+ 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;}
9
6
 
10
7
  var RESPONSE_CURVE_0 = 0;
11
8
  var RESPONSE_CURVE_1 = 1;
@@ -77,7 +74,7 @@ var ResponseCurve = function ResponseCurve(props) {
77
74
 
78
75
  var svgProps = { ref: svgRef };
79
76
 
80
- var responseCurves = RESPONSE_CURVES.map(function (_ref2) {var value = _ref2.value,label = _ref2.label;
77
+ var responseCurves = RESPONSE_CURVES.map(function (_ref) {var value = _ref.value,label = _ref.label;
81
78
  var c1;
82
79
  var c2;
83
80
  var x1 = axisX1;
@@ -213,7 +210,7 @@ var ResponseCurve = function ResponseCurve(props) {
213
210
  y2: axisY2 }),
214
211
 
215
212
 
216
- 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__*/(
213
+ 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__*/(
217
214
  _react["default"].createElement("g", { key: value }, /*#__PURE__*/
218
215
  _react["default"].createElement("path", {
219
216
  className: value === responseCurve ? 'curve-selected' : 'curve',
@@ -260,7 +257,7 @@ ResponseCurve.defaultProps = {
260
257
  autosize: false,
261
258
  disabled: false,
262
259
  inverted: false,
263
- Tooltip: DefaultTooltip
260
+ Tooltip: _DefaultTooltip["default"]
264
261
  };var _default =
265
262
 
266
263
  ResponseCurve;exports["default"] = _default;
package/dist/pickers/ResponseCurvePicker.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "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"));
2
2
  var _react = _interopRequireWildcard(require("react"));
3
+ var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));
3
4
  var _utils = require("../utils");
4
5
  var _ResponseCurve = _interopRequireWildcard(require("./ResponseCurve"));
5
6
  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 = {
51
52
 
52
53
  ResponseCurvePicker.defaultProps = {
53
54
  inverted: false,
54
- Tooltip: _ResponseCurve.DefaultTooltip
55
+ Tooltip: _DefaultTooltip["default"]
55
56
  };var _default =
56
57
 
57
58
  ResponseCurvePicker;exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zds-pickers",
3
- "version": "3.9.8",
3
+ "version": "3.9.9",
4
4
  "homepage": "https://github.com/dkadrios/zds-pickers#readme",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -69,11 +69,11 @@
69
69
  "prop-types": "15.8.1",
70
70
  "react": "18.2.0",
71
71
  "react-dom": "18.2.0",
72
- "react-piano": "3.1.3",
73
72
  "react-select": "5.7.0",
74
73
  "reduce-css-calc": "2.1.8",
75
74
  "soundfont-player": "0.12.0",
76
- "zds-mappings": "1.4.9"
75
+ "zds-mappings": "1.4.9",
76
+ "zds-react-piano": "4.0.0"
77
77
  },
78
78
  "dependencies": {},
79
79
  "peerDependencies": {
@@ -81,10 +81,10 @@
81
81
  "nebiru-react-rotary-knob": "1.1.8",
82
82
  "prop-types": "^15.8.1",
83
83
  "react": ">=18.2.0",
84
- "react-piano": ">=3.1.3",
85
84
  "react-select": ">=5.5.4",
86
85
  "reduce-css-calc": ">=2.1.8",
87
86
  "soundfont-player": ">=0.12.0",
88
- "zds-mappings": "^1.4.9"
87
+ "zds-mappings": "^1.4.9",
88
+ "zds-react-piano": ">=4"
89
89
  }
90
90
  }