zds-pickers 3.9.18 → 3.10.0

package/dist/other/SoundFontProvider.js

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _soundfontPlayer = _interopRequireDefault(require("soundfont-player"));
-var _utils = require("./utils");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);enumerableOnly && (symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;})), keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;}
+import _defineProperty from "@babel/runtime/helpers/defineProperty";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";function ownKeys(e, r) {var t = Object.keys(e);if (Object.getOwnPropertySymbols) {var o = Object.getOwnPropertySymbols(e);r && (o = o.filter(function (r) {return Object.getOwnPropertyDescriptor(e, r).enumerable;})), t.push.apply(t, o);}return t;}function _objectSpread(e) {for (var r = 1; r < arguments.length; r++) {var t = null != arguments[r] ? arguments[r] : {};r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {_defineProperty(e, r, t[r]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));});}return e;} // See https://github.com/danigb/soundfont-player
+// for more documentation on prop options.
+import { useCallback, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import Soundfont from 'soundfont-player';
+import { isDefined } from './utils';
 // import '../temp/acoustic_grand_piano-mp3'
 
 var SoundfontProvider = function SoundfontProvider(props) {
@@ -17,26 +17,26 @@ var SoundfontProvider = function SoundfontProvider(props) {
 
     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];
-  var _useState5 = (0, _react.useState)(null),_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),instrument = _useState6[0],setInstrument = _useState6[1];
+  var _useState = useState(true),_useState2 = _slicedToArray(_useState, 2),isLoading = _useState2[0],setIsLoading = _useState2[1];
+  var _useState3 = useState({}),_useState4 = _slicedToArray(_useState3, 2),activeAudioNodes = _useState4[0],setActiveAudioNodes = _useState4[1];
+  var _useState5 = useState(null),_useState6 = _slicedToArray(_useState5, 2),instrument = _useState6[0],setInstrument = _useState6[1];
 
-  var loadInstrument = (0, _react.useCallback)(function (nm) {
+  var loadInstrument = useCallback(function (nm) {
     // Re-trigger loading state
     setInstrument(null);
 
-    if ((0, _utils.isDefined)(hostname)) {
+    if (isDefined(hostname)) {
       // pull from an url
-      _soundfontPlayer["default"].instrument(audioContext, nm, {
+      Soundfont.instrument(audioContext, nm, {
         format: format,
         soundfont: soundfont,
         nameToUrl: function nameToUrl(name, sf, fmt) {return "".concat(hostname, "/").concat(sf, "/").concat(name, "-").concat(fmt, ".js");}
       }).then(function (newInstrument) {
         setInstrument(newInstrument);
       });
-    } else if ((0, _utils.isDefined)(instrumentName)) {
+    } else if (isDefined(instrumentName)) {
       // the host app has already injected the soundfont into global space
-      _soundfontPlayer["default"].
+      Soundfont.
       instrument(audioContext, instrumentName).
       then(function (newInstrument) {
         setInstrument(newInstrument);
@@ -47,12 +47,12 @@ var SoundfontProvider = function SoundfontProvider(props) {
     }
   }, [audioContext, format, hostname, instrumentName, soundfont]);
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     loadInstrument(instrumentName);
   }, [instrumentName, loadInstrument]);
 
-  (0, _react.useEffect)(function () {
-    if ((0, _utils.isDefined)(instrumentName)) {
+  useEffect(function () {
+    if (isDefined(instrumentName)) {
       setIsLoading(!instrument);
     }
   }, [instrument, instrumentName]);
@@ -61,7 +61,7 @@ var SoundfontProvider = function SoundfontProvider(props) {
     if (instrument) {
       audioContext.resume().then(function () {
         var audioNode = instrument.play(midiNumber);
-        setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, audioNode));});
+        setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, midiNumber, audioNode));});
       });
     }
   };
@@ -73,9 +73,9 @@ var SoundfontProvider = function SoundfontProvider(props) {
       }
       var audioNode = activeAudioNodes[midiNumber];
       audioNode.stop();
-      setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, midiNumber, null));});
+      setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, midiNumber, null));});
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange(midiNumber);
+    onChange === null || onChange === void 0 || onChange(midiNumber);
   };
 
   // Clear any residual notes that don't get called with stopNote
