zds-pickers 3.8.7 → 3.8.10

package/dist/other/SVGText.js

@@ -1,5 +1,6 @@
 "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;}
 
 var Text = function Text(props) {
@@ -97,7 +98,8 @@ Text.propTypes = {
   maxHeight: _propTypes["default"].number,
   maxWidth: _propTypes["default"].number,
   verticalAnchor: _propTypes["default"].oneOf(['start', 'middle', 'end']),
-  x: _propTypes["default"].number };
+  x: _shapes.numberOrString,
+  y: _shapes.numberOrString };
 
 
 Text.defaultProps = {
@@ -106,7 +108,8 @@ Text.defaultProps = {
   maxHeight: undefined,
   maxWidth: undefined,
   verticalAnchor: 'start',
-  x: 0 };var _default =
+  x: '50%',
+  y: '50%' };var _default =
 
 
 Text;exports["default"] = _default;

package/dist/pickers/MappingPicker.js

@@ -8,32 +8,35 @@ var MappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {va
   var userMappings = (0, _zdsMappings.getUserMappingNames)();
 
   var options = (0, _react.useMemo)(function () {
-    var result = [
-    {
-      label: '',
-      options: userMappings.map(function (label) {return { value: label, label: /*#__PURE__*/_react["default"].createElement("span", { className: "zds-mappings-user-mapping" }, label) };}) },
+    var result = allowClearing ?
+    [{
+      value: 'No Mapping',
+      label: /*#__PURE__*/_react["default"].createElement("span", { className: "zds-mappings-clear-mapping" }, "No Mapping") }] :
 
+    [];
+
+    return [].concat(
+    result, [
 
     {
-      label: userMappings.length ? /*#__PURE__*/_react["default"].createElement("hr", null) : '',
-      options: stockMappings.map(function (label) {return { label: label, value: label };}) }];
+      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) };}) },
 
 
-    return allowClearing ? [].concat(
-    result, [
     {
-      label: /*#__PURE__*/_react["default"].createElement("hr", null),
-      options: [{ value: -1, label: /*#__PURE__*/_react["default"].createElement("span", { className: "zds-mappings-clear-mapping" }, "No Mapping") }] }]) :
+      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;
   }, [allowClearing, stockMappings, userMappings]);
 
   return /*#__PURE__*/(
     _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
     rest, {
       options: options,
-      ref: ref,
-      value: "General MIDI" })));
+      ref: ref })));
 
 
 });
@@ -41,11 +44,12 @@ var MappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {va
 MappingPicker.propTypes = {
   allowClearing: _propTypes["default"].bool,
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].string.isRequired };
+  value: _propTypes["default"].string };
 
 
 MappingPicker.defaultProps = {
-  allowClearing: true };var _default =
+  allowClearing: true,
+  value: 'General MIDI' };var _default =
 
 
 MappingPicker;exports["default"] = _default;

package/dist/pickers/Select.js

@@ -39,15 +39,11 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onChange(option.value);
   }, [onChange]);
 
-  var selectedOption = (0, _react.useMemo)(
-  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]);
+  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]);}, []);
 
+  var selectedOption = flatOptionsList.find(function (option) {return value === option.value;}) || undefined;
 
   return shrinkLabel ? /*#__PURE__*/
 

package/dist/shapes.js

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.mappingShape = void 0;var _propTypes = require("prop-types");
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.mappingShape = exports.numberOrString = void 0;var _propTypes = require("prop-types");
+
+var numberOrString = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]);exports.numberOrString = numberOrString;
 
 var mappingShape = (0, _propTypes.shape)({
   note: _propTypes.number.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "3.8.7",
+  "version": "3.8.10",
   "homepage": "https://github.com/dkadrios/zds-pickers#readme",
   "license": "MIT",
   "main": "dist/index.js",
@@ -79,7 +79,7 @@
     "prop-types": "^15",
     "react": "^17",
     "react-rotary-knob": "^1.1.8",
-    "react-select": ">4",
+    "react-select": ">=4.0.0",
     "reduce-css-calc": "^1.3.0",
     "zds-mappings": "^1.4.9"
   }