zds-pickers 3.9.18 → 3.10.0

package/dist/hooks/useComponentSize.js

@@ -1,5 +1,5 @@
-"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"); /* eslint-disable consistent-return */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray"; /* eslint-disable consistent-return */
+import { useCallback, useLayoutEffect, useState } from 'react';
 
 var getSize = function getSize(el) {return el ?
   {
@@ -12,43 +12,43 @@ var getSize = function getSize(el) {return el ?
   };};
 
 var useComponentSize = function useComponentSize(ref) {
-  var _useState = (0, _react.useState)(getSize(ref ? ref.current : {})),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),componentSize = _useState2[0],setComponentSize = _useState2[1];
+  var _useState = useState(getSize(ref ? ref.current : {})),_useState2 = _slicedToArray(_useState, 2),componentSize = _useState2[0],setComponentSize = _useState2[1];
 
-  var handleResize = (0, _react.useCallback)(function () {
+  var handleResize = useCallback(function () {
     if (ref.current) {
       setComponentSize(getSize(ref.current));
     }
   }, [ref]);
 
-  (0, _react.useLayoutEffect)(
-  function () {
-    if (!ref.current) return;
+  useLayoutEffect(
+    function () {
+      if (!ref.current) return;
 
-    handleResize();
+      handleResize();
 
-    if (typeof ResizeObserver === 'function') {
-      var resizeObserver = new ResizeObserver(function () {
-        handleResize();
-      });
-      resizeObserver.observe(ref.current);
+      if (typeof ResizeObserver === 'function') {
+        var resizeObserver = new ResizeObserver(function () {
+          handleResize();
+        });
+        resizeObserver.observe(ref.current);
+
+        return function () {
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+          resizeObserver.disconnect(ref.current);
+          resizeObserver = null;
+        };
+      }
+      window.addEventListener('resize', handleResize);
 
       return function () {
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        resizeObserver.disconnect(ref.current);
-        resizeObserver = null;
+        window.removeEventListener('resize', handleResize);
       };
-    }
-    window.addEventListener('resize', handleResize);
-
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [ref.current]);
-
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [ref.current]
+  );
 
   return componentSize;
-};var _default =
+};
 
-useComponentSize;exports["default"] = _default;
+export default useComponentSize;

package/dist/hooks/useStateWithDynamicDefault.js

@@ -1,11 +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 =
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import { useEffect, useState } from 'react';
 
-function _default(defaultVal) {
-  var _useState = (0, _react.useState)(defaultVal),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),state = _useState2[0],setState = _useState2[1];
+export default (function (defaultVal) {
+  var _useState = useState(defaultVal),_useState2 = _slicedToArray(_useState, 2),state = _useState2[0],setState = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setState(defaultVal);
   }, [defaultVal]);
 
   return [state, setState];
-};exports["default"] = _default;
+});

package/dist/index.js