@@ -100,13 +100,13 @@ var SoundfontProvider = function SoundfontProvider(props) {
 };
 
 SoundfontProvider.propTypes = {
-  audioContext: _propTypes["default"].instanceOf(window.AudioContext),
-  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'])
+  audioContext: PropTypes.instanceOf(window.AudioContext),
+  format: PropTypes.oneOf(['mp3', 'ogg']),
+  hostname: PropTypes.string,
+  instrumentName: PropTypes.string,
+  onChange: PropTypes.func,
+  render: PropTypes.func.isRequired,
+  soundfont: PropTypes.oneOf(['MusyngKite', 'FluidR3_GM'])
 };
 
 SoundfontProvider.defaultProps = {
@@ -120,5 +120,5 @@ SoundfontProvider.defaultProps = {
 
 // https://gleitz.github.io/midi-js-soundfonts/MusyngKite/acoustic_grand_piano-mp3.js
 // https://gleitz.github.io/midi-js-soundfonts/FluidR3_GM/.js
-var _default =
-SoundfontProvider;exports["default"] = _default;
+
+export default SoundfontProvider;

package/dist/other/utils.js

@@ -1,5 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports.isDefined = exports.calculateWordsByLines = exports.calculateWordWidths = exports.MEASUREMENT_ELEMENT_ID = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);enumerableOnly && (symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;})), keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;} /* eslint-disable no-param-reassign */
-var MEASUREMENT_ELEMENT_ID = '__react_svg_text_measurement_id';exports.MEASUREMENT_ELEMENT_ID = MEASUREMENT_ELEMENT_ID;
+import _defineProperty from "@babel/runtime/helpers/defineProperty";import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";function ownKeys(e, r) {var t = Object.keys(e);if (Object.getOwnPropertySymbols) {var o = Object.getOwnPropertySymbols(e);r && (o = o.filter(function (r) {return Object.getOwnPropertyDescriptor(e, r).enumerable;})), t.push.apply(t, o);}return t;}function _objectSpread(e) {for (var r = 1; r < arguments.length; r++) {var t = null != arguments[r] ? arguments[r] : {};r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {_defineProperty(e, r, t[r]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));});}return e;} /* eslint-disable no-param-reassign */
+var MEASUREMENT_ELEMENT_ID = '__react_svg_text_measurement_id';
 
 var calculateWordsByLines = function calculateWordsByLines(words, wordWidths, maxWidth, maxHeight) {
   var lineHeight = wordWidths.lineHeight,spaceWidth = wordWidths.spaceWidth,wordsWithComputedWidth = wordWidths.wordsWithComputedWidth;
@@ -24,19 +24,19 @@ var calculateWordsByLines = function calculateWordsByLines(words, wordWidths, ma
     }
     return result;
   }, []);
-};exports.calculateWordsByLines = calculateWordsByLines;
+};
 
 var calculateWordWidths = function calculateWordWidths(style, textNode, words) {
   if (style && textNode) {
     Array.from(style).forEach(function (key) {return textNode.style.setProperty(
-      key,
-      style.getPropertyValue(key),
-      style.getPropertyPriority(key));});
-
-    var wordArray = (0, _toConsumableArray2["default"])(new Set(words.toString().split(/\s+/)));
+        key,
+        style.getPropertyValue(key),
+        style.getPropertyPriority(key)
+      );});
+    var wordArray = _toConsumableArray(new Set(words.toString().split(/\s+/)));
     var wordsWithComputedWidth = wordArray.reduce(function (wordMap, word) {
       textNode.textContent = word;
-      return _objectSpread(_objectSpread({}, wordMap), {}, (0, _defineProperty2["default"])({}, word, textNode.getBBox().width));
+      return _objectSpread(_objectSpread({}, wordMap), {}, _defineProperty({}, word, textNode.getBBox().width));
     }, {});
     textNode.textContent = "\xA0";
     var spaceWidth = textNode.getComputedTextLength();
