zds-pickers 3.9.18 → 3.10.0

package/dist/pickers/LatchPicker.js

@@ -1,23 +1,23 @@
-"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 _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 Select from './Select';
 
 var options = [
 { value: 0, label: 'Momentary' },
 { value: 1, label: 'Latching' }];
 
 
-var LatchPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+var LatchPicker = /*#__PURE__*/forwardRef(function (props, ref) {return /*#__PURE__*/(
+    React.createElement(Select, _extends({},
     props, {
       options: options,
-      ref: ref })));});
-
-
+      ref: ref })
+    ));}
+);
 
 LatchPicker.propTypes = {
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired
-};var _default =
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number.isRequired
+};
 
-LatchPicker;exports["default"] = _default;
+export default LatchPicker;

package/dist/pickers/MappingPicker.js

@@ -1,61 +1,61 @@
-"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 _zdsMappings = require("zds-mappings");
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["allowClearing"];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 = ["allowClearing"];import React, { forwardRef, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { getStockNames, getUserMappingNames } from 'zds-mappings';
+import Select from './Select';
 
-var MappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var allowClearing = _ref.allowClearing,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var stockMappings = (0, _zdsMappings.getStockNames)();
-  var userMappings = (0, _zdsMappings.getUserMappingNames)();
+var MappingPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {var allowClearing = _ref.allowClearing,rest = _objectWithoutProperties(_ref, _excluded);
+  var stockMappings = getStockNames();
+  var userMappings = getUserMappingNames();
 
-  var options = (0, _react.useMemo)(function () {
+  var options = useMemo(function () {
     var result = allowClearing ?
     [{
       value: 'No Mapping',
-      label: /*#__PURE__*/_react["default"].createElement("span", { className: "zds-mappings-clear-mapping" }, "No Mapping")
+      label: /*#__PURE__*/React.createElement("span", { className: "zds-mappings-clear-mapping" }, "No Mapping")
     }] :
     [];
 
     return [].concat(
-    result, [
-
-    {
-      label: allowClearing ? /*#__PURE__*/_react["default"].createElement("hr", null) : '',
-      options: userMappings.map(function (label) {return {
-          value: label,
-          label: /*#__PURE__*/_react["default"].createElement("span", { className: "zds-mappings-user-mapping" }, label)
-        };})
-    },
-
-    {
-      label: userMappings.length ? /*#__PURE__*/
-      _react["default"].createElement("hr", null) :
-      allowClearing ? /*#__PURE__*/_react["default"].createElement("hr", null) : '',
-      options: stockMappings.map(function (label) {return {
-          label: label,
-          value: label
-        };})
-    }]);
+      result, [
+
+      {
+        label: allowClearing ? /*#__PURE__*/React.createElement("hr", null) : '',
+        options: userMappings.map(function (label) {return {
+            value: label,
+            label: /*#__PURE__*/React.createElement("span", { className: "zds-mappings-user-mapping" }, label)
+          };})
+      },
+
+      {
+        label: userMappings.length ? /*#__PURE__*/
+        React.createElement("hr", null) :
+        allowClearing ? /*#__PURE__*/React.createElement("hr", null) : '',
+        options: stockMappings.map(function (label) {return {
+            label: label,
+            value: label
+          };})
+      }]);
 
   }, [allowClearing, stockMappings, userMappings]);
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
       options: options,
-      ref: ref })));
-
+      ref: ref })
+    ));
 
 });
 
 MappingPicker.propTypes = {
-  allowClearing: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].string
+  allowClearing: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.string
 };
 
 MappingPicker.defaultProps = {
   allowClearing: true,
   value: 'General MIDI'
-};var _default =
+};
 
-MappingPicker;exports["default"] = _default;
+export default MappingPicker;

package/dist/pickers/NotePicker.js

