zds-pickers 3.11.2 → 4.0.0

package/dist/other/OctavePlayer.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["octave", "height", "width"];import React from 'react';
-import PropTypes from 'prop-types';
-import { /* Midi, */Note } from 'tonal';
-import { Piano as ReactPiano } from 'zds-react-piano';
-import SoundfontProvider from './SoundFontProvider';
-import DefaultTooltip from './DefaultTooltip';
-
-var baseNotes = ['C', 'C#', 'D', 'D#', 'E', 'F', 'F#', 'G', 'G#', 'A', 'A#', 'B'];
-
-// const { midiToFreq, midiToNoteName } = Midi
-
-// console.log(Note.names(), Note.midi('C4'))
-
-// const firstNote = 21
-// const lastNote = 108
-var numNotes = 12;
-
-var whiteNotes = numNotes * 0.7; // approx
-
-var audioContext = new (window.AudioContext || window.webkitAudioContext)();
-
-var OctavePlayer = function OctavePlayer(_ref) {var octave = _ref.octave,height = _ref.height,width = _ref.width,rest = _objectWithoutProperties(_ref, _excluded);
-  var keyWidth = width / whiteNotes + 2;
-  var keyWidthToHeight = keyWidth / height;
-
-  var firstNote = Note.midi(baseNotes[0] + String(octave));
-  var lastNote = Note.midi(baseNotes[baseNotes.length - 1] + String(octave));
-
-  return /*#__PURE__*/(
-    React.createElement("div", null, /*#__PURE__*/
-    React.createElement(ReactPiano, _extends({
-      keyWidthToHeight: keyWidthToHeight,
-      noteRange: { first: firstNote, last: lastNote },
-      width: width },
-    rest)
-    )
-    ));
-
-};
-
-var WithProvider = function WithProvider(_ref2) {var
-    format = _ref2.format,
-    height = _ref2.height,
-    hostname = _ref2.hostname,
-    instrumentName = _ref2.instrumentName,
-    octave = _ref2.octave,
-    onChange = _ref2.onChange,
-    onClick = _ref2.onClick,
-    onDoubleClick = _ref2.onDoubleClick,
-    onKeyMouseEnter = _ref2.onKeyMouseEnter,
-    onKeyMouseLeave = _ref2.onKeyMouseLeave,
-    soundfont = _ref2.soundfont,
-    Tooltip = _ref2.Tooltip,
-    width = _ref2.width;return /*#__PURE__*/(
-
-    React.createElement(SoundfontProvider, {
-
-      audioContext: audioContext,
-      format: format,
-      hostname: hostname,
-      instrumentName: instrumentName,
-      onChange: onChange,
-      soundfont: soundfont,
-
-      render: function render(_ref3) {var isLoading = _ref3.isLoading,playNote = _ref3.playNote,stopNote = _ref3.stopNote;return /*#__PURE__*/(
-          React.createElement(OctavePlayer, {
-            disabled: isLoading,
-
-            height: height,
-            octave: octave,
-            onClick: onClick,
-            onDoubleClick: onDoubleClick,
-            onKeyMouseEnter: onKeyMouseEnter,
-            onKeyMouseLeave: onKeyMouseLeave,
-            playNote: playNote,
-            stopNote: stopNote,
-            Tooltip: Tooltip,
-            width: width }
-
-          ));} }
-
-    ));};
-
-
-OctavePlayer.propTypes = {
-  height: PropTypes.number.isRequired,
-  octave: PropTypes.number.isRequired,
-  width: PropTypes.number.isRequired
-};
-
-WithProvider.propTypes = {
-  format: PropTypes.oneOf(['mp3', 'ogg']),
-  height: PropTypes.number.isRequired,
-  hostname: PropTypes.string,
-  instrumentName: PropTypes.string,
-  octave: PropTypes.number,
-  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 = {
-  format: undefined, // 'mp3',
-  hostname: undefined,
-  instrumentName: undefined,
-  octave: 4,
-  onChange: undefined,
-  onClick: undefined,
-  onDoubleClick: undefined,
-  onKeyMouseEnter: undefined,
-  onKeyMouseLeave: undefined,
-  soundfont: undefined, // 'MusyngKite',
-  Tooltip: DefaultTooltip
-};
-
-export default WithProvider;

package/dist/other/SVGText.js

@@ -1,116 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["children", "maxHeight", "maxWidth", "verticalAnchor"]; /* eslint-disable react/destructuring-assignment */
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import { numberOrString } from '../shapes';
-import { MEASUREMENT_ELEMENT_ID, calculateWordWidths, calculateWordsByLines } from './utils';
-
-var Text = function Text(props) {
-  var children = props.children,maxHeight = props.maxHeight,maxWidth = props.maxWidth,verticalAnchor = props.verticalAnchor,rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(),_useState2 = _slicedToArray(_useState, 2),wordWidths = _useState2[0],setWordWidths = _useState2[1];
-  var _useState3 = useState([]),_useState4 = _slicedToArray(_useState3, 2),textLines = _useState4[0],setTextLines = _useState4[1];
-  var _useState5 = useState(),_useState6 = _slicedToArray(_useState5, 2),style = _useState6[0],setComputedStyle = _useState6[1];
-  var measureRef = useRef();
-  var displayedLines = useMemo(
-    function () {return textLines.filter(function (_ref) {var showLine = _ref.showLine;return showLine;});},
-    [textLines]
-  );
-  var ref = useCallback(function (node) {
-    setComputedStyle(node !== null ? window.getComputedStyle(node) : '');
-  }, []);
-
-  useEffect(function () {
-    var el = document.getElementById(MEASUREMENT_ELEMENT_ID);
-    if (el === null) {
-      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      svg.setAttribute('id', MEASUREMENT_ELEMENT_ID);
-      document.body.appendChild(svg);
-      svg.appendChild(document.createElementNS('http://www.w3.org/2000/svg', 'text'));
-      measureRef.current = svg;
-    } else {
-      measureRef.current = el;
-    }
-    return function () {return el && document.body.contains(el) ? document.body.removeChild(el) : null;};
-  }, []);
-
-  useEffect(function () {
-    var wordWithWidths = calculateWordWidths(style, measureRef.current.firstElementChild, children);
-    setWordWidths(wordWithWidths);
-  }, [children, style]);
-
-  useEffect(function () {
-    if (maxWidth && wordWidths) {
-      var lines = calculateWordsByLines(children, wordWidths, maxWidth, maxHeight);
-      setTextLines(lines);
-    }
-  }, [maxHeight, maxWidth, wordWidths, children]);
-
-  var startDy = useMemo(function () {
-    if (wordWidths !== null && wordWidths !== void 0 && wordWidths.lineHeight) {
-      switch (verticalAnchor) {
-        case 'start':
-          return wordWidths.lineHeight;
-
-        case 'middle':
-          return -((displayedLines.length - 1) * wordWidths.lineHeight / 2);
-
-        default:
-          return -(displayedLines.length - 1) * wordWidths.lineHeight;
-      }
-    } else {
-      return 0;
-    }
-  }, [displayedLines.length, verticalAnchor, wordWidths === null || wordWidths === void 0 ? void 0 : wordWidths.lineHeight]);
-
-  return /*#__PURE__*/(
-    React.createElement("text", _extends({
-      ref: ref },
-    rest),
-
-    textLines.length <= 1 ?
-    children : /*#__PURE__*/
-
-    React.createElement(React.Fragment, null,
-    displayedLines.map(function (line, idx) {return /*#__PURE__*/(
-        React.createElement("tspan", {
-          dx: props.x + props.dx,
-          dy: idx === 0 ? startDy + props.dy : wordWidths.lineHeight,
-          key: idx,
-          x: 0 },
-
-        line.words.join(' ')
-        ));}
-    ),
-    displayedLines.length !== textLines.length && /*#__PURE__*/
-    React.createElement(React.Fragment, null, /*#__PURE__*/
-    React.createElement("tspan", null, "..."), /*#__PURE__*/
-    React.createElement("title", null, children)
-    )
-
-    )
-
-    ));
-
-};
-
-Text.propTypes = {
-  children: PropTypes.node.isRequired,
-  dx: PropTypes.number,
-  dy: PropTypes.number,
-  maxHeight: PropTypes.number,
-  maxWidth: PropTypes.number,
-  verticalAnchor: PropTypes.oneOf(['start', 'middle', 'end']),
-  x: numberOrString,
-  y: numberOrString
-};
-
-Text.defaultProps = {
-  dx: 0,
-  dy: 0,
-  maxHeight: undefined,
-  maxWidth: undefined,
-  verticalAnchor: 'start',
-  x: '50%',
-  y: '50%'
-};
-
-export default Text;

package/dist/other/SoundFontProvider.js

@@ -1,124 +0,0 @@
-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) {
-  var
-    audioContext =
-
-
-
-
-
-
-    props.audioContext,format = props.format,hostname = props.hostname,instrumentName = props.instrumentName,onChange = props.onChange,render = props.render,soundfont = props.soundfont;
-
-  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 = useCallback(function (nm) {
-    // Re-trigger loading state
-    setInstrument(null);
-
-    if (isDefined(hostname)) {
-      // pull from an url
-      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 (isDefined(instrumentName)) {
-      // the host app has already injected the soundfont into global space
-      Soundfont.
-      instrument(audioContext, instrumentName).
-      then(function (newInstrument) {
-        setInstrument(newInstrument);
-      });
-    } else {
-      // sound must be disabled
-      setIsLoading(false);
-    }
-  }, [audioContext, format, hostname, instrumentName, soundfont]);
-
-  useEffect(function () {
-    loadInstrument(instrumentName);
-  }, [instrumentName, loadInstrument]);
-
-  useEffect(function () {
-    if (isDefined(instrumentName)) {
-      setIsLoading(!instrument);
-    }
-  }, [instrument, instrumentName]);
-
-  var playNote = function playNote(midiNumber) {
-    if (instrument) {
-      audioContext.resume().then(function () {
-        var audioNode = instrument.play(midiNumber);
-        setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, midiNumber, audioNode));});
-      });
-    }
-  };
-
-  var stopNote = function stopNote(midiNumber) {
-    audioContext.resume().then(function () {
-      if (!activeAudioNodes[midiNumber]) {
-        return;
-      }
-      var audioNode = activeAudioNodes[midiNumber];
-      audioNode.stop();
-      setActiveAudioNodes(function (prev) {return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, midiNumber, null));});
-    });
-    onChange === null || onChange === void 0 || onChange(midiNumber);
-  };
-
-  // Clear any residual notes that don't get called with stopNote
-  var stopAllNotes = function stopAllNotes() {
-    audioContext.resume().then(function () {
-      var nodes = Object.values(activeAudioNodes);
-      nodes.forEach(function (node) {
-        if (node) {
-          node.stop();
-        }
-      });
-      setActiveAudioNodes(nodes);
-    });
-  };
-
-  return render({
-    isLoading: isLoading,
-    playNote: playNote,
-    stopNote: stopNote,
-    stopAllNotes: stopAllNotes
-  });
-};
-
-SoundfontProvider.propTypes = {
-  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 = {
-  format: undefined, // mp3,
-  hostname: undefined, // https://d1pzp51pvbm36p.cloudfront.net
-  instrumentName: undefined, // acoustic_grand_piano
-  onChange: undefined,
-  soundfont: undefined // MusyngKite,
-  // soundfont: 'FluidR3_GM',
-};
-
-// https://gleitz.github.io/midi-js-soundfonts/MusyngKite/acoustic_grand_piano-mp3.js
-// https://gleitz.github.io/midi-js-soundfonts/FluidR3_GM/.js
-
-export default SoundfontProvider;

package/dist/other/utils.js

@@ -1,52 +0,0 @@
-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;
-
-  return words.toString().split(/\s+/).reduce(function (result, word) {
-    var wordWidth = wordsWithComputedWidth[word];
-    var currentLine = result[result.length - 1];
-    if (currentLine && currentLine.width + wordWidth + spaceWidth < maxWidth) {
-      // Word can be added to an existing line
-      currentLine.words.push(word);
-      currentLine.width += wordWidth + spaceWidth;
-    } else {
-      // Add first word to line or word is too long to scaleToFit on existing line
-      var newLine = {
-        words: [word],
-        width: wordWidth,
-        showLine: maxHeight ?
-        lineHeight * (result.length + 1) < maxHeight :
-        true
-      };
-      result.push(newLine);
-    }
-    return result;
-  }, []);
-};
-
-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 = _toConsumableArray(new Set(words.toString().split(/\s+/)));
-    var wordsWithComputedWidth = wordArray.reduce(function (wordMap, word) {
-      textNode.textContent = word;
-      return _objectSpread(_objectSpread({}, wordMap), {}, _defineProperty({}, word, textNode.getBBox().width));
-    }, {});
-    textNode.textContent = "\xA0";
-    var spaceWidth = textNode.getComputedTextLength();
-    var lineHeight = textNode.getBBox().height;
-    textNode.setAttribute('style', '');
-    return { wordsWithComputedWidth: wordsWithComputedWidth, spaceWidth: spaceWidth, lineHeight: lineHeight };
-  }
-  return null;
-};
-
-export { calculateWordWidths, calculateWordsByLines, MEASUREMENT_ELEMENT_ID };
-
-export var isDefined = function isDefined(item) {return item !== undefined && item !== null && item !== Math.NaN;};

