zds-pickers 3.6.8

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Darin Kadrioski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# zds-pickers
+
+Picker controls that are common to ZendrumStudio apps

package/dist/hooks/useStateWithDynamicDefault.js

@@ -0,0 +1,11 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react = require("react");var _default =
+
+function _default(defaultVal) {
+  var _useState = (0, _react.useState)(defaultVal),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),state = _useState2[0],setState = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setState(defaultVal);
+  }, [defaultVal]);
+
+  return [state, setState];
+};exports["default"] = _default;

package/dist/index.js

@@ -0,0 +1,40 @@
+"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, "ChannelPicker", { enumerable: true, get: function get() {return _ChannelPicker["default"];} });Object.defineProperty(exports, "ChannelMappingPicker", { enumerable: true, get: function get() {return _ChannelMappingPicker["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, "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, "ResponseCurvePicker", { enumerable: true, get: function get() {return _ResponseCurvePicker["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, "statuses", { enumerable: true, get: function get() {return _statuses["default"];} });Object.defineProperty(exports, "getStatusLabel", { enumerable: true, get: function get() {return _statuses.getStatusLabel;} });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, "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_AFTER_TOUCH", { enumerable: true, get: function get() {return _statuses.STATUS_AFTER_TOUCH;} });Object.defineProperty(exports, "STATUS_CONTROL_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_CONTROL_CHANGE;} });Object.defineProperty(exports, "STATUS_PROGRAM_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_PROGRAM_CHANGE;} });Object.defineProperty(exports, "STATUS_CHANNEL_PRESSURE", { enumerable: true, get: function get() {return _statuses.STATUS_CHANNEL_PRESSURE;} });Object.defineProperty(exports, "STATUS_PITCH_WHEEL", { enumerable: true, get: function get() {return _statuses.STATUS_PITCH_WHEEL;} });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, "ResponseCurve", { enumerable: true, get: function get() {return _ResponseCurve["default"];} });Object.defineProperty(exports, "RESPONSE_CURVES", { enumerable: true, get: function get() {return _ResponseCurve.RESPONSE_CURVES;} });Object.defineProperty(exports, "ccValues", { enumerable: true, get: function get() {return _ccValues["default"];} });Object.defineProperty(exports, "assertRange", { enumerable: true, get: function get() {return _utils.assertRange;} });
+var _CCPicker = _interopRequireDefault(require("./pickers/CCPicker"));
+var _ChannelPicker = _interopRequireDefault(require("./pickers/ChannelPicker"));
+var _ChannelMappingPicker = _interopRequireDefault(require("./pickers/ChannelMappingPicker"));
+var _Knob = _interopRequireDefault(require("./pickers/Knob"));
+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 _PolarityPicker = _interopRequireDefault(require("./pickers/PolarityPicker"));
+var _ResponseCurvePicker = _interopRequireDefault(require("./pickers/ResponseCurvePicker"));
+var _Select = _interopRequireDefault(require("./pickers/Select"));
+var _StatusPicker = _interopRequireDefault(require("./pickers/StatusPicker"));
+var _ValuePicker = _interopRequireDefault(require("./pickers/ValuePicker"));
+
+
+var _statuses = _interopRequireWildcard(require("./midi/statuses"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _ResponseCurve = _interopRequireWildcard(require("./pickers/ResponseCurve"));
+
+
+
+
+var _ccValues = _interopRequireDefault(require("./midi/ccValues"));
+
+var _utils = require("./utils");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;}

package/dist/midi/ccValues.js

@@ -0,0 +1,132 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var CC_NAMES = [
+'Bank Select',
+'Modulation Wheel',
+'Breath Controller',
+'',
+'Foot Control',
+'Portamento Time',
+'Data Entry Slider',
+'Volume',
+'Balance',
+'',
+'Pan',
+'Expression',
+'Effect Control 1',
+'Effect Control 2',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'Controller 0',
+'Controller 1',
+'Controller 2',
+'Controller 3',
+'Controller 4',
+'Controller 5',
+'Controller 6',
+'Controller 7',
+'Controller 8',
+'Controller 9',
+'Controller 10',
+'Controller 11',
+'Controller 12',
+'Controller 13',
+'Controller 14',
+'Controller 15',
+'Controller 16',
+'Controller 17',
+'Controller 18',
+'Controller 19',
+'Controller 20',
+'Controller 21',
+'Controller 22',
+'Controller 23',
+'Controller 24',
+'Controller 25',
+'Controller 26',
+'Controller 27',
+'Controller 28',
+'Controller 29',
+'Controller 30',
+'Controller 31',
+'Sustain',
+'Portamento',
+'Sostenuto',
+'Soft Pedal',
+'Legato Pedal',
+'Sustain 2',
+'Sound Variation',
+'Resonance/Timbre',
+'Sound Release Time',
+'Sound Attack Time',
+'Frequency Cutoff',
+'Sound Control 6',
+'Sound Control 7',
+'Sound Control 8',
+'Sound Control 9',
+'Sound Control 10',
+'Decay or General 1',
+'Hi-Pass or General 2',
+'General 3',
+'General 4',
+'Portamento Amount',
+'',
+'',
+'',
+'',
+'',
+'',
+'Reverb Level',
+'Tremolo Depth',
+'Chorus Level',
+'Detune',
+'Phaser Depth',
+'Data Entry +1',
+'Data Entry -1',
+'Non-registered LSB',
+'Non-registered MSB',
+'Registered msb',
+'Registered lsb',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'',
+'Shift 1',
+'Shift 2',
+'Shift 3',
+'Shift 4',
+'Shift 5',
+'Shift 6',
+'',
+'',
+'',
+'',
+'All Sound Off',
+'All Controllers Off',
+'Local Mode',
+'All Notes Off',
+'Omni Mode Off',
+'Omni Mode On',
+'Mono Mode On',
+'Poly Mode'].
+map(function (label, value) {return { label: "".concat(value, " - ").concat(label), value: value };});var _default =
+
+CC_NAMES;exports["default"] = _default;

package/dist/midi/statuses.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.extractStatus = exports.combineStatus = exports.getStatusLabel = exports.MASK_STATUS = exports.MASK_CHANNEL = exports.STATUS_PITCH_WHEEL = exports.STATUS_CHANNEL_PRESSURE = exports.STATUS_PROGRAM_CHANGE = exports.STATUS_CONTROL_CHANGE = exports.STATUS_AFTER_TOUCH = exports.STATUS_NOTE_ON = exports.STATUS_NOTE_OFF = void 0; /* eslint-disable no-bitwise */
+
+var STATUS_NOTE_OFF = 8; // 1000
+exports.STATUS_NOTE_OFF = STATUS_NOTE_OFF;var STATUS_NOTE_ON = 9; // 1001
+exports.STATUS_NOTE_ON = STATUS_NOTE_ON;var STATUS_AFTER_TOUCH = 10; // 1010
+exports.STATUS_AFTER_TOUCH = STATUS_AFTER_TOUCH;var STATUS_CONTROL_CHANGE = 11; // 1011
+exports.STATUS_CONTROL_CHANGE = STATUS_CONTROL_CHANGE;var STATUS_PROGRAM_CHANGE = 12; // 1100
+exports.STATUS_PROGRAM_CHANGE = STATUS_PROGRAM_CHANGE;var STATUS_CHANNEL_PRESSURE = 13; // 1101
+exports.STATUS_CHANNEL_PRESSURE = STATUS_CHANNEL_PRESSURE;var STATUS_PITCH_WHEEL = 14; // 1110
+exports.STATUS_PITCH_WHEEL = STATUS_PITCH_WHEEL;
+var MASK_CHANNEL = 15; // 00001111
+exports.MASK_CHANNEL = MASK_CHANNEL;var MASK_STATUS = 240; // 01110000
+exports.MASK_STATUS = MASK_STATUS;
+var statuses = [
+{ value: STATUS_NOTE_ON, label: 'Note On' },
+{ value: STATUS_NOTE_OFF, label: 'Note Stack' },
+{ value: STATUS_CONTROL_CHANGE, label: 'Control Change' },
+{ value: STATUS_PROGRAM_CHANGE, label: 'Program Change' },
+{ value: STATUS_AFTER_TOUCH, label: 'Aftertouch' },
+{ value: STATUS_CHANNEL_PRESSURE, label: 'Channel Pressure' },
+{ value: STATUS_PITCH_WHEEL, label: 'Pitch Wheel' }];
+
+
+var getStatusLabel = function getStatusLabel(val) {return statuses.filter(function (_ref) {var value = _ref.value;return value === val;})[0].label;};exports.getStatusLabel = getStatusLabel;
+
+var combineStatus = function combineStatus(channel, status) {return channel | status << 4;};exports.combineStatus = combineStatus;
+
+var extractStatus = function extractStatus(status) {return {
+    status: (status & MASK_STATUS) >> 4 | 8,
+    channel: status & MASK_CHANNEL };};exports.extractStatus = extractStatus;var _default =
+
+
+statuses;exports["default"] = _default;

package/dist/pickers/CCPicker.js

@@ -0,0 +1,19 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _ccValues = _interopRequireDefault(require("../midi/ccValues"));
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var CCPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    props), {}, {
+      options: _ccValues["default"],
+      ref: ref })));});
+
+
+
+CCPicker.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired };var _default =
+
+
+CCPicker;exports["default"] = _default;