@@ -45,8 +45,8 @@ var calculateWordWidths = function calculateWordWidths(style, textNode, words) {
     return { wordsWithComputedWidth: wordsWithComputedWidth, spaceWidth: spaceWidth, lineHeight: lineHeight };
   }
   return null;
-};exports.calculateWordWidths = calculateWordWidths;
-
+};
 
+export { calculateWordWidths, calculateWordsByLines, MEASUREMENT_ELEMENT_ID };
 
-var isDefined = function isDefined(item) {return item !== undefined && item !== null && item !== Math.NaN;};exports.isDefined = isDefined;
+export var isDefined = function isDefined(item) {return item !== undefined && item !== null && item !== Math.NaN;};

package/dist/pickers/CCPicker.js

@@ -1,19 +1,19 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _ccValues = _interopRequireDefault(require("../midi/ccValues"));
-var _Select = _interopRequireDefault(require("./Select"));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;}
+import _extends from "@babel/runtime/helpers/extends";import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import ccValues from '../midi/ccValues';
+import Select from './Select';
 
-var CCPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({
-      options: _ccValues["default"] },
+var CCPicker = /*#__PURE__*/forwardRef(function (props, ref) {return /*#__PURE__*/(
+    React.createElement(Select, _extends({
+      options: ccValues },
     props, {
-      ref: ref })));});
-
-
+      ref: ref })
+    ));}
+);
 
 CCPicker.propTypes = {
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired
-};var _default =
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number.isRequired
+};
 
-CCPicker;exports["default"] = _default;
+export default CCPicker;

package/dist/pickers/ChannelMappingPicker.js

@@ -1,52 +1,52 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["channels", "className"];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 options = (0, _utils.arraySequence)(16).map(function (value) {return { value: value, label: value };});
-
-var ChannelMappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var channels = _ref.channels,className = _ref.className,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var formatOptionLabel = (0, _react.useCallback)(
-  function (_ref2, _ref3) {var value = _ref2.value;var context = _ref3.context;
-    var mapping = channels[value];
-
-    return mapping ? /*#__PURE__*/
-    _react["default"].createElement("span", { className: "mapping-entry" }, /*#__PURE__*/
-    _react["default"].createElement("b", null,
-    value + 1,
-    context === 'value' && ' -'), /*#__PURE__*/
-
-    _react["default"].createElement("span", { className: "mapping-entry-label" }, mapping)) : /*#__PURE__*/
-
-
-    _react["default"].createElement("span", { className: "mapping-entry empty-mapping-entry" }, /*#__PURE__*/
-    _react["default"].createElement("b", null,
-    value + 1,
-    context === 'value' && ' -'), /*#__PURE__*/
-
-    _react["default"].createElement("span", { className: "mapping-entry-label" }, "no mapping"));
-
-
-  },
-  [channels]);
-
+import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["channels", "className"];import React, { forwardRef, useCallback } from 'react';
+import cl from 'classnames';
+import PropTypes from 'prop-types';
+import { arraySequence } from '../utils';
+import Select from './Select';
+
+var options = arraySequence(16).map(function (value) {return { value: value, label: value };});
+
+var ChannelMappingPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {var channels = _ref.channels,className = _ref.className,rest = _objectWithoutProperties(_ref, _excluded);
+  var formatOptionLabel = useCallback(
+    function (_ref2, _ref3) {var value = _ref2.value;var context = _ref3.context;
+      var mapping = channels[value];
+
+      return mapping ? /*#__PURE__*/
+      React.createElement("span", { className: "mapping-entry" }, /*#__PURE__*/
+      React.createElement("b", null,
+      value + 1,
+      context === 'value' && ' -'
+      ), /*#__PURE__*/
+      React.createElement("span", { className: "mapping-entry-label" }, mapping)
+      ) : /*#__PURE__*/
+
+      React.createElement("span", { className: "mapping-entry empty-mapping-entry" }, /*#__PURE__*/
+      React.createElement("b", null,
+      value + 1,
+      context === 'value' && ' -'
+      ), /*#__PURE__*/
+      React.createElement("span", { className: "mapping-entry-label" }, "no mapping")
+      );
+
+    },
+    [channels]
+  );
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
-      className: (0, _classnames["default"])(className, 'channel-mapping-picker'),
+      className: cl(className, 'channel-mapping-picker'),
       formatOptionLabel: formatOptionLabel,
       options: options,
-      ref: ref })));
-
+      ref: ref })
+    ));
 
 });
 
 ChannelMappingPicker.propTypes = {
-  channels: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired
-};var _default =
+  channels: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number.isRequired
+};
 