@@ -1,42 +1,43 @@
-"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, "ChannelMappingPicker", { enumerable: true, get: function get() {return _ChannelMappingPicker["default"];} });Object.defineProperty(exports, "ChannelPicker", { enumerable: true, get: function get() {return _ChannelPicker["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, "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, "MappingPicker", { enumerable: true, get: function get() {return _MappingPicker["default"];} });Object.defineProperty(exports, "NotePicker", { enumerable: true, get: function get() {return _NotePicker["default"];} });Object.defineProperty(exports, "PianoPicker", { enumerable: true, get: function get() {return _PianoPicker["default"];} });Object.defineProperty(exports, "PolarityPicker", { enumerable: true, get: function get() {return _PolarityPicker["default"];} });Object.defineProperty(exports, "RESPONSE_CURVES", { enumerable: true, get: function get() {return _ResponseCurve.RESPONSE_CURVES;} });Object.defineProperty(exports, "ResponseCurve", { enumerable: true, get: function get() {return _ResponseCurve["default"];} });Object.defineProperty(exports, "ResponseCurvePicker", { enumerable: true, get: function get() {return _ResponseCurvePicker["default"];} });Object.defineProperty(exports, "STATUS_AFTER_TOUCH", { enumerable: true, get: function get() {return _statuses.STATUS_AFTER_TOUCH;} });Object.defineProperty(exports, "STATUS_CHANNEL_PRESSURE", { enumerable: true, get: function get() {return _statuses.STATUS_CHANNEL_PRESSURE;} });Object.defineProperty(exports, "STATUS_CONTROL_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_CONTROL_CHANGE;} });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_PITCH_WHEEL", { enumerable: true, get: function get() {return _statuses.STATUS_PITCH_WHEEL;} });Object.defineProperty(exports, "STATUS_PROGRAM_CHANGE", { enumerable: true, get: function get() {return _statuses.STATUS_PROGRAM_CHANGE;} });Object.defineProperty(exports, "SVGText", { enumerable: true, get: function get() {return _SVGText["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, "assertRange", { enumerable: true, get: function get() {return _utils.assertRange;} });Object.defineProperty(exports, "ccValues", { enumerable: true, get: function get() {return _ccValues["default"];} });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, "getStatusLabel", { enumerable: true, get: function get() {return _statuses.getStatusLabel;} });Object.defineProperty(exports, "memoize", { enumerable: true, get: function get() {return _utils.memoize;} });Object.defineProperty(exports, "statuses", { enumerable: true, get: function get() {return _statuses["default"];} });
-var _CCPicker = _interopRequireDefault(require("./pickers/CCPicker"));
-var _ChannelMappingPicker = _interopRequireDefault(require("./pickers/ChannelMappingPicker"));
-var _ChannelPicker = _interopRequireDefault(require("./pickers/ChannelPicker"));
-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 _PianoPicker = _interopRequireDefault(require("./pickers/PianoPicker"));
-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 _SVGText = _interopRequireDefault(require("./other/SVGText"));
-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;}
+// Pickers
+export { default as CCPicker } from './pickers/CCPicker';
+export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker';
+export { default as ChannelPicker } from './pickers/ChannelPicker';
+export { default as Knob } from './pickers/Knob';
+export { default as KnobPicker } from './pickers/KnobPicker';
+export { default as LatchPicker } from './pickers/LatchPicker';
+export { default as MappingPicker } from './pickers/MappingPicker';
+export { default as NotePicker } from './pickers/NotePicker';
+export { default as OctavePlayer } from './other/OctavePlayer';
+export { default as PianoPicker } from './pickers/PianoPicker';
+export { default as PolarityPicker } from './pickers/PolarityPicker';
+export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker';
+export { default as Select } from './pickers/Select';
+export { default as StatusPicker } from './pickers/StatusPicker';
+export { default as SVGText } from './other/SVGText';
+export { default as ValuePicker } from './pickers/ValuePicker';
+
+// MIDI
+export {
+  default as statuses,
+  getStatusLabel,
+  combineStatus,
+  extractStatus,
+  STATUS_NOTE_OFF,
+  STATUS_NOTE_ON,
+  STATUS_AFTER_TOUCH,
+  STATUS_CONTROL_CHANGE,
+  STATUS_PROGRAM_CHANGE,
+  STATUS_CHANNEL_PRESSURE,
+  STATUS_PITCH_WHEEL,
+  MASK_CHANNEL,
+  MASK_STATUS } from
+'./midi/statuses';
+
+export {
+  default as ResponseCurve,
+  RESPONSE_CURVES } from
+'./pickers/ResponseCurve';
+
+export { default as ccValues } from './midi/ccValues';
+
+export { assertRange, memoize } from './utils';

package/dist/midi/ccValues.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var CC_NAMES = [
+var CC_NAMES = [
 'Bank Select',
 'Modulation Wheel',
 'Breath Controller',
@@ -127,6 +127,11 @@
 'Omni Mode On',
 'Mono Mode On',
 'Poly Mode'].
-map(function (label, value) {return { label: "".concat(value, " - ").concat(label), value: value };});var _default =
+map(function (label, value) {return {
+    label: String(label).length ? "".concat(
+      value, " - ").concat(label) :
+    value,
+    value: value
+  };});
 
-CC_NAMES;exports["default"] = _default;
+export default CC_NAMES;

package/dist/midi/statuses.js

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

package/dist/other/DefaultTooltip.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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = require("react");
+import PropTypes from 'prop-types';
+import { Fragment } from 'react';
 
-var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return createElement(_react.Fragment, null, children);};
+var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return createElement(Fragment, null, children);};
 
-DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };var _default =
+DefaultTooltip.propTypes = { children: PropTypes.element.isRequired };
 
-DefaultTooltip;exports["default"] = _default;
+export default DefaultTooltip;

package/dist/other/OctavePlayer.js