package/dist/pickers/ChannelMappingPicker.js

@@ -0,0 +1,52 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+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, ["channels", "className"]);
+  var formatOptionLabel = (0, _react.useCallback)(
+  function (_ref2, _ref3) {var value = _ref2.value;var context = _ref3.context;
+    var mapping = channels[value];
+
+    return mapping ? /*#__PURE__*/
+    (0, _jsxRuntime.jsxs)("span", { className: "mapping-entry", children: [/*#__PURE__*/
+      (0, _jsxRuntime.jsxs)("b", { children: [
+        value + 1,
+        context === 'value' && ' -'] }), /*#__PURE__*/
+
+      (0, _jsxRuntime.jsx)("span", { className: "mapping-entry-label", children: mapping })] }) : /*#__PURE__*/
+
+
+    (0, _jsxRuntime.jsxs)("span", { className: "mapping-entry empty-mapping-entry", children: [/*#__PURE__*/
+      (0, _jsxRuntime.jsxs)("b", { children: [
+        value + 1,
+        context === 'value' && ' -'] }), /*#__PURE__*/
+
+      (0, _jsxRuntime.jsx)("span", { className: "mapping-entry-label", children: "no mapping" })] });
+
+
+  },
+  [channels]);
+
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      className: (0, _classnames["default"])(className, 'channel-mapping-picker'),
+      formatOptionLabel: formatOptionLabel,
+      options: options,
+      ref: ref })));
+
+
+});
+
+ChannelMappingPicker.propTypes = {
+  channels: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired };var _default =
+
+
+ChannelMappingPicker;exports["default"] = _default;

