zds-pickers 3.8.3 → 3.8.7

package/dist/index.js

@@ -1,4 +1,4 @@
-"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, "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, "SVGText", { enumerable: true, get: function get() {return _SVGText["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, "getStringWidth", { enumerable: true, get: function get() {return _getStringWidth["default"];} });Object.defineProperty(exports, "assertRange", { enumerable: true, get: function get() {return _utils.assertRange;} });Object.defineProperty(exports, "memoize", { enumerable: true, get: function get() {return _utils.memoize;} });
+"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, "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, "SVGText", { enumerable: true, get: function get() {return _SVGText["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;} });Object.defineProperty(exports, "memoize", { enumerable: true, get: function get() {return _utils.memoize;} });
 var _CCPicker = _interopRequireDefault(require("./pickers/CCPicker"));
 var _ChannelMappingPicker = _interopRequireDefault(require("./pickers/ChannelMappingPicker"));
 var _ChannelPicker = _interopRequireDefault(require("./pickers/ChannelPicker"));
@@ -37,6 +37,5 @@ var _ResponseCurve = _interopRequireWildcard(require("./pickers/ResponseCurve"))
 
 
 var _ccValues = _interopRequireDefault(require("./midi/ccValues"));
-var _getStringWidth = _interopRequireDefault(require("./other/getStringWidth"));
 
 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/other/SVGText.js

@@ -1,153 +1,88 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-
-var _react = _interopRequireWildcard(require("react"));
+"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 _reduceCssCalc = _interopRequireDefault(require("reduce-css-calc"));
-var _getStringWidth = _interopRequireDefault(require("./getStringWidth"));var _excluded = ["angle", "capHeight", "children", "dx", "dy", "lineHeight", "scaleToFit", "style", "textAnchor", "verticalAnchor", "width"];function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-
-var calculateWordWidths = function calculateWordWidths(_ref) {var children = _ref.children,style = _ref.style;
-  try {
-    var words = children ? children.toString().split(/\s+/) : [];
-    var wordsWithComputedWidth = words.map(function (word) {return (
-        { word: word, width: (0, _getStringWidth["default"])(word, style) });});
-
-
-    var spaceWidth = (0, _getStringWidth["default"])("\xA0", style);
-
-    return { wordsWithComputedWidth: wordsWithComputedWidth, spaceWidth: spaceWidth };
-  } catch (e) {
-    return null;
-  }
-};
+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;}
 
 var Text = function Text(props) {
-  var _useState = (0, _react.useState)([]),_useState2 = (0, _slicedToArray2["default"])(_useState, 2),wordsByLines = _useState2[0],setWordsByLines = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),spaceWidth = _useState4[0],setSpaceWidth = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),wordsWithComputedWidth = _useState6[0],setWordsWithComputedWidth = _useState6[1];
-
-  var
-  angle =
-
-
-
-
-
+  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) {
+    setComputedStyle(node !== null ? window.getComputedStyle(node) : '');
+  }, []);
 
+  (0, _react.useEffect)(function () {
+    var el = document.getElementById(_utils.MEASUREMENT_ELEMENT_ID);
+    if (el === null) {
+      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      svg.setAttribute('id', _utils.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;};
+  }, []);
 
+  (0, _react.useEffect)(function () {
+    var wordWithWidths = (0, _utils.calculateWordWidths)(style, measureRef.current.firstElementChild, children);
+    setWordWidths(wordWithWidths);
+  }, [children, style]);
 
+  (0, _react.useEffect)(function () {
+    if (maxWidth && wordWidths) {
+      var lines = (0, _utils.calculateWordsByLines)(children, wordWidths, maxWidth, maxHeight);
+      setTextLines(lines);
+    }
+  }, [maxHeight, maxWidth, wordWidths, children]);
 
+  var startDy = (0, _react.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);
 
-  props.angle,capHeight = props.capHeight,children = props.children,dx = props.dx,dy = props.dy,lineHeight = props.lineHeight,scaleToFit = props.scaleToFit,style = props.style,textAnchor = props.textAnchor,verticalAnchor = props.verticalAnchor,width = props.width,textProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-  var x = textProps.x + dx;
-  var y = textProps.y + dy;
-
-  var calculateWordsByLines = (0, _react.useCallback)(
-  function (
-  www,
-  sw,
-  lineWidth) {return (
-      www.reduce(function (result, _ref2) {var word = _ref2.word,w = _ref2.width;
-        var currentLine = result[result.length - 1];
-
-        if (currentLine && (lineWidth == null || scaleToFit ||
-        currentLine.width + w + sw < lineWidth)) {
-          // Word can be added to an existing line
-          currentLine.words.push(word);
-          currentLine.width += w + sw;
-        } else {
-          // Add first word to line or word is too long to scaleToFit on existing line
-          var newLine = { words: [word], width: w };
-          result.push(newLine);
-        }
-
-        return result;
-      }, []));},
-  [scaleToFit]);
-
+        default:
+          return -(displayedLines.length - 1) * wordWidths.lineHeight;}
 
-  (0, _react.useEffect)(function () {
-    var updateWordsWithoutCalculate = function updateWordsWithoutCalculate() {
-      var words = children ? children.toString().split(/\s+/) : [];
-      setWordsByLines([{ words: words }]);
-    };
-
-    var updateWordsByLines = function updateWordsByLines() {
-      // Only perform calculations if using features that require them (multiline, scaleToFit)
-      if (width || scaleToFit) {
-        var wordWidths = calculateWordWidths({ children: children, style: style });
-
-        if (wordWidths) {
-          var sw = wordWidths.spaceWidth,www = wordWidths.wordsWithComputedWidth;
-          setSpaceWidth(sw);
-          setWordsWithComputedWidth(www);
-        } else {
-          updateWordsWithoutCalculate();
-
-          return;
-        }
-
-        var newWordsByLines = calculateWordsByLines(
-        wordsWithComputedWidth,
-        spaceWidth,
-        width);
-
-
-        setWordsByLines(newWordsByLines);
-      } else {
-        updateWordsWithoutCalculate();
-      }
-    };
-
-    updateWordsByLines(true);
-  }, [calculateWordsByLines, children, scaleToFit, spaceWidth, style, width, wordsWithComputedWidth]);
-
-  var startDy;
-  switch (verticalAnchor) {
-    case 'start':
-      startDy = (0, _reduceCssCalc["default"])("calc(".concat(capHeight, ")"));
-      break;
-    case 'middle':
-      startDy = (0, _reduceCssCalc["default"])("calc(".concat((wordsByLines.length - 1) / 2, " * -").concat(lineHeight, " + (").concat(capHeight, " / 2))"));
-      break;
-    default:
-      startDy = (0, _reduceCssCalc["default"])("calc(".concat(wordsByLines.length - 1, " * -").concat(lineHeight, ")"));
-      break;}
-
-
-  var transforms = [];
-  if (scaleToFit && wordsByLines.length) {
-    var lineWidth = wordsByLines[0].width;
-    var sx = width / lineWidth;
-    var sy = sx;
-    var originX = x - sx * x;
-    var originY = y - sy * y;
-    transforms.push("matrix(".concat(sx, ", 0, 0, ").concat(sy, ", ").concat(originX, ", ").concat(originY, ")"));
-  }
-  if (angle) {
-    transforms.push("rotate(".concat(angle, ", ").concat(x, ", ").concat(y, ")"));
-  }
-  if (transforms.length) {
-    textProps.transform = transforms.join(' ');
-  }
+    } else {
+      return 0;
+    }
+  }, [displayedLines.length, verticalAnchor, wordWidths === null || wordWidths === void 0 ? void 0 : wordWidths.lineHeight]);
 
   return /*#__PURE__*/(
     _react["default"].createElement("text", (0, _extends2["default"])({
-      textAnchor: textAnchor,
-      x: x,
-      y: y },
-    textProps),
+      ref: ref },
+    rest),
 