package/dist/pickers/CCPicker.js

@@ -1,19 +0,0 @@
-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__*/forwardRef(function (props, ref) {return /*#__PURE__*/(
-    React.createElement(Select, _extends({
-      options: ccValues },
-    props, {
-      ref: ref })
-    ));}
-);
-
-CCPicker.propTypes = {
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.number.isRequired
-};
-
-export default CCPicker;

package/dist/pickers/ChannelMappingPicker.js

@@ -1,79 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["channels", "className"];import React, { forwardRef, useCallback, useMemo } from 'react';
-import cl from 'classnames';
-import PropTypes from 'prop-types';
-import { arraySequence } from '../utils';
-import Select from './Select';
-
-var defaultOptions = 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,label = _ref2.label;var context = _ref3.context;
-      if (value === 'separator') {
-        return /*#__PURE__*/React.createElement("span", { className: "zds-mappings-user-mapping" }, label);
-      }
-
-      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]
-  );
-
-  var options = useMemo(function () {
-    var result = defaultOptions.sort(function (a, b) {
-      if (channels[a.value] && !channels[b.value]) {
-        return -1;
-      }
-
-      if (!channels[a.value] && channels[b.value]) {
-        return 1;
-      }
-
-      return a.value - b.value;
-    });
-
-    var numFilled = result.filter(function (_ref4) {var value = _ref4.value;return !!channels[value];}).length;
-
-    if (numFilled && numFilled < 16) {
-      // insert a separator after the count of filled items
-      result.splice(numFilled, 0, { label: /*#__PURE__*/React.createElement("hr", null), value: 'separator' });
-    }
-
-    return result;
-  }, [channels]);
-
-  return /*#__PURE__*/(
-    React.createElement(Select, _extends({},
-    rest, {
-      className: cl(className, 'channel-mapping-picker'),
-      formatOptionLabel: formatOptionLabel,
-      options: options,
-      ref: ref })
-    ));
-
-});
-
-ChannelMappingPicker.propTypes = {
-  channels: PropTypes.arrayOf(PropTypes.string).isRequired,
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.number.isRequired
-};
-
-export default ChannelMappingPicker;

