zds-pickers 3.9.0 → 3.9.1

package/dist/hooks/useComponentSize.js

@@ -4,12 +4,12 @@ var _react = require("react"); /* eslint-disable consistent-return */
 var getSize = function getSize(el) {return el ?
   {
     width: el.offsetWidth,
-    height: el.offsetHeight } :
-
+    height: el.offsetHeight
+  } :
   {
     width: 0,
-    height: 0 };};
-
+    height: 0
+  };};
 
 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];

package/dist/midi/statuses.js

@@ -27,7 +27,7 @@ var combineStatus = function combineStatus(channel, status) {return channel | st
 
 var extractStatus = function extractStatus(status) {return {
     status: (status & MASK_STATUS) >> 4 | 8,
-    channel: status & MASK_CHANNEL };};exports.extractStatus = extractStatus;var _default =
-
+    channel: status & MASK_CHANNEL
+  };};exports.extractStatus = extractStatus;var _default =
 
 statuses;exports["default"] = _default;

package/dist/other/SVGText.js

@@ -100,8 +100,8 @@ Text.propTypes = {
   maxWidth: _propTypes["default"].number,
   verticalAnchor: _propTypes["default"].oneOf(['start', 'middle', 'end']),
   x: _shapes.numberOrString,
-  y: _shapes.numberOrString };
-
+  y: _shapes.numberOrString
+};
 
 Text.defaultProps = {
   dx: 0,
@@ -110,7 +110,7 @@ Text.defaultProps = {
   maxWidth: undefined,
   verticalAnchor: 'start',
   x: '50%',
-  y: '50%' };var _default =
-
+  y: '50%'
+};var _default =
 
 Text;exports["default"] = _default;

package/dist/other/utils.js

@@ -18,8 +18,8 @@ var calculateWordsByLines = function calculateWordsByLines(words, wordWidths, ma
         width: wordWidth,
         showLine: maxHeight ?
         lineHeight * (result.length + 1) < maxHeight :
-        true };
-
+        true
+      };
       result.push(newLine);
     }
     return result;

package/dist/pickers/CCPicker.js

@@ -13,7 +13,7 @@ var CCPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {return
 
 CCPicker.propTypes = {
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired };var _default =
-
+  value: _propTypes["default"].number.isRequired
+};var _default =
 
 CCPicker;exports["default"] = _default;

package/dist/pickers/ChannelMappingPicker.js

@@ -46,7 +46,7 @@ var ChannelMappingPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
 ChannelMappingPicker.propTypes = {
   channels: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired };var _default =
-
+  value: _propTypes["default"].number.isRequired
+};var _default =
 
 ChannelMappingPicker;exports["default"] = _default;

package/dist/pickers/ChannelPicker.js

@@ -6,8 +6,8 @@ var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["clas
 
 var options = (0, _utils.arraySequence)(16).map(function (value) {return {
     value: value,
-    label: "Channel ".concat(value + 1) };});
-
+    label: "Channel ".concat(value + 1)
+  };});
 
 var ChannelPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var className = _ref.className,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var formatOptionLabel = (0, _react.useCallback)(
@@ -30,11 +30,11 @@ var ChannelPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {va
 ChannelPicker.propTypes = {
   className: _propTypes["default"].string,
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired };
-
+  value: _propTypes["default"].number.isRequired
+};
 
 ChannelPicker.defaultProps = {
-  className: undefined };var _default =
-
+  className: undefined
+};var _default =
 
 ChannelPicker;exports["default"] = _default;

package/dist/pickers/Knob.js