+    textLines.length <= 1 ?
+    children : /*#__PURE__*/
 
-    wordsByLines.map(function (line, index) {return /*#__PURE__*/(
+    _react["default"].createElement(_react["default"].Fragment, null,
+    displayedLines.map(function (line, idx) {return /*#__PURE__*/(
         _react["default"].createElement("tspan", {
-          dy: index === 0 ? startDy : lineHeight,
-          key: index,
-          x: x },
+          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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/
+    _react["default"].createElement("tspan", null, "..."), /*#__PURE__*/
+    _react["default"].createElement("title", null, children)))));
 
-        line.words.join(' ')));})));
 
 
 
@@ -156,35 +91,22 @@ var Text = function Text(props) {
 };
 
 Text.propTypes = {
-  angle: _propTypes["default"].number,
-  capHeight: _propTypes["default"].string,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].elementType]),
+  children: _propTypes["default"].node.isRequired,
   dx: _propTypes["default"].number,
   dy: _propTypes["default"].number,
-  lineHeight: _propTypes["default"].string,
-  scaleToFit: _propTypes["default"].bool,
-  style: _propTypes["default"].object,
-  textAnchor: _propTypes["default"].oneOf(['start', 'middle', 'end', 'inherit']),
+  maxHeight: _propTypes["default"].number,
+  maxWidth: _propTypes["default"].number,
   verticalAnchor: _propTypes["default"].oneOf(['start', 'middle', 'end']),