package/dist/pickers/ChannelPicker.js

@@ -0,0 +1,40 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var options = (0, _utils.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, ["className"]);
+  var formatOptionLabel = (0, _react.useCallback)(
+  function (option, _ref2) {var context = _ref2.context;return context === 'value' ?
+    option.label :
+    option.value + 1;},
+  []);
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      className: (0, _classnames["default"])(className, 'channel-picker'),
+      formatOptionLabel: formatOptionLabel,
+      options: options,
+      ref: ref })));
+
+
+});
+
+ChannelPicker.propTypes = {
+  className: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired };
+
+
+ChannelPicker.defaultProps = {
+  className: undefined };var _default =
+
+
+ChannelPicker;exports["default"] = _default;

package/dist/pickers/Knob.js

@@ -0,0 +1,85 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRotaryKnob = require("react-rotary-knob");
+var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
+var _utils = require("../utils");
+var _knobSkin = _interopRequireDefault(require("./knobSkin10"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var Knob = function Knob(props) {
+  var
+  disabled =
+
+
+
+
+
+
+
+  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, ["disabled", "max", "min", "onChange", "value", "wheelEnabled", "wheelSensitivity"]);
+
+  var _useStateWithDynamicD = (0, _useStateWithDynamicDefault["default"])(initialValue),_useStateWithDynamicD2 = (0, _slicedToArray2["default"])(_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);
+    setValue(newValue);
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+
+  var handleWheel = function handleWheel(_ref) {var deltaY = _ref.deltaY;
+    var change = Math.trunc(deltaY * wheelSensitivity);
+    if (change === 0 && deltaY !== 0) {
+      // Assure that at least a tiny change happens
+      change += deltaY > 0 ? 1 : -1;
+    }
+
+    handleChange(value + change);
+  };
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_reactRotaryKnob.Knob, _objectSpread({
+      clampMax: 320,
+      clampMin: 40,
+      className: "zds-pickers__knob-container",
+      disabled: disabled,
+      onChange: handleChange,
+      onWheel: wheelEnabled ? handleWheel : undefined,
+      preciseMode: false,
+      rotateDegrees: 180
+      /**
+       * To see all skins:
+       * http://react-rotary-knob-skins-preview.surge.sh/
+       *
+       * NOTE: we've copied the one we use into this package because the skins
+       * pack package does not work in Electron.
+       */,
+      skin: _knobSkin["default"],
+      style: { opacity: disabled ? 0.4 : 1 },
+      unlockDistance: 0 }, _objectSpread({
+      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 };
+
+Knob.defaultProps = {
+  disabled: false,
+  max: 127,
+  min: 0,
+  onChange: undefined,
+  value: 0,
+  wheelEnabled: false,
+  wheelSensitivity: 0.1 };var _default =
+
+
+Knob;exports["default"] = _default;

package/dist/pickers/KnobPicker.js

@@ -0,0 +1,101 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var _Select = _interopRequireDefault(require("./Select"));
+var _Knob = _interopRequireDefault(require("./Knob"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var
+  disabled =
+
+
+
+
+
+
+
+
+
+
+
+
+
+  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, ["disabled", "highToLow", "includeLabel", "includePicker", "knobProps", "label", "max", "min", "onChange", "shrinkLabel", "value", "wheelEnabled", "wheelSensitivity"]);
+
+  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]);
+
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsxs)("div", { className: "zds-pickers__container", children: [
+      Boolean(!shrinkLabel && Boolean(label)) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", { className: "zds-pickers__label", children: label }), /*#__PURE__*/
+      (0, _jsxRuntime.jsxs)("div", { style: { display: 'inline-flex', gap: 10, alignItems: 'center' }, children: [
+        Boolean(includePicker) && /*#__PURE__*/
+        (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread({}, _objectSpread(_objectSpread({},
+
+        rest), {}, {
+          disabled: disabled,
+          isDisabled: disabled,
+          onChange: onChange,
+          options: options,
+          ref: ref,
+          value: value }))), /*#__PURE__*/
+
+
+
+
+        (0, _jsxRuntime.jsx)(_Knob["default"], _objectSpread({}, _objectSpread({
+
+          disabled: disabled,
+          max: max,
+          min: min,
+          onChange: onChange,
+          value: value,
+          wheelEnabled: wheelEnabled,
+          wheelSensitivity: wheelSensitivity },
+        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 };
+
+
+KnobPicker.defaultProps = {
+  disabled: false,
+  highToLow: false,
+  includeLabel: true,
+  includePicker: false,
+  knobProps: undefined,
+  label: undefined,
+  max: 127,
+  min: 0,
+  shrinkLabel: false,
+  value: 0,
+  wheelEnabled: false,
+  wheelSensitivity: 0.1 };var _default =
+
+
+KnobPicker;exports["default"] = _default;

package/dist/pickers/LatchPicker.js

@@ -0,0 +1,23 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var options = [
+{ value: 0, label: 'Momentary' },
+{ value: 1, label: 'Latching' }];
+
+
+var LatchPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    props), {}, {
+      options: options,
+      ref: ref })));});
+
+
+
+LatchPicker.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired };var _default =
+
+
+LatchPicker;exports["default"] = _default;

package/dist/pickers/MappingPicker.js

@@ -0,0 +1,51 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _zdsMappings = require("zds-mappings");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (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 = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var MappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var allowClearing = _ref.allowClearing,rest = (0, _objectWithoutProperties2["default"])(_ref, ["allowClearing"]);
+  var stockMappings = (0, _zdsMappings.getStockNames)();
+  var userMappings = (0, _zdsMappings.getUserMappingNames)();
+
+  var options = (0, _react.useMemo)(function () {
+    var result = [
+    {
+      label: '',
+      options: userMappings.map(function (label) {return { value: label, label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", { className: "zds-mappings-user-mapping", children: label }) };}) },
+
+
+    {
+      label: userMappings.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}) : '',
+      options: stockMappings.map(function (label) {return { label: label, value: label };}) }];
+
+
+    return allowClearing ? [].concat(
+    result, [
+    {
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}),
+      options: [{ value: -1, label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", { className: "zds-mappings-clear-mapping", children: "No Mapping" }) }] }]) :
+
+    result;
+  }, [allowClearing, stockMappings, userMappings]);
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      options: options,
+      ref: ref,
+      value: "General MIDI" })));
+
+
+});
+
+MappingPicker.propTypes = {
+  allowClearing: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].string.isRequired };
+
+
+MappingPicker.defaultProps = {
+  allowClearing: true };var _default =
+
+
+MappingPicker;exports["default"] = _default;