@@ -7,7 +7,7 @@ var _knobSkin = _interopRequireDefault(require("./knobSkin10"));var _excluded =
 
 var Knob = function Knob(props) {
   var
-  disabled =
+    disabled =
 
 
 
@@ -15,7 +15,7 @@ var Knob = function Knob(props) {
 
 
 
-  props.disabled,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    props.disabled,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
   var _useStateWithDynamicD = (0, _useStateWithDynamicDefault["default"])(initialValue),_useStateWithDynamicD2 = (0, _slicedToArray2["default"])(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
 
@@ -71,8 +71,8 @@ Knob.propTypes = {
   wheelEnabled: _propTypes["default"].bool,
   onChange: _propTypes["default"].func,
   value: _propTypes["default"].number,
-  wheelSensitivity: _propTypes["default"].number };
-
+  wheelSensitivity: _propTypes["default"].number
+};
 Knob.defaultProps = {
   disabled: false,
   max: 127,
@@ -80,7 +80,7 @@ Knob.defaultProps = {
   onChange: undefined,
   value: 0,
   wheelEnabled: false,
-  wheelSensitivity: 0.1 };var _default =
-
+  wheelSensitivity: 0.1
+};var _default =
 
 Knob;exports["default"] = _default;

package/dist/pickers/KnobPicker.js

@@ -6,7 +6,7 @@ var _Knob = _interopRequireDefault(require("./Knob"));var _excluded = ["disabled
 
 var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var
-  disabled =
+    disabled =
 
 
 
@@ -20,7 +20,7 @@ var KnobPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
 
-  props.disabled,highToLow = props.highToLow,includeLabel = props.includeLabel,includePicker = props.includePicker,knobProps = props.knobProps,label = props.label,max = props.max,min = props.min,onChange = props.onChange,shrinkLabel = props.shrinkLabel,value = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    props.disabled,highToLow = props.highToLow,includeLabel = props.includeLabel,includePicker = props.includePicker,knobProps = props.knobProps,label = props.label,max = props.max,min = props.min,onChange = props.onChange,shrinkLabel = props.shrinkLabel,value = props.value,wheelEnabled = props.wheelEnabled,wheelSensitivity = props.wheelSensitivity,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
   var options = (0, _react.useMemo)(
   function () {
@@ -80,8 +80,8 @@ KnobPicker.propTypes = {
   shrinkLabel: _propTypes["default"].bool,
   value: _propTypes["default"].number,
   wheelEnabled: _propTypes["default"].bool,
-  wheelSensitivity: _propTypes["default"].number };
-
+  wheelSensitivity: _propTypes["default"].number
+};
 
 KnobPicker.defaultProps = {
   disabled: false,
@@ -95,7 +95,7 @@ KnobPicker.defaultProps = {
   shrinkLabel: false,
   value: 0,
   wheelEnabled: false,
-  wheelSensitivity: 0.1 };var _default =
-
+  wheelSensitivity: 0.1
+};var _default =
 
 KnobPicker;exports["default"] = _default;

package/dist/pickers/LatchPicker.js

@@ -17,7 +17,7 @@ var LatchPicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {ret
 
 LatchPicker.propTypes = {
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired };var _default =
-
+  value: _propTypes["default"].number.isRequired
+};var _default =
 
 LatchPicker;exports["default"] = _default;

package/dist/pickers/MappingPicker.js

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

package/dist/pickers/NotePicker.js

@@ -41,13 +41,13 @@ NotePicker.propTypes = {
   onChange: _propTypes["default"].func.isRequired,
   disabled: _propTypes["default"].bool,
   value: _propTypes["default"].number,
-  channel: _propTypes["default"].number.isRequired };
-
+  channel: _propTypes["default"].number.isRequired
+};
 
 NotePicker.defaultProps = {
   disabled: false,
   mapping: undefined,
-  value: undefined };var _default =
-
+  value: undefined
+};var _default =
 
 NotePicker;exports["default"] = _default;

package/dist/pickers/PolarityPicker.js

@@ -21,12 +21,12 @@ PolarityPicker.propTypes = {
   labelOff: _propTypes["default"].string,
   labelOn: _propTypes["default"].string,
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number.isRequired };
-
+  value: _propTypes["default"].number.isRequired
+};
 
 PolarityPicker.defaultProps = {
   labelOn: 'Normally On',
-  labelOff: 'Normally Off' };var _default =
-
+  labelOff: 'Normally Off'
+};var _default =
 
 PolarityPicker;exports["default"] = _default;