-ChannelMappingPicker;exports["default"] = _default;
+export default ChannelMappingPicker;

package/dist/pickers/ChannelPicker.js

@@ -1,40 +1,40 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["className"];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;}
+import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["className"];import React, { forwardRef, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import cl from 'classnames';
+import { arraySequence } from '../utils';
+import Select from './Select';
 
-var options = (0, _utils.arraySequence)(16).map(function (value) {return {
+var options = arraySequence(16).map(function (value) {return {
     value: value,
     label: "Channel ".concat(value + 1)
   };});
 
-var ChannelPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var className = _ref.className,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var formatOptionLabel = (0, _react.useCallback)(
-  function (option, _ref2) {var context = _ref2.context;return context === 'value' ?
-    option.label :
-    option.value + 1;},
-  []);
-
+var ChannelPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {var className = _ref.className,rest = _objectWithoutProperties(_ref, _excluded);
+  var formatOptionLabel = useCallback(
+    function (option, _ref2) {var context = _ref2.context;return context === 'value' ?
+      option.label :
+      option.value + 1;},
+    []
+  );
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
-      className: (0, _classnames["default"])(className, 'channel-picker'),
+      className: cl(className, 'channel-picker'),
       formatOptionLabel: formatOptionLabel,
       options: options,
-      ref: ref })));
-
+      ref: ref })
+    ));
 
 });
 
 ChannelPicker.propTypes = {
-  className: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired
+  className: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number.isRequired
 };
 
 ChannelPicker.defaultProps = {
   className: undefined
-};var _default =
+};
 
-ChannelPicker;exports["default"] = _default;
+export default ChannelPicker;

package/dist/pickers/Knob.js