package/dist/pickers/ChannelPicker.js

@@ -1,40 +0,0 @@
-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 = arraySequence(16).map(function (value) {return {
-    value: value,
-    label: "Channel ".concat(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.createElement(Select, _extends({},
-    rest, {
-      className: cl(className, 'channel-picker'),
-      formatOptionLabel: formatOptionLabel,
-      options: options,
-      ref: ref })
-    ));
-
-});
-
-ChannelPicker.propTypes = {
-  className: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.number.isRequired
-};
-
-ChannelPicker.defaultProps = {
-  className: undefined
-};
-
-export default ChannelPicker;

package/dist/pickers/Knob.js

@@ -1,86 +0,0 @@
-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
-    disabled =
-
-
-
-
-
-
-
-    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 = useStateWithDynamicDefault(initialValue),_useStateWithDynamicD2 = _slicedToArray(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
-
-  var handleChange = function handleChange(val) {
-    if (disabled) return;
-
-    var newValue = 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__*/(
-    React.createElement(RotaryKnob, _extends({
-      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: knobSkin10,
-      style: { opacity: disabled ? 0.4 : 1 },
-      unlockDistance: 0 }, _objectSpread({
-      max: max, min: min, value: value }, rest))
-    ));
-
-};
-
-Knob.propTypes = {
-  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,
-  max: 127,
-  min: 0,
-  onChange: undefined,
-  value: 0,
-  wheelEnabled: false,
-  wheelSensitivity: 0.1
-};
-
-export default Knob;