package/dist/pickers/ResponseCurve.js

@@ -19,36 +19,36 @@ var RESPONSE_CURVE_7 = 7;
 var RESPONSE_CURVES = [
 {
   value: RESPONSE_CURVE_7,
-  label: 'Always maxed out.' },
-
+  label: 'Always maxed out.'
+},
 {
   value: RESPONSE_CURVE_6,
-  label: 'Most sensitive.' },
-
+  label: 'Most sensitive.'
+},
 {
   value: RESPONSE_CURVE_5,
-  label: 'Moderately sensitive.' },
-
+  label: 'Moderately sensitive.'
+},
 {
   value: RESPONSE_CURVE_4,
-  label: 'A little sensitive.' },
-
+  label: 'A little sensitive.'
+},
 {
   value: RESPONSE_CURVE_0,
-  label: 'Linear, no change.' },
-
+  label: 'Linear, no change.'
+},
 {
   value: RESPONSE_CURVE_1,
-  label: 'A little less sensitive.' },
-
+  label: 'A little less sensitive.'
+},
 {
   value: RESPONSE_CURVE_2,
-  label: 'Even less sensitive.' },
-
+  label: 'Even less sensitive.'
+},
 {
   value: RESPONSE_CURVE_3,
-  label: 'Least sensitive.' }];
-
+  label: 'Least sensitive.'
+}];
 
 
 // const width = 218
@@ -159,8 +159,8 @@ var ResponseCurve = function ResponseCurve(props) {
       x2: x2,
       y2: y2,
       labelX: labelX,
-      labelY: labelY };
-
+      labelY: labelY
+    };
   });
 
   return /*#__PURE__*/(
@@ -253,14 +253,14 @@ ResponseCurve.propTypes = {
   inverted: _propTypes["default"].bool,
   onChange: _propTypes["default"].func.isRequired,
   Tooltip: _propTypes["default"].elementType,
-  value: _propTypes["default"].number.isRequired };
-
+  value: _propTypes["default"].number.isRequired
+};
 
 ResponseCurve.defaultProps = {
   autosize: false,
   disabled: false,
   inverted: false,
-  Tooltip: DefaultTooltip };var _default =
-
+  Tooltip: DefaultTooltip
+};var _default =
 
 ResponseCurve;exports["default"] = _default;

package/dist/pickers/ResponseCurvePicker.js

@@ -7,29 +7,34 @@ var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["Tool
 var ResponseCurvePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var Tooltip = props.Tooltip,inverted = props.inverted,_onChange = props.onChange,value = props.value,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
-  return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
-    rest, {
-      components: {
-        Placeholder: function Placeholder() {var _findObj;return /*#__PURE__*/(
-            _react["default"].createElement("div", { className: "singleValue" }, (_findObj =
-            (0, _utils.findObj)('value', value)(_ResponseCurve.RESPONSE_CURVES)) === null || _findObj === void 0 ? void 0 : _findObj.label));},
+  var Placeholder = (0, _react.useCallback)(function () {var _findObj;return /*#__PURE__*/(
+      _react["default"].createElement("div", { className: "singleValue" }, (_findObj =
+      (0, _utils.findObj)('value', value)(_ResponseCurve.RESPONSE_CURVES)) === null || _findObj === void 0 ? void 0 : _findObj.label));},
 
+  [value]);
 
-        // eslint-disable-next-line react/prop-types
-        MenuList: function MenuList(_ref) {var setValue = _ref.setValue;return /*#__PURE__*/(
-            _react["default"].createElement(_ResponseCurve["default"], {
-              autosize: true,
-              inverted: inverted,
-              onChange: function onChange(_ref2) {var v = _ref2.target.value;
-                setValue(v);
-                _onChange(v);
-              },
-              Tooltip: Tooltip,
-              value: value }));} },
+  var MenuList = (0, _react.useCallback)(function (_ref) {var setValue = _ref.setValue;return /*#__PURE__*/(
+      _react["default"].createElement(_ResponseCurve["default"], {
+        autosize: true,
+        inverted: inverted,
+        onChange: function onChange(_ref2) {var v = _ref2.target.value;
+          setValue(v);
+          _onChange(v);
+        },
+        Tooltip: Tooltip,
+        value: value }));},
 
 
+  [Tooltip, inverted, _onChange, value]);
 
+  return /*#__PURE__*/(
+    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    rest, {
+      components: {
+        Input: function Input() {return null;},
+        Placeholder: Placeholder,
+        MenuList: MenuList
+      },
       onChange: function onChange(f) {return f;},
       ref: ref,
       value: value })));