@@ -1,9 +1,9 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _nebiruReactRotaryKnob = require("nebiru-react-rotary-knob");
-var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
-var _utils = require("../utils");
-var _knobSkin = _interopRequireDefault(require("./knobSkin10"));var _excluded = ["disabled", "max", "min", "onChange", "value", "wheelEnabled", "wheelSensitivity"];function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);enumerableOnly && (symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;})), keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;}
+import _extends from "@babel/runtime/helpers/extends";import _defineProperty from "@babel/runtime/helpers/defineProperty";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["disabled", "max", "min", "onChange", "value", "wheelEnabled", "wheelSensitivity"];function ownKeys(e, r) {var t = Object.keys(e);if (Object.getOwnPropertySymbols) {var o = Object.getOwnPropertySymbols(e);r && (o = o.filter(function (r) {return Object.getOwnPropertyDescriptor(e, r).enumerable;})), t.push.apply(t, o);}return t;}function _objectSpread(e) {for (var r = 1; r < arguments.length; r++) {var t = null != arguments[r] ? arguments[r] : {};r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {_defineProperty(e, r, t[r]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));});}return e;}import React from 'react';
+import PropTypes from 'prop-types';
+import { Knob as RotaryKnob } from 'nebiru-react-rotary-knob';
+import useStateWithDynamicDefault from '../hooks/useStateWithDynamicDefault';
+import { assertRange } from '../utils';
+import knobSkin10 from './knobSkin10';
 
 var Knob = function Knob(props) {
   var
@@ -15,14 +15,14 @@ var Knob = function Knob(props) {
 
 
 
-    props.disabled,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    props.disabled,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = _objectWithoutProperties(props, _excluded);
 
-  var _useStateWithDynamicD = (0, _useStateWithDynamicDefault["default"])(initialValue),_useStateWithDynamicD2 = (0, _slicedToArray2["default"])(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
+  var _useStateWithDynamicD = useStateWithDynamicDefault(initialValue),_useStateWithDynamicD2 = _slicedToArray(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
 
   var handleChange = function handleChange(val) {
     if (disabled) return;
 
-    var newValue = (0, _utils.assertRange)(parseInt(val, 10), max, min);
+    var newValue = assertRange(parseInt(val, 10), max, min);
     setValue(newValue);
     if (onChange) {
       onChange(newValue);
@@ -40,7 +40,7 @@ var Knob = function Knob(props) {
   };
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_nebiruReactRotaryKnob.Knob, (0, _extends2["default"])({
+    React.createElement(RotaryKnob, _extends({
       clampMax: 320,
       clampMin: 40,
       className: "zds-pickers__knob-container",
@@ -56,22 +56,22 @@ var Knob = function Knob(props) {
        * NOTE: we've copied the one we use into this package because the skins
        * pack package does not work in Electron.
        */,
-      skin: _knobSkin["default"],
+      skin: knobSkin10,
       style: { opacity: disabled ? 0.4 : 1 },
       unlockDistance: 0 }, _objectSpread({
-      max: max, min: min, value: value }, rest))));
-
+      max: max, min: min, value: value }, rest))
+    ));
 
 };
 
 Knob.propTypes = {
-  disabled: _propTypes["default"].bool,
-  max: _propTypes["default"].number,
-  min: _propTypes["default"].number,
-  wheelEnabled: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  value: _propTypes["default"].number,
-  wheelSensitivity: _propTypes["default"].number
+  disabled: PropTypes.bool,
+  max: PropTypes.number,
+  min: PropTypes.number,
+  wheelEnabled: PropTypes.bool,
+  onChange: PropTypes.func,
+  value: PropTypes.number,
+  wheelSensitivity: PropTypes.number
 };
 Knob.defaultProps = {
   disabled: false,
@@ -81,6 +81,6 @@ Knob.defaultProps = {
   value: 0,
   wheelEnabled: false,
   wheelSensitivity: 0.1
-};var _default =
+};
 
-Knob;exports["default"] = _default;
+export default Knob;

package/dist/pickers/KnobPicker.js

@@ -1,10 +1,10 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
-var _Select = _interopRequireDefault(require("./Select"));
-var _Knob = _interopRequireDefault(require("./Knob"));var _excluded = ["disabled", "highToLow", "includeLabel", "includePicker", "knobProps", "label", "max", "min", "onChange", "shrinkLabel", "value", "wheelEnabled", "wheelSensitivity"];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;}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);enumerableOnly && (symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;})), keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;}
+import _defineProperty from "@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["disabled", "highToLow", "includeLabel", "includePicker", "knobProps", "label", "max", "min", "onChange", "shrinkLabel", "value", "wheelEnabled", "wheelSensitivity"];function ownKeys(e, r) {var t = Object.keys(e);if (Object.getOwnPropertySymbols) {var o = Object.getOwnPropertySymbols(e);r && (o = o.filter(function (r) {return Object.getOwnPropertyDescriptor(e, r).enumerable;})), t.push.apply(t, o);}return t;}function _objectSpread(e) {for (var r = 1; r < arguments.length; r++) {var t = null != arguments[r] ? arguments[r] : {};r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {_defineProperty(e, r, t[r]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));});}return e;}import React, { forwardRef, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { arraySequence } from '../utils';
+import Select from './Select';
+import Knob from './Knob';
 
-var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var KnobPicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var
     disabled =
 
@@ -20,24 +20,24 @@ var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
 