@@ -1,21 +1,21 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _zdsMappings = require("zds-mappings");
-var _shapes = require("../shapes");
-var _utils = require("../utils");
-var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["channel", "disabled", "mapping", "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;}
+import _extends from "@babel/runtime/helpers/extends";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["channel", "disabled", "mapping", "onChange", "value"];import React, { forwardRef, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { emptyMapping } from 'zds-mappings';
+import { mappingShape } from '../shapes';
+import { assertRange } from '../utils';
+import useStateWithDynamicDefault from '../hooks/useStateWithDynamicDefault';
+import Select from './Select';
 
 var formattedMapEntry = function formattedMapEntry(_ref) {var note = _ref.note,name = _ref.name;return "".concat(note, " ").concat(name.length ? '-' : '', " ").concat(name);};
 var formattedListEntry = function formattedListEntry(label, idx) {return { label: label, value: idx + 1 };};
 
-var NotePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var channel = props.channel,disabled = props.disabled,mapping = props.mapping,onChange = props.onChange,initialValue = props.value,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var options = (mapping || (0, _zdsMappings.emptyMapping)()).map(formattedMapEntry).map(formattedListEntry);
-  var _useStateWithDynamicD = (0, _useStateWithDynamicDefault["default"])(initialValue),_useStateWithDynamicD2 = (0, _slicedToArray2["default"])(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
+var NotePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var channel = props.channel,disabled = props.disabled,mapping = props.mapping,onChange = props.onChange,initialValue = props.value,rest = _objectWithoutProperties(props, _excluded);
+  var options = (mapping || emptyMapping()).map(formattedMapEntry).map(formattedListEntry);
+  var _useStateWithDynamicD = useStateWithDynamicDefault(initialValue),_useStateWithDynamicD2 = _slicedToArray(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
 
-  var handleChange = (0, _react.useCallback)(function (v) {
-    var possibleNoteNumber = (0, _utils.assertRange)(v, 128, 0);
+  var handleChange = useCallback(function (v) {
+    var possibleNoteNumber = assertRange(v, 128, 0);
 
     if (possibleNoteNumber > 0) {
       onChange(possibleNoteNumber);
@@ -24,30 +24,30 @@ var NotePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [onChange, setValue]);
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
       disabled: disabled,
       isDisabled: disabled,
       onChange: handleChange,
       options: options,
       ref: ref,
-      value: value })));
-
+      value: value })
+    ));
 
 });
 
 NotePicker.propTypes = {
-  mapping: _propTypes["default"].arrayOf(_shapes.mappingShape),
-  onChange: _propTypes["default"].func.isRequired,
-  disabled: _propTypes["default"].bool,
-  value: _propTypes["default"].number,
-  channel: _propTypes["default"].number.isRequired
+  mapping: PropTypes.arrayOf(mappingShape),
+  onChange: PropTypes.func.isRequired,
+  disabled: PropTypes.bool,
+  value: PropTypes.number,
+  channel: PropTypes.number.isRequired
 };
 
 NotePicker.defaultProps = {
   disabled: false,
   mapping: undefined,
   value: undefined
-};var _default =
+};
 
-NotePicker;exports["default"] = _default;
+export default NotePicker;

package/dist/pickers/PianoPicker.js

@@ -1,8 +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 _zdsReactPiano = require("zds-react-piano");
-var _SoundFontProvider = _interopRequireDefault(require("../other/SoundFontProvider"));
-var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));var _excluded = ["height", "width"];
+import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["height", "width"];import React from 'react';
+import PropTypes from 'prop-types';
+import { Piano as ReactPiano } from 'zds-react-piano';
+import SoundfontProvider from '../other/SoundFontProvider';
+import DefaultTooltip from '../other/DefaultTooltip';
 
 var firstNote = 21;
 var lastNote = 108;
@@ -12,19 +12,19 @@ var whiteNotes = numNotes * 0.7; // approx
 
 var audioContext = new (window.AudioContext || window.webkitAudioContext)();
 