@@ -41,12 +46,12 @@ ResponseCurvePicker.propTypes = {
   value: _propTypes["default"].number.isRequired,
   inverted: _propTypes["default"].bool,
   onChange: _propTypes["default"].func.isRequired,
-  Tooltip: _propTypes["default"].elementType };
-
+  Tooltip: _propTypes["default"].elementType
+};
 
 ResponseCurvePicker.defaultProps = {
   inverted: false,
-  Tooltip: _ResponseCurve.DefaultTooltip };var _default =
-
+  Tooltip: _ResponseCurve.DefaultTooltip
+};var _default =
 
 ResponseCurvePicker;exports["default"] = _default;

package/dist/pickers/Select.js

@@ -1,6 +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 _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 = ["children"],_excluded3 = ["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);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 = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;}
+var _reactSelect = _interopRequireWildcard(require("react-select"));var _excluded = ["children"],_excluded2 = ["children"],_excluded3 = ["components", "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);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 = null != arguments[i] ? arguments[i] : {};i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}return target;}
 
 var IndicatorsContainer = _reactSelect.components.IndicatorsContainer,Placeholder = _reactSelect.components.Placeholder,ValueContainer = _reactSelect.components.ValueContainer;
 
@@ -24,8 +24,8 @@ var CustomIndicatorsContainer = function CustomIndicatorsContainer(_ref) {var _r
 
 };
 CustomIndicatorsContainer.propTypes = {
-  children: _propTypes["default"].node.isRequired };
-
+  children: _propTypes["default"].node.isRequired
+};
 
 var CustomValueContainer = function CustomValueContainer(_ref2) {var children = _ref2.children,props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);return /*#__PURE__*/(
     _react["default"].createElement(ValueContainer, props, /*#__PURE__*/
@@ -43,20 +43,21 @@ CustomValueContainer.propTypes = {
   children: _propTypes["default"].node.isRequired,
   hasValue: _propTypes["default"].bool.isRequired,
   isFocused: _propTypes["default"].bool,
-  selectProps: _propTypes["default"].object.isRequired };
-
+  selectProps: _propTypes["default"].object.isRequired
+};
 CustomValueContainer.defaultProps = { isFocused: false };
 
 var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var
-  disabled =
+    components =
 
 
 
 
 
 
-  props.disabled,label = props.label,onChange = props.onChange,options = props.options,shrinkLabel = props.shrinkLabel,value = props.value,rest = (0, _objectWithoutProperties2["default"])(props, _excluded3);
+
+    props.components,disabled = props.disabled,label = props.label,onChange = props.onChange,options = props.options,shrinkLabel = props.shrinkLabel,value = props.value,rest = (0, _objectWithoutProperties2["default"])(props, _excluded3);
 
   var handleChange = (0, _react.useCallback)(function (option) {
     onChange(option.value);
@@ -74,9 +75,10 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   _react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({},
   rest, {
     classNamePrefix: "zds-pickers",
-    components: {
+    components: _objectSpread({
       IndicatorsContainer: CustomIndicatorsContainer,
       ValueContainer: CustomValueContainer },
+    components),
 
     isDisabled: disabled,
     onChange: handleChange,
@@ -98,9 +100,9 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           left: state.hasValue || state.selectProps.inputValue ? -2 : '4%',
           top: state.hasValue || state.selectProps.inputValue ? -12 : '50%',
           transition: 'top 0.1s, font-size 0.1s, color 0.1s',
-          fontSize: (state.hasValue || state.selectProps.inputValue) && 13 });} },
-
+          fontSize: (state.hasValue || state.selectProps.inputValue) && 13 });}
 