-    props.disabled,highToLow = props.highToLow,includeLabel = props.includeLabel,includePicker = props.includePicker,knobProps = props.knobProps,label = props.label,max = props.max,min = props.min,onChange = props.onChange,shrinkLabel = props.shrinkLabel,value = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-  var options = (0, _react.useMemo)(
-  function () {
-    var result = (0, _utils.arraySequence)(max - min + 1).
-    map(function (i) {return min + i;}).
-    map(function (i) {return { value: i, label: i };});
-    return highToLow ? result.reverse() : result;
-  },
-  [highToLow, max, min]);
+    props.disabled,highToLow = props.highToLow,includeLabel = props.includeLabel,includePicker = props.includePicker,knobProps = props.knobProps,label = props.label,max = props.max,min = props.min,onChange = props.onChange,shrinkLabel = props.shrinkLabel,value = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = _objectWithoutProperties(props, _excluded);
 
+  var options = useMemo(
+    function () {
+      var result = arraySequence(max - min + 1).
+      map(function (i) {return min + i;}).
+      map(function (i) {return { value: i, label: i };});
+      return highToLow ? result.reverse() : result;
+    },
+    [highToLow, max, min]
+  );
 
   return /*#__PURE__*/(
-    _react["default"].createElement("div", { className: "zds-pickers__container" },
-    Boolean(!shrinkLabel && Boolean(label)) && /*#__PURE__*/_react["default"].createElement("span", { className: "zds-pickers__label" }, label), /*#__PURE__*/
-    _react["default"].createElement("div", { style: { display: 'inline-flex', gap: 10, alignItems: 'center' } },
+    React.createElement("div", { className: "zds-pickers__container" },
+    Boolean(!shrinkLabel && Boolean(label)) && /*#__PURE__*/React.createElement("span", { className: "zds-pickers__label" }, label), /*#__PURE__*/
+    React.createElement("div", { style: { display: 'inline-flex', gap: 10, alignItems: 'center' } },
     Boolean(includePicker) && /*#__PURE__*/
-    _react["default"].createElement(_Select["default"], _objectSpread(_objectSpread({},
+    React.createElement(Select, _objectSpread(_objectSpread({},
 
     rest), {}, {
       disabled: disabled,
@@ -45,12 +45,12 @@ var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onChange: onChange,
       options: options,
       ref: ref,
-      value: value })), /*#__PURE__*/
-
+      value: value })
 
+    ), /*#__PURE__*/
 
 
-    _react["default"].createElement(_Knob["default"], _objectSpread({
+    React.createElement(Knob, _objectSpread({
 
       disabled: disabled,
       max: max,
@@ -59,28 +59,28 @@ var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       value: value,
       wheelEnabled: wheelEnabled,
       wheelSensitivity: wheelSensitivity },
-    knobProps)))));
-
-
-
+    knobProps)
 
+    )
+    )
+    ));
 
 });
 
 KnobPicker.propTypes = {
-  disabled: _propTypes["default"].bool,
-  highToLow: _propTypes["default"].bool,
-  includeLabel: _propTypes["default"].bool,
-  includePicker: _propTypes["default"].bool,
-  knobProps: _propTypes["default"].object,
-  label: _propTypes["default"].string,
-  max: _propTypes["default"].number,
-  min: _propTypes["default"].number,
-  onChange: _propTypes["default"].func.isRequired,
-  shrinkLabel: _propTypes["default"].bool,
-  value: _propTypes["default"].number,
-  wheelEnabled: _propTypes["default"].bool,
-  wheelSensitivity: _propTypes["default"].number
+  disabled: PropTypes.bool,
+  highToLow: PropTypes.bool,
+  includeLabel: PropTypes.bool,
+  includePicker: PropTypes.bool,
+  knobProps: PropTypes.object,
+  label: PropTypes.string,
+  max: PropTypes.number,
+  min: PropTypes.number,
+  onChange: PropTypes.func.isRequired,
+  shrinkLabel: PropTypes.bool,
+  value: PropTypes.number,
+  wheelEnabled: PropTypes.bool,
+  wheelSensitivity: PropTypes.number
 };
 
 KnobPicker.defaultProps = {
@@ -96,6 +96,6 @@ KnobPicker.defaultProps = {
   value: 0,
   wheelEnabled: false,
   wheelSensitivity: 0.1
-};var _default =
+};
 
-KnobPicker;exports["default"] = _default;
+export default KnobPicker;