-  width: _propTypes["default"].number,
-  x: _propTypes["default"].number,
-  y: _propTypes["default"].number };
+  x: _propTypes["default"].number };
 
 
 Text.defaultProps = {
-  angle: undefined,
-  capHeight: '0.71em', // Magic number from d3
-  children: undefined,
   dx: 0,
   dy: 0,
-  lineHeight: '1em',
-  scaleToFit: false,
-  style: undefined,
-  textAnchor: 'start',
-  verticalAnchor: 'end', // default SVG behavior
-  width: undefined,
-  x: 0,
-  y: 0 };var _default =
+  maxHeight: undefined,
+  maxWidth: undefined,
+  verticalAnchor: 'start',
+  x: 0 };var _default =
 
 
 Text;exports["default"] = _default;

package/dist/other/utils.js

@@ -0,0 +1,48 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports.MEASUREMENT_ELEMENT_ID = exports.calculateWordsByLines = exports.calculateWordWidths = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);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;} /* eslint-disable no-param-reassign */
+var MEASUREMENT_ELEMENT_ID = '__react_svg_text_measurement_id';exports.MEASUREMENT_ELEMENT_ID = MEASUREMENT_ELEMENT_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;
+  }, []);
+};exports.calculateWordsByLines = calculateWordsByLines;
+
+var calculateWordWidths = function calculateWordWidths(style, textNode, words) {
+  if (style && textNode) {
+    Array.from(style).forEach(function (key) {return textNode.style.setProperty(
+      key,
+      style.getPropertyValue(key),
+      style.getPropertyPriority(key));});
+
+    var wordArray = (0, _toConsumableArray2["default"])(new Set(words.toString().split(/\s+/)));
+    var wordsWithComputedWidth = wordArray.reduce(function (wordMap, word) {
+      textNode.textContent = word;
+      return _objectSpread(_objectSpread({}, wordMap), {}, (0, _defineProperty2["default"])({}, 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;
+};exports.calculateWordWidths = calculateWordWidths;

package/dist/pickers/Select.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _typeof = require("@babel/runtime/helpers/typeof");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));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 _reactSelect = _interopRequireWildcard(require("react-select"));var _excluded = ["children"],_excluded2 = ["disabled", "label", "onChange", "options", "shrinkLabel", "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;}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;}
 
@@ -40,9 +40,12 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [onChange]);
 
   var selectedOption = (0, _react.useMemo)(
-  function () {return options && options.find ?
-    options === null || options === void 0 ? void 0 : options.find(function (option) {return value === option.value;}) :
-    undefined;},
+  function () {
+    var flatOptionsList = options.reduce(function (acc, entry) {return entry.options ? [].concat((0, _toConsumableArray2["default"])(
+      acc), (0, _toConsumableArray2["default"])(entry.options)) : [].concat((0, _toConsumableArray2["default"])(
+      acc), [entry]);}, []);
+    return flatOptionsList.find(function (option) {return value === option.value;}) || undefined;
+  },
   [options, value]);
 
 
@@ -110,7 +113,7 @@ Select.propTypes = {
 Select.defaultProps = {
   disabled: false,
   label: undefined,
-  options: undefined,
+  options: [],
   shrinkLabel: false,
   value: undefined };var _default =
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "3.8.3",
+  "version": "3.8.7",
   "homepage": "https://github.com/dkadrios/zds-pickers#readme",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/other/getStringWidth.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _utils = require("../utils");
-
-var MEASUREMENT_ELEMENT_ID = '__react_svg_text_measurement_id';
-
-var getStringWidth = function getStringWidth(str, style) {
-  try {
-    // Calculate length of each word to be used to determine number of words per line
-    var textEl = document.getElementById(MEASUREMENT_ELEMENT_ID);
-    if (!textEl) {
-      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-      textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
-      textEl.setAttribute('id', MEASUREMENT_ELEMENT_ID);
-      svg.appendChild(textEl);
-      document.body.appendChild(svg);
-    }
-
-    Object.assign(textEl.style, style);
-    textEl.textContent = str;
-    return textEl.getComputedTextLength();
-  } catch (e) {
-    return null;
-  }
-};
-var getStringWidthMemoized = (0, _utils.memoize)(getStringWidth);var _default =
-
-getStringWidthMemoized;exports["default"] = _default;