-var PianoPicker = function PianoPicker(_ref) {var height = _ref.height,width = _ref.width,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+var PianoPicker = function PianoPicker(_ref) {var height = _ref.height,width = _ref.width,rest = _objectWithoutProperties(_ref, _excluded);
   var keyWidth = width / whiteNotes + 2;
   var keyWidthToHeight = keyWidth / height;
 
   return /*#__PURE__*/(
-    _react["default"].createElement("div", null, /*#__PURE__*/
-    _react["default"].createElement(_zdsReactPiano.Piano, (0, _extends2["default"])({
+    React.createElement("div", null, /*#__PURE__*/
+    React.createElement(ReactPiano, _extends({
       keyWidthToHeight: keyWidthToHeight,
       noteRange: { first: firstNote, last: lastNote },
       width: width },
-    rest))));
-
-
+    rest)
+    )
+    ));
 
 };
 
@@ -41,7 +41,7 @@ var WithProvider = function WithProvider(_ref2) {var
     soundfont = _ref2.soundfont,
     width = _ref2.width;return /*#__PURE__*/(
 
-    _react["default"].createElement(_SoundFontProvider["default"], {
+    React.createElement(SoundfontProvider, {
 
       audioContext: audioContext,
       format: format,
@@ -51,7 +51,7 @@ var WithProvider = function WithProvider(_ref2) {var
       soundfont: soundfont,
 
       render: function render(_ref3) {var isLoading = _ref3.isLoading,playNote = _ref3.playNote,stopNote = _ref3.stopNote;return /*#__PURE__*/(
-          _react["default"].createElement(PianoPicker, {
+          React.createElement(PianoPicker, {
             disabled: isLoading,
 
             height: height,
@@ -61,31 +61,31 @@ var WithProvider = function WithProvider(_ref2) {var
             onKeyMouseLeave: onKeyMouseLeave,
             playNote: playNote,
             stopNote: stopNote,
-            width: width }));} }));};
-
-
+            width: width }
 
+          ));} }
 
+    ));};
 
 
 PianoPicker.propTypes = {
-  height: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number.isRequired
+  height: PropTypes.number.isRequired,
+  width: PropTypes.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,
-  onClick: _propTypes["default"].func,
-  onDoubleClick: _propTypes["default"].func,
-  onKeyMouseEnter: _propTypes["default"].func,
-  onKeyMouseLeave: _propTypes["default"].func,
-  soundfont: _propTypes["default"].oneOf(['MusyngKite', 'FluidR3_GM']),
-  Tooltip: _propTypes["default"].elementType,
-  width: _propTypes["default"].number.isRequired
+  format: PropTypes.oneOf(['mp3', 'ogg']),
+  height: PropTypes.number.isRequired,
+  hostname: PropTypes.string,
+  instrumentName: PropTypes.string,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  onDoubleClick: PropTypes.func,
+  onKeyMouseEnter: PropTypes.func,
+  onKeyMouseLeave: PropTypes.func,
+  soundfont: PropTypes.oneOf(['MusyngKite', 'FluidR3_GM']),
+  Tooltip: PropTypes.elementType,
+  width: PropTypes.number.isRequired
 };
 
 WithProvider.defaultProps = {
@@ -98,7 +98,7 @@ WithProvider.defaultProps = {
   onKeyMouseEnter: undefined,
   onKeyMouseLeave: undefined,
   soundfont: undefined, // 'MusyngKite',
-  Tooltip: _DefaultTooltip["default"]
-};var _default =
+  Tooltip: DefaultTooltip
+};
 
-WithProvider;exports["default"] = _default;
+export default WithProvider;

package/dist/pickers/PolarityPicker.js

@@ -1,32 +1,32 @@
-"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 _Select = _interopRequireDefault(require("./Select"));var _excluded = ["labelOff", "labelOn"];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 = ["labelOff", "labelOn"];import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import Select from './Select';
 