+    },
     value: selectedOption }))) : /*#__PURE__*/
 
 
@@ -111,8 +113,9 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   _react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({},
   rest, {
     classNamePrefix: "zds-pickers",
-    components: {
+    components: _objectSpread({
       IndicatorsContainer: CustomIndicatorsContainer },
+    components),
 
     isDisabled: disabled,
     onChange: handleChange,
@@ -125,6 +128,7 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 });
 
 Select.propTypes = {
+  components: _propTypes["default"].object,
   disabled: _propTypes["default"].bool,
   label: _propTypes["default"].string,
   onChange: _propTypes["default"].func.isRequired,
@@ -134,11 +138,12 @@ Select.propTypes = {
 };
 
 Select.defaultProps = {
+  components: undefined,
   disabled: false,
   label: undefined,
   options: [],
   shrinkLabel: false,
-  value: undefined };var _default =
-
+  value: undefined
+};var _default =
 
 Select;exports["default"] = _default;

package/dist/pickers/StatusPicker.js

@@ -12,11 +12,11 @@ var StatusPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var
 
 var statusShape = {
   value: _propTypes["default"].number,
-  label: _propTypes["default"].string };
-
+  label: _propTypes["default"].string
+};
 
 StatusPicker.propTypes = {
-  statuses: _propTypes["default"].arrayOf(_propTypes["default"].shape(statusShape)).isRequired };var _default =
-
+  statuses: _propTypes["default"].arrayOf(_propTypes["default"].shape(statusShape)).isRequired
+};var _default =
 
 StatusPicker;exports["default"] = _default;

package/dist/pickers/ValuePicker.js

@@ -43,15 +43,15 @@ ValuePicker.propTypes = {
   max: _propTypes["default"].number,
   min: _propTypes["default"].number,
   onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number };
-
+  value: _propTypes["default"].number
+};
 
 ValuePicker.defaultProps = {
   disabled: false,
   highToLow: false,
   max: 127,
   min: 0,
-  value: undefined };var _default =
-
+  value: undefined
+};var _default =
 
 ValuePicker;exports["default"] = _default;

package/dist/pickers/knobSkin10.js

@@ -80,15 +80,15 @@
     attrs: [
     {
       name: 'text-anchor',
-      value: function /* props, value */ value() {return 'middle';} },
-
+      value: function /* props, value */ value() {return 'middle';}
+    },
     {
       name: 'x',
-      value: function /* props, value */ value() {return '100';} }] }] };var _default =
-
-
-
+      value: function /* props, value */ value() {return '100';}
+    }]
 
+  }]
 
+};var _default =
 
 knobSkin10;exports["default"] = _default;

package/dist/shapes.js

@@ -5,7 +5,7 @@ var numberOrString = (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.st
 var mappingShape = (0, _propTypes.shape)({
   note: _propTypes.number.isRequired,
   name: _propTypes.string.isRequired,
-  group: _propTypes.string.isRequired });exports.mappingShape = mappingShape;var _default =
-
+  group: _propTypes.string.isRequired
+});exports.mappingShape = mappingShape;var _default =
 
 mappingShape;exports["default"] = _default;

package/dist/stories/assets/mapper.js

@@ -46,8 +46,8 @@ var standardizeGroup = function standardizeGroup(name) {
 var standardizeItem = function standardizeItem(_ref) {var note = _ref.note,group = _ref.group,name = _ref.name;return {
     note: note,
     name: name,
-    group: standardizeGroup(group) };};exports.standardizeItem = standardizeItem;
-
+    group: standardizeGroup(group)
+  };};exports.standardizeItem = standardizeItem;
 
 var reverse = function reverse(content) {return content.map(function (_ref2) {var note = _ref2.note,group = _ref2.group,name = _ref2.name;return "".concat(note, ":").concat(group, "|").concat(name);}).join('\n');};exports.reverse = reverse;
 