@@ -0,0 +1,121 @@
+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,28 +1,28 @@
-"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 _shapes = require("../shapes");
-var _utils = require("./utils");var _excluded = ["children", "maxHeight", "maxWidth", "verticalAnchor"];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 = ["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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useState = (0, _react.useState)(),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),wordWidths = _useState2[0],setWordWidths = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),textLines = _useState4[0],setTextLines = _useState4[1];
-  var _useState5 = (0, _react.useState)(),_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),style = _useState6[0],setComputedStyle = _useState6[1];
-  var measureRef = (0, _react.useRef)();
-  var displayedLines = (0, _react.useMemo)(
-  function () {return textLines.filter(function (_ref) {var showLine = _ref.showLine;return showLine;});},
-  [textLines]);
-
-  var ref = (0, _react.useCallback)(function (node) {
+  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) : '');
   }, []);
 
-  (0, _react.useEffect)(function () {
-    var el = document.getElementById(_utils.MEASUREMENT_ELEMENT_ID);
+  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', _utils.MEASUREMENT_ELEMENT_ID);
+      svg.setAttribute('id', MEASUREMENT_ELEMENT_ID);
       document.body.appendChild(svg);
       svg.appendChild(document.createElementNS('http://www.w3.org/2000/svg', 'text'));
       measureRef.current = svg;
@@ -32,19 +32,19 @@ var Text = function Text(props) {
     return function () {return el && document.body.contains(el) ? document.body.removeChild(el) : null;};
   }, []);
 
-  (0, _react.useEffect)(function () {
-    var wordWithWidths = (0, _utils.calculateWordWidths)(style, measureRef.current.firstElementChild, children);
+  useEffect(function () {
+    var wordWithWidths = calculateWordWidths(style, measureRef.current.firstElementChild, children);
     setWordWidths(wordWithWidths);
   }, [children, style]);
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (maxWidth && wordWidths) {
-      var lines = (0, _utils.calculateWordsByLines)(children, wordWidths, maxWidth, maxHeight);
+      var lines = calculateWordsByLines(children, wordWidths, maxWidth, maxHeight);
       setTextLines(lines);
     }
   }, [maxHeight, maxWidth, wordWidths, children]);
 
-  var startDy = (0, _react.useMemo)(function () {
+  var startDy = useMemo(function () {
     if (wordWidths !== null && wordWidths !== void 0 && wordWidths.lineHeight) {
       switch (verticalAnchor) {
         case 'start':
@@ -54,53 +54,53 @@ var Text = function Text(props) {
           return -((displayedLines.length - 1) * wordWidths.lineHeight / 2);
 
         default:
-          return -(displayedLines.length - 1) * wordWidths.lineHeight;}
-
+          return -(displayedLines.length - 1) * wordWidths.lineHeight;
+      }
     } else {
       return 0;
     }
   }, [displayedLines.length, verticalAnchor, wordWidths === null || wordWidths === void 0 ? void 0 : wordWidths.lineHeight]);
 
   return /*#__PURE__*/(
-    _react["default"].createElement("text", (0, _extends2["default"])({
+    React.createElement("text", _extends({
       ref: ref },
     rest),
 
     textLines.length <= 1 ?
     children : /*#__PURE__*/
 
-    _react["default"].createElement(_react["default"].Fragment, null,
+    React.createElement(React.Fragment, null,
     displayedLines.map(function (line, idx) {return /*#__PURE__*/(
-        _react["default"].createElement("tspan", {
+        React.createElement("tspan", {
           dx: props.x + props.dx,
           dy: idx === 0 ? startDy + props.dy : wordWidths.lineHeight,
           key: idx,
           x: 0 },
 
-        line.words.join(' ')));}),
-
-
+        line.words.join(' ')
+        ));}
+    ),
     displayedLines.length !== textLines.length && /*#__PURE__*/
-    _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/
-    _react["default"].createElement("tspan", null, "..."), /*#__PURE__*/
-    _react["default"].createElement("title", null, children)))));
-
-
-
+    React.createElement(React.Fragment, null, /*#__PURE__*/
+    React.createElement("tspan", null, "..."), /*#__PURE__*/
+    React.createElement("title", null, children)
+    )
 
+    )
 
+    ));
 
 };
 
 Text.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  dx: _propTypes["default"].number,
-  dy: _propTypes["default"].number,
-  maxHeight: _propTypes["default"].number,
-  maxWidth: _propTypes["default"].number,
-  verticalAnchor: _propTypes["default"].oneOf(['start', 'middle', 'end']),
-  x: _shapes.numberOrString,
-  y: _shapes.numberOrString
+  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 = {
@@ -111,6 +111,6 @@ Text.defaultProps = {
   verticalAnchor: 'start',
   x: '50%',
   y: '50%'
-};var _default =
+};
 
-Text;exports["default"] = _default;
+export default Text;