-var PolarityPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var labelOff = _ref.labelOff,labelOn = _ref.labelOn,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+var PolarityPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {var labelOff = _ref.labelOff,labelOn = _ref.labelOn,rest = _objectWithoutProperties(_ref, _excluded);
   var options = [
   { value: 0, label: labelOff },
   { value: 1, label: labelOn }];
 
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
       options: options,
-      ref: ref })));
-
+      ref: ref })
+    ));
 
 });
 
 PolarityPicker.propTypes = {
-  labelOff: _propTypes["default"].string,
-  labelOn: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired
+  labelOff: PropTypes.string,
+  labelOn: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number.isRequired
 };
 
 PolarityPicker.defaultProps = {
   labelOn: 'Normally On',
   labelOff: 'Normally Off'
-};var _default =
+};
 
-PolarityPicker;exports["default"] = _default;
+export default PolarityPicker;

package/dist/pickers/ResponseCurve.js

@@ -1,8 +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 = 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"));
-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;}
+import React, { useRef } from 'react';
+import PropTypes from 'prop-types';
+import useComponentSize from '../hooks/useComponentSize';
+import SVGText from '../other/SVGText';
+import DefaultTooltip from '../other/DefaultTooltip';
 
 var RESPONSE_CURVE_0 = 0;
 var RESPONSE_CURVE_1 = 1;
@@ -13,7 +13,7 @@ var RESPONSE_CURVE_5 = 5;
 var RESPONSE_CURVE_6 = 6;
 var RESPONSE_CURVE_7 = 7;
 