@@ -60,8 +60,8 @@ var mapper = function mapper(raw) {var fillMissing = arguments.length > 1 && arg
     {
       note: parseInt(props[1], 10),
       group: String(props[2]).trim(),
-      name: String(props[3]).trim() } :
-
+      name: String(props[3]).trim()
+    } :
     null;
   }).
   filter(function (item) {return item !== null;}).
@@ -74,8 +74,8 @@ var mapper = function mapper(raw) {var fillMissing = arguments.length > 1 && arg
   map(function (n) {return availableNotes.find(function (_ref3) {var note = _ref3.note;return n === note;}) || {
       note: n,
       group: '',
-      name: '' };}) :
-
+      name: ''
+    };}) :
   availableNotes;
 };var _default =
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "homepage": "https://github.com/dkadrios/zds-pickers#readme",
   "license": "MIT",
   "main": "dist/index.js",
@@ -26,11 +26,12 @@
     "lint:fix": "npm run lint -- --fix",
     "lint": "eslint 'src/**'",
     "prepare": "npm run build",
-    "sb": "start-storybook -p 6006"
+    "sb": "start-storybook --quiet -p 6006 --ci --no-manager-cache"
   },
   "devDependencies": {
     "@babel/cli": "7.19.3",
-    "@babel/core": "7.19.3",
+    "@babel/core": "7.19.6",
+    "@babel/eslint-parser": "7.19.1",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-export-default-from": "7.18.10",
     "@babel/plugin-proposal-export-namespace-from": "7.18.9",
@@ -38,8 +39,8 @@
     "@babel/plugin-syntax-async-generators": "7.8.4",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/plugin-syntax-import-meta": "7.10.4",
-    "@babel/plugin-transform-runtime": "7.19.1",
-    "@babel/preset-env": "7.19.3",
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/preset-env": "7.19.4",
     "@babel/preset-react": "7.18.6",
     "@storybook/addon-actions": "6.5.12",
     "@storybook/addon-essentials": "6.5.12",
@@ -49,11 +50,10 @@
     "@studysync/eslint-plugin-jsx-conditionals": "2.0.2",
     "@studysync/eslint-plugin-material-ui": "1.1.1",
     "@studysync/eslint-plugin-persnickety": "1.0.5",
-    "babel-eslint": "10.1.0",
-    "eslint": "7.32.0",
-    "eslint-config-airbnb": "18.2.1",
     "babel-loader": "8.2.5",
     "classnames": "2.3.2",
+    "eslint": "8.26.0",
+    "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.5.0",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-import-resolver-parcel": "1.10.6",
@@ -63,24 +63,24 @@
     "eslint-plugin-jsx-a11y": "6.6.1",
     "eslint-plugin-ocd": "1.1.0",
     "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.31.8",
+    "eslint-plugin-react": "7.31.10",
     "eslint-plugin-react-hooks": "4.6.0",
     "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-rotary-knob": "1.1.8",
-    "react-select": "5.4.0",
+    "react-select": "5.5.4",
     "reduce-css-calc": "2.1.8",
     "zds-mappings": "1.4.9"
   },
   "dependencies": {},
   "peerDependencies": {
-    "classnames": "^2",
-    "prop-types": "^15",
-    "react": ">=17",
+    "classnames": "^2.3.2",
+    "prop-types": "^15.8.1",
+    "react": ">=18.2.0",
     "react-rotary-knob": "^1.1.8",
-    "react-select": ">=4.0.0",
-    "reduce-css-calc": "^1.3.0",
+    "react-select": ">=5.5.4",
+    "reduce-css-calc": ">=2.1.8",
     "zds-mappings": "^1.4.9"
   }
 }