-var RESPONSE_CURVES = [
+export var RESPONSE_CURVES = [
 {
   value: RESPONSE_CURVE_7,
   label: 'Always maxed out.'
@@ -50,7 +50,7 @@ var RESPONSE_CURVES = [
 
 // const width = 218
 // const height = 150
-exports.RESPONSE_CURVES = RESPONSE_CURVES;var axisOffset = 20;
+var axisOffset = 20;
 var buttonSize = 15;
 
 var axisX1 = axisOffset;
@@ -59,9 +59,9 @@ var axisY1 = axisOffset;
 var ResponseCurve = function ResponseCurve(props) {
   var Tooltip = props.Tooltip,autosize = props.autosize,disabled = props.disabled,inverted = props.inverted,onChange = props.onChange,responseCurve = props.value;
 
-  var ref = (0, _react.useRef)(null);
-  var svgRef = (0, _react.useRef)(null);
-  var _useComponentSize = (0, _useComponentSize2["default"])(ref),ourHeight = _useComponentSize.height,ourWidth = _useComponentSize.width;
+  var ref = useRef(null);
+  var svgRef = useRef(null);
+  var _useComponentSize = useComponentSize(ref),ourHeight = _useComponentSize.height,ourWidth = _useComponentSize.width;
 
   var width = autosize ? ourWidth || 218 : 218;
   var height = autosize ? ourHeight || 150 : 150;
@@ -144,8 +144,8 @@ var ResponseCurve = function ResponseCurve(props) {
         break;
 
       default:
-        break;}
-
+        break;
+    }
     return {
       value: value,
       label: label,
@@ -161,103 +161,103 @@ var ResponseCurve = function ResponseCurve(props) {
   });
 
   return /*#__PURE__*/(
-    _react["default"].createElement("div", {
+    React.createElement("div", {
       className: "response-curve-picker",
       ref: ref }, /*#__PURE__*/
 
-    _react["default"].createElement("svg", svgProps, /*#__PURE__*/
-    _react["default"].createElement("rect", {
+    React.createElement("svg", svgProps, /*#__PURE__*/
+    React.createElement("rect", {
       className: "container",
       height: height,
       rx: 3,
       ry: 3,
       width: width,
       x: 0,
-      y: 0 }), /*#__PURE__*/
-
+      y: 0 }
+    ), /*#__PURE__*/
 
-    _react["default"].createElement(_SVGText["default"], {
+    React.createElement(SVGText, {
       className: "axis",
       textAnchor: "middle",
       transform: "translate(".concat(axisX1 - 14, " ").concat(height / 2, ") rotate(90)"),
       x: 0,
-      y: 0 }, "Applied force"), /*#__PURE__*/
-
-
+      y: 0 },
+    "Applied force"
 
-    _react["default"].createElement(_SVGText["default"], {
+    ), /*#__PURE__*/
+    React.createElement(SVGText, {
       className: "axis",
       textAnchor: "middle",
       transform: "translate(".concat(width / 2, " ").concat(axisY2 + 13, ")"),
       x: 0,
-      y: 0 }, "Output (velocity)"), /*#__PURE__*/
+      y: 0 },
+    "Output (velocity)"
 
+    ), /*#__PURE__*/
 
-
-
-    _react["default"].createElement("line", {
+    React.createElement("line", {
       className: "axis",
       x1: axisX1,
       x2: axisX1,
       y1: axisY1,
-      y2: axisY2 }), /*#__PURE__*/
-
-    _react["default"].createElement("line", {
+      y2: axisY2 }
+    ), /*#__PURE__*/
+    React.createElement("line", {
       className: "axis",
       x1: axisX1,
       x2: axisX2,
       y1: axisY2,
-      y2: axisY2 }),
-
+      y2: axisY2 }
+    ),
 
     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", {
+        React.createElement("g", { key: value }, /*#__PURE__*/
+        React.createElement("path", {
           className: value === responseCurve ? 'curve-selected' : 'curve',
-          d: "M".concat(x1, " ").concat(y1, " C ").concat(c1, " ").concat(c2, ", ").concat(c1, " ").concat(c2, ", ").concat(x2, " ").concat(y2) }), /*#__PURE__*/
+          d: "M".concat(x1, " ").concat(y1, " C ").concat(c1, " ").concat(c2, ", ").concat(c1, " ").concat(c2, ", ").concat(x2, " ").concat(y2) }
+        ), /*#__PURE__*/
 
-
-        _react["default"].createElement(Tooltip, {
+        React.createElement(Tooltip, {
           placement: "left",
           title: label }, /*#__PURE__*/
 
-        _react["default"].createElement("rect", {
+        React.createElement("rect", {
           className: value === responseCurve ? 'button-selected' : 'button',
           height: buttonSize,
           onClick: disabled ? null : function () {return onChange({ target: { value: value } });},
           transform: "translate(".concat(labelX + 3, " ").concat(labelY - buttonSize / 1.05, ") rotate(45)"),
-          width: buttonSize })), /*#__PURE__*/
-
-
+          width: buttonSize }
+        )
+        ), /*#__PURE__*/
 
-        _react["default"].createElement("text", {
+        React.createElement("text", {
           className: value === responseCurve ? 'button-selected' : 'button',
           transform: "translate(".concat(labelX, " ").concat(labelY, ")") },
 
         value, /*#__PURE__*/
-        _react["default"].createElement("title", null, label))));}))));
-
-
-
-
-
+        React.createElement("title", null, label)
+        )
+        ));}
+    )
+    )
+    ));
 
 };
 
 ResponseCurve.propTypes = {
-  autosize: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  inverted: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  Tooltip: _propTypes["default"].elementType,
-  value: _propTypes["default"].number.isRequired
+  autosize: PropTypes.bool,
+  disabled: PropTypes.bool,
+  inverted: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  Tooltip: PropTypes.elementType,
+  value: PropTypes.number.isRequired
 };
 
 ResponseCurve.defaultProps = {
   autosize: false,
   disabled: false,
   inverted: false,
-  Tooltip: _DefaultTooltip["default"]
-};var _default =
+  Tooltip: DefaultTooltip
+};
 
-ResponseCurve;exports["default"] = _default;
+export default ResponseCurve;