zds-pickers 3.9.18 → 3.10.0

package/dist/pickers/ResponseCurvePicker.js

@@ -1,21 +1,21 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _DefaultTooltip = _interopRequireDefault(require("../other/DefaultTooltip"));
-var _utils = require("../utils");
-var _ResponseCurve = _interopRequireWildcard(require("./ResponseCurve"));
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["Tooltip", "inverted", "onChange", "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;}
-
-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);
-
-  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));},
-
+import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["Tooltip", "inverted", "onChange", "value"];import PropTypes from 'prop-types';
+import React, { forwardRef, useCallback } from 'react';
+import DefaultTooltip from '../other/DefaultTooltip';
+import { findObj } from '../utils';
+import ResponseCurve, { RESPONSE_CURVES } from './ResponseCurve';
+import Select from './Select';
+
+var ResponseCurvePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var Tooltip = props.Tooltip,inverted = props.inverted,_onChange = props.onChange,value = props.value,rest = _objectWithoutProperties(props, _excluded);
+
+  var Placeholder = useCallback(function () {var _findObj;return /*#__PURE__*/(
+      React.createElement("div", { className: "singleValue" }, (_findObj =
+      findObj('value', value)(RESPONSE_CURVES)) === null || _findObj === void 0 ? void 0 : _findObj.label
+      ));},
   [value]);
 
-  var MenuList = (0, _react.useCallback)(function (_ref) {var setValue = _ref.setValue;return /*#__PURE__*/(
-      _react["default"].createElement(_ResponseCurve["default"], {
+  var MenuList = useCallback(function (_ref) {var setValue = _ref.setValue;return /*#__PURE__*/(
+      React.createElement(ResponseCurve, {
         autosize: true,
         inverted: inverted,
         onChange: function onChange(_ref2) {var v = _ref2.target.value;
@@ -23,13 +23,13 @@ var ResponseCurvePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
           _onChange(v);
         },
         Tooltip: Tooltip,
-        value: value }));},
-
+        value: value }
 
+      ));},
   [Tooltip, inverted, _onChange, value]);
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
       components: {
         Placeholder: Placeholder,
@@ -38,21 +38,21 @@ var ResponseCurvePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
       isSearchable: false,
       onChange: function onChange(f) {return f;},
       ref: ref,
-      value: value })));
-
+      value: value })
+    ));
 
 });
 
 ResponseCurvePicker.propTypes = {
-  value: _propTypes["default"].number.isRequired,
-  inverted: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  Tooltip: _propTypes["default"].elementType
+  value: PropTypes.number.isRequired,
+  inverted: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  Tooltip: PropTypes.elementType
 };
 
 ResponseCurvePicker.defaultProps = {
   inverted: false,
-  Tooltip: _DefaultTooltip["default"]
-};var _default =
+  Tooltip: DefaultTooltip
+};
 
-ResponseCurvePicker;exports["default"] = _default;
+export default ResponseCurvePicker;

package/dist/pickers/Select.js

@@ -1,17 +1,17 @@
-"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 _utils = require("../utils");var _excluded = ["children"],_excluded2 = ["children"],_excluded3 = ["components", "disabled", "label", "onChange", "options", "preserveMenuWidth", "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;}
+import _defineProperty from "@babel/runtime/helpers/defineProperty";import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["children"],_excluded2 = ["children"],_excluded3 = ["components", "disabled", "label", "onChange", "options", "preserveMenuWidth", "shrinkLabel", "value"];function ownKeys(e, r) {var t = Object.keys(e);if (Object.getOwnPropertySymbols) {var o = Object.getOwnPropertySymbols(e);r && (o = o.filter(function (r) {return Object.getOwnPropertyDescriptor(e, r).enumerable;})), t.push.apply(t, o);}return t;}function _objectSpread(e) {for (var r = 1; r < arguments.length; r++) {var t = null != arguments[r] ? arguments[r] : {};r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {_defineProperty(e, r, t[r]);}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));});}return e;}import React, { Children, forwardRef, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import ReactSelect, { components as originalComponents } from 'react-select';
+import { compose, omit, set } from '../utils';
 
-var IndicatorsContainer = _reactSelect.components.IndicatorsContainer,Placeholder = _reactSelect.components.Placeholder,ValueContainer = _reactSelect.components.ValueContainer;
+var IndicatorsContainer = originalComponents.IndicatorsContainer,Placeholder = originalComponents.Placeholder,ValueContainer = originalComponents.ValueContainer;
 
-var CustomIndicatorsContainer = function CustomIndicatorsContainer(_ref) {var _rest$selectProps, _rest$selectProps$sel;var children = _ref.children,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var actionButton = (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 ? void 0 : (_rest$selectProps$sel = _rest$selectProps.selectProps) === null || _rest$selectProps$sel === void 0 ? void 0 : _rest$selectProps$sel.actionButton;
+var CustomIndicatorsContainer = function CustomIndicatorsContainer(_ref) {var _rest$selectProps;var children = _ref.children,rest = _objectWithoutProperties(_ref, _excluded);
+  var actionButton = (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 || (_rest$selectProps = _rest$selectProps.selectProps) === null || _rest$selectProps === void 0 ? void 0 : _rest$selectProps.actionButton;
 
   return /*#__PURE__*/(
-    _react["default"].createElement(IndicatorsContainer, rest, /*#__PURE__*/
+    React.createElement(IndicatorsContainer, rest, /*#__PURE__*/
 
-    _react["default"].createElement("div", {
+    React.createElement("div", {
       onMouseDown: function onMouseDown(e) {
         e.stopPropagation();
         e.preventDefault();
@@ -19,36 +19,36 @@ var CustomIndicatorsContainer = function CustomIndicatorsContainer(_ref) {var _r
       style: { display: 'flex' } },
 
     actionButton,
-    children)));
-
-
+    children
+    )
+    ));
 
 };
 CustomIndicatorsContainer.propTypes = {
-  children: _propTypes["default"].node.isRequired
+  children: PropTypes.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__*/
-    _react["default"].createElement(Placeholder, (0, _extends2["default"])({},
+var CustomValueContainer = function CustomValueContainer(_ref2) {var children = _ref2.children,props = _objectWithoutProperties(_ref2, _excluded2);return /*#__PURE__*/(
+    React.createElement(ValueContainer, props, /*#__PURE__*/
+    React.createElement(Placeholder, _extends({},
     props, {
       className: props.hasValue || props.selectProps.inputValue ? 'shrunk' : '',
       isFocused: props.isFocused }),
 
-    props.selectProps.placeholder),
-
-    _react.Children.map(children, function (child) {return child && child.type !== Placeholder ? child : null;})));};
-
+    props.selectProps.placeholder
+    ),
+    Children.map(children, function (child) {return child && child.type !== Placeholder ? child : null;})
+    ));};
 
 CustomValueContainer.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  hasValue: _propTypes["default"].bool.isRequired,
-  isFocused: _propTypes["default"].bool,
-  selectProps: _propTypes["default"].object.isRequired
+  children: PropTypes.node.isRequired,
+  hasValue: PropTypes.bool.isRequired,
+  isFocused: PropTypes.bool,
+  selectProps: PropTypes.object.isRequired
 };
 CustomValueContainer.defaultProps = { isFocused: false };
 
-var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   var
     components =
 
@@ -59,27 +59,27 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
 
-    props.components,disabled = props.disabled,label = props.label,onChange = props.onChange,options = props.options,preserveMenuWidth = props.preserveMenuWidth,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,preserveMenuWidth = props.preserveMenuWidth,shrinkLabel = props.shrinkLabel,value = props.value,rest = _objectWithoutProperties(props, _excluded3);
 
-  var handleChange = (0, _react.useCallback)(function (option) {
+  var handleChange = useCallback(function (option) {
     onChange(option.value);
   }, [onChange]);
 
-  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 flatOptionsList = options.reduce(function (acc, entry) {return entry.options ? [].concat(_toConsumableArray(
+      acc), _toConsumableArray(entry.options)) : [].concat(_toConsumableArray(
+      acc), [entry]);}, []);
 
   var selectedOption = flatOptionsList.find(function (option) {return value === option.value;}) || undefined;
 
-  var styles = (0, _react.useMemo)(function () {
+  var styles = useMemo(function () {
     var base = preserveMenuWidth ?
     {
-      menu: (0, _utils.omit)('width'),
-      menuList: (0, _utils.set)('overflowX', 'hidden'),
-      option: (0, _utils.compose)(
-      (0, _utils.set)('whiteSpace', 'nowrap'),
-      (0, _utils.set)('paddingRight', 10))
-
+      menu: omit('width'),
+      menuList: set('overflowX', 'hidden'),
+      option: compose(
+        set('whiteSpace', 'nowrap'),
+        set('paddingRight', 10)
+      )
     } :
     {};
 
@@ -110,8 +110,8 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   return shrinkLabel ? /*#__PURE__*/
 
-  _react["default"].createElement("div", { className: "zds-pickers__container" }, /*#__PURE__*/
-  _react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({},
+  React.createElement("div", { className: "zds-pickers__container" }, /*#__PURE__*/
+  React.createElement(ReactSelect, _extends({},
   rest, {
     classNamePrefix: "zds-pickers",
     components: _objectSpread({
@@ -125,14 +125,14 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     placeholder: label,
     ref: ref,
     styles: styles,
-    value: selectedOption }))) : /*#__PURE__*/
+    value: selectedOption })
+  )
+  ) : /*#__PURE__*/
 
 
-
-
-  _react["default"].createElement("div", { className: "zds-pickers__container" },
-  Boolean(label) && /*#__PURE__*/_react["default"].createElement("span", { className: "zds-pickers__label" }, label), /*#__PURE__*/
-  _react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({},
+  React.createElement("div", { className: "zds-pickers__container" },
+  Boolean(label) && /*#__PURE__*/React.createElement("span", { className: "zds-pickers__label" }, label), /*#__PURE__*/
+  React.createElement(ReactSelect, _extends({},
   rest, {
     classNamePrefix: "zds-pickers",
     components: _objectSpread({
@@ -144,21 +144,21 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     options: options,
     ref: ref,
     styles: styles,
-    value: selectedOption })));
-
-
+    value: selectedOption })
+  )
+  );
 
 });
 
 Select.propTypes = {
-  components: _propTypes["default"].object,
-  disabled: _propTypes["default"].bool,
-  label: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  options: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  preserveMenuWidth: _propTypes["default"].bool,
-  shrinkLabel: _propTypes["default"].bool,
-  value: _propTypes["default"].any // PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  components: PropTypes.object,
+  disabled: PropTypes.bool,
+  label: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  options: PropTypes.arrayOf(PropTypes.object),
+  preserveMenuWidth: PropTypes.bool,
+  shrinkLabel: PropTypes.bool,
+  value: PropTypes.any // PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };
 
 Select.defaultProps = {
@@ -169,6 +169,6 @@ Select.defaultProps = {
   preserveMenuWidth: false,
   shrinkLabel: false,
   value: undefined
-};var _default =
+};
 
-Select;exports["default"] = _default;
+export default Select;

package/dist/pickers/StatusPicker.js

@@ -1,22 +1,22 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["statuses"];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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["statuses"];import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import Select from './Select';
 
-var StatusPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var statuses = _ref.statuses,rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+var StatusPicker = /*#__PURE__*/forwardRef(function (_ref, ref) {var statuses = _ref.statuses,rest = _objectWithoutProperties(_ref, _excluded);return /*#__PURE__*/(
+    React.createElement(Select, _extends({},
     rest, {
       options: statuses,
-      ref: ref })));});
-
-
+      ref: ref })
+    ));}
+);
 
 var statusShape = {
-  value: _propTypes["default"].number,
-  label: _propTypes["default"].string
+  value: PropTypes.number,
+  label: PropTypes.string
 };
 
 StatusPicker.propTypes = {
-  statuses: _propTypes["default"].arrayOf(_propTypes["default"].shape(statusShape)).isRequired
-};var _default =
+  statuses: PropTypes.arrayOf(PropTypes.shape(statusShape)).isRequired
+};
 
-StatusPicker;exports["default"] = _default;
+export default StatusPicker;

package/dist/pickers/ValuePicker.js

@@ -1,49 +1,49 @@
-"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 _utils = require("../utils");
-var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
-var _Select = _interopRequireDefault(require("./Select"));var _excluded = ["disabled", "highToLow", "max", "min", "onChange", "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;}
-
-var ValuePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var disabled = props.disabled,highToLow = props.highToLow,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var options = (0, _react.useMemo)(
-  function () {
-    var result = (0, _utils.arraySequence)(max - min + 1).
-    map(function (i) {return min + i;}).
-    map(function (value) {return { value: value, label: value };});
-    return highToLow ? result.reverse() : result;
-  },
-  [highToLow, max, min]);
-
-
-  var _useStateWithDynamicD = (0, _useStateWithDynamicDefault["default"])(initialValue),_useStateWithDynamicD2 = (0, _slicedToArray2["default"])(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
-
-  var handleChange = (0, _react.useCallback)(function (v) {
-    onChange((0, _utils.assertRange)(v, max, min));
+import _extends from "@babel/runtime/helpers/extends";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";var _excluded = ["disabled", "highToLow", "max", "min", "onChange", "value"];import React, { forwardRef, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { arraySequence, assertRange } from '../utils';
+import useStateWithDynamicDefault from '../hooks/useStateWithDynamicDefault';
+import Select from './Select';
+
+var ValuePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var disabled = props.disabled,highToLow = props.highToLow,max = props.max,min = props.min,onChange = props.onChange,initialValue = props.value,rest = _objectWithoutProperties(props, _excluded);
+  var options = useMemo(
+    function () {
+      var result = arraySequence(max - min + 1).
+      map(function (i) {return min + i;}).
+      map(function (value) {return { value: value, label: value };});
+      return highToLow ? result.reverse() : result;
+    },
+    [highToLow, max, min]
+  );
+
+  var _useStateWithDynamicD = useStateWithDynamicDefault(initialValue),_useStateWithDynamicD2 = _slicedToArray(_useStateWithDynamicD, 2),value = _useStateWithDynamicD2[0],setValue = _useStateWithDynamicD2[1];
+
+  var handleChange = useCallback(function (v) {
+    onChange(assertRange(v, max, min));
 
     setValue(v);
   }, [max, min, onChange, setValue]);
 
   return /*#__PURE__*/(
-    _react["default"].createElement(_Select["default"], (0, _extends2["default"])({},
+    React.createElement(Select, _extends({},
     rest, {
       disabled: disabled,
       isDisabled: disabled,
       onChange: handleChange,
       options: options,
       ref: ref,
-      value: value })));
-
+      value: value })
+    ));
 
 });
 
 ValuePicker.propTypes = {
-  disabled: _propTypes["default"].bool,
-  highToLow: _propTypes["default"].bool,
-  max: _propTypes["default"].number,
-  min: _propTypes["default"].number,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].number
+  disabled: PropTypes.bool,
+  highToLow: PropTypes.bool,
+  max: PropTypes.number,
+  min: PropTypes.number,
+  onChange: PropTypes.func.isRequired,
+  value: PropTypes.number
 };
 
 ValuePicker.defaultProps = {
@@ -52,6 +52,6 @@ ValuePicker.defaultProps = {
   max: 127,
   min: 0,
   value: undefined
-};var _default =
+};
 
-ValuePicker;exports["default"] = _default;
+export default ValuePicker;

package/dist/pickers/knobSkin10.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var knobSkin10 = {
+var knobSkin10 = {
   knobX: 71.44,
   knobY: 71.44,
   svg: "\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"207px\" height=\"207px\" viewBox=\"0 0 207 207\" version=\"1.1\">\n  <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->\n  <desc>Created with Sketch.</desc>\n  <defs>\n      <linearGradient x1=\"50%\" y1=\"50%\" x2=\"50%\" y2=\"100%\" id=\"27c61b0f-392f-962d-de12-cb9da898274b\">\n          <stop stop-color=\"#444040\" stop-opacity=\"0.51098279\" offset=\"0%\"/>\n          <stop stop-color=\"#131111\" stop-opacity=\"0.893200861\" offset=\"100%\"/>\n      </linearGradient>\n      <circle id=\"e966567b-3869-4bcd-76b6-2cf084e45390\" cx=\"100.497487\" cy=\"100.497487\" r=\"99.4974874\"/>\n      <filter x=\"-3.3%\" y=\"-3.3%\" width=\"106.5%\" height=\"106.5%\" filterUnits=\"objectBoundingBox\" id=\"e2e6829f-0086-96b2-e92a-6f3809b8ac61\">\n          <feMorphology radius=\"0.5\" operator=\"dilate\" in=\"SourceAlpha\" result=\"shadowSpreadOuter1\"/>\n          <feOffset dx=\"0\" dy=\"0\" in=\"shadowSpreadOuter1\" result=\"shadowOffsetOuter1\"/>\n          <feGaussianBlur stdDeviation=\"2\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/>\n          <feComposite in=\"shadowBlurOuter1\" in2=\"SourceAlpha\" operator=\"out\" result=\"shadowBlurOuter1\"/>\n          <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowBlurOuter1\"/>\n      </filter>\n      <linearGradient x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\" id=\"0facd5c9-8e04-e83f-4842-8ba16f949942\">\n          <stop stop-color=\"#FFFFFF\" stop-opacity=\"0.5\" offset=\"0%\"/>\n          <stop stop-color=\"#000000\" stop-opacity=\"0.5\" offset=\"100%\"/>\n      </linearGradient>\n      <circle id=\"c54189ed-7ea3-956c-f040-f0207548b268\" cx=\"100.432161\" cy=\"100.432161\" r=\"86.4321608\"/>\n      <filter x=\"-4.0%\" y=\"-3.5%\" width=\"108.1%\" height=\"108.1%\" filterUnits=\"objectBoundingBox\" id=\"dedf2e7e-f008-c315-f682-e424d670f210\">\n          <feMorphology radius=\"0.5\" operator=\"dilate\" in=\"SourceAlpha\" result=\"shadowSpreadOuter1\"/>\n          <feOffset dx=\"0\" dy=\"1\" in=\"shadowSpreadOuter1\" result=\"shadowOffsetOuter1\"/>\n          <feGaussianBlur stdDeviation=\"2\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/>\n          <feComposite in=\"shadowBlurOuter1\" in2=\"SourceAlpha\" operator=\"out\" result=\"shadowBlurOuter1\"/>\n          <feColorMatrix values=\"0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0\" type=\"matrix\" in=\"shadowBlurOuter1\"/>\n      </filter>\n\n      <filter x=\"-5.3%\" y=\"-11.3%\" width=\"110.7%\" height=\"122.6%\" filterUnits=\"objectBoundingBox\" id=\"12f618f7-e258-b597-3ed6-242484ddad8f\">\n          <feOffset dx=\"0\" dy=\"0\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\"/>\n          <feGaussianBlur stdDeviation=\"2\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\"/>\n          <feColorMatrix values=\"0 0 0 0 0.915577168   0 0 0 0 0.797591325   0 0 0 0 0.601479722  0 0 0 1 0\" type=\"matrix\" in=\"shadowBlurOuter1\"/>\n      </filter>\n      <pattern id=\"3cc0e5b8-1f0a-886b-f635-8fcb19212870\" width=\"8.04411765\" height=\"8.04411765\" x=\"21.9558824\" y=\"21.9558824\" patternUnits=\"userSpaceOnUse\">\n          <use xlink:href=\"#2b8719c1-286b-ebf8-a488-ac66a6598fc5\" transform=\"scale(0.167585784,0.167585784)\"/>\n      </pattern>\n      <image id=\"2b8719c1-286b-ebf8-a488-ac66a6598fc5\" width=\"48\" height=\"48\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEGWlDQ1BrQ0dDb2xvclNwYWNlR2VuZXJpY1JHQgAAOI2NVV1oHFUUPrtzZyMkzlNsNIV0qD8NJQ2TVjShtLp/3d02bpZJNtoi6GT27s6Yyc44M7v9oU9FUHwx6psUxL+3gCAo9Q/bPrQvlQol2tQgKD60+INQ6Ium65k7M5lpurHeZe58853vnnvuuWfvBei5qliWkRQBFpquLRcy4nOHj4g9K5CEh6AXBqFXUR0rXalMAjZPC3e1W99Dwntf2dXd/p+tt0YdFSBxH2Kz5qgLiI8B8KdVy3YBevqRHz/qWh72Yui3MUDEL3q44WPXw3M+fo1pZuQs4tOIBVVTaoiXEI/MxfhGDPsxsNZfoE1q66ro5aJim3XdoLFw72H+n23BaIXzbcOnz5mfPoTvYVz7KzUl5+FRxEuqkp9G/Ajia219thzg25abkRE/BpDc3pqvphHvRFys2weqvp+krbWKIX7nhDbzLOItiM8358pTwdirqpPFnMF2xLc1WvLyOwTAibpbmvHHcvttU57y5+XqNZrLe3lE/Pq8eUj2fXKfOe3pfOjzhJYtB/yll5SDFcSDiH+hRkH25+L+sdxKEAMZahrlSX8ukqMOWy/jXW2m6M9LDBc31B9LFuv6gVKg/0Szi3KAr1kGq1GMjU/aLbnq6/lRxc4XfJ98hTargX++DbMJBSiYMIe9Ck1YAxFkKEAG3xbYaKmDDgYyFK0UGYpfoWYXG+fAPPI6tJnNwb7ClP7IyF+D+bjOtCpkhz6CFrIa/I6sFtNl8auFXGMTP34sNwI/JhkgEtmDz14ySfaRcTIBInmKPE32kxyyE2Tv+thKbEVePDfW/byMM1Kmm0XdObS7oGD/MypMXFPXrCwOtoYjyyn7BV29/MZfsVzpLDdRtuIZnbpXzvlf+ev8MvYr/Gqk4H/kV/G3csdazLuyTMPsbFhzd1UabQbjFvDRmcWJxR3zcfHkVw9GfpbJmeev9F08WW8uDkaslwX6avlWGU6NRKz0g/SHtCy9J30o/ca9zX3Kfc19zn3BXQKRO8ud477hLnAfc1/G9mrzGlrfexZ5GLdn6ZZrrEohI2wVHhZywjbhUWEy8icMCGNCUdiBlq3r+xafL549HQ5jH+an+1y+LlYBifuxAvRN/lVVVOlwlCkdVm9NOL5BE4wkQ2SMlDZU97hX86EilU/lUmkQUztTE6mx1EEPh7OmdqBtAvv8HdWpbrJS6tJj3n0CWdM6busNzRV3S9KTYhqvNiqWmuroiKgYhshMjmhTh9ptWhsF7970j/SbMrsPE1suR5z7DMC+P/Hs+y7ijrQAlhyAgccjbhjPygfeBTjzhNqy28EdkUh8C+DU9+z2v/oyeH791OncxHOs5y2AtTc7nb/f73TWPkD/qwBnjX8BoJ98VQNcC+8AAAFFSURBVGgF7djbDYMwDAXQBjEMYqyqY1WMxTppLiJIQIA8ariWkp8IPuweO60am67r7MstY8wwjuPH7dMz3uUua63p+/7r9rePIRW/9QmQzCV9ub0YgSIgzhxvQkjFb1EZBAdEKolkfJTqtnb7bv/zOJm58moRE0AzYgFoRawAGhE7gDZEEKAJcQjQgjgFaEBcAtgRUQBmRDSAFZEEYEQkA9gQWQAmRDaABVEEYEAUAx5H4EaGOyw+SMl66mbXzNOD4k6gCPNUY/CFwF1YOn5zRxJJRINqaUbUuZA/79sd3wm3xIdbdS60rXzo2XVCbO60/HxKJgFKKv4CkEziuyKBWAE0InYAbYggQBPiEKAFcQrQgLgEsCOiAMyIaAArIgnAiEgGsCGyAEyIbAALogjAgCgGPI7AX9w6F3JtqHMhnMWLFSrSD9jOnakVHpZYAAAAAElFTkSuQmCC\"/>\n  </defs>\n  <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <g id=\"s10\" transform=\"translate(3.000000, 3.000000)\">\n          <g id=\"container\">\n              <g id=\"Oval-2\">\n                  <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#e2e6829f-0086-96b2-e92a-6f3809b8ac61)\" xlink:href=\"#e966567b-3869-4bcd-76b6-2cf084e45390\"/>\n                  <use stroke=\"#979797\" stroke-width=\"1\" fill=\"url(#27c61b0f-392f-962d-de12-cb9da898274b)\" fill-rule=\"evenodd\" xlink:href=\"#e966567b-3869-4bcd-76b6-2cf084e45390\"/>\n              </g>\n              <g id=\"Oval-2\">\n                  <use fill=\"black\" fill-opacity=\"1\" filter=\"url(#dedf2e7e-f008-c315-f682-e424d670f210)\" xlink:href=\"#c54189ed-7ea3-956c-f040-f0207548b268\"/>\n                  <use fill=\"\" fill-rule=\"evenodd\" xlink:href=\"#c54189ed-7ea3-956c-f040-f0207548b268\"/>\n                  <use stroke=\"#4A4A4A\" stroke-width=\"1\" fill=\"url(#0facd5c9-8e04-e83f-4842-8ba16f949942)\" fill-rule=\"evenodd\" xlink:href=\"#c54189ed-7ea3-956c-f040-f0207548b268\"/>\n              </g>\n              <g id=\"knob\" transform=\"translate(28.574244, 28.574244)\">\n                  <circle id=\"Oval-5\" fill=\"#322E2E\" cx=\"71.4356094\" cy=\"71.4356094\" r=\"71.4356094\"/>\n                  <path d=\"M72.4209282,3.63066376 L88.6786876,16.869789 C81.585496,18.1548295 76.1662428,18.7973498 72.4209282,18.7973498 C68.6756135,18.7973498 63.2563604,18.1548295 56.1631688,16.869789 L72.4209282,3.63066376 Z\" id=\"Rectangle\" fill=\"#E6D7D7\" transform=\"translate(72.420928, 11.214007) scale(1, -1) translate(-72.420928, -11.214007) \"/>\n              </g>\n              <g id=\"label\">\n                  <g id=\"labeltext\" fill-opacity=\"1\" fill=\"#E6D7D7\">\n                      <text id=\"534f4e02-5541-3607-0966-af0b025d80e0\" font-family=\"Helvetica\" font-size=\"44\" font-weight=\"normal\" fill=\"#E6D7D7\" class=\"text-7\" filter=\"url(#12f618f7-e258-b597-3ed6-242484ddad8f)\">\n          <tspan x=\"45.3246625\" y=\"117.884225\">10.10</tspan>\n      </text>\n                      <text id=\"92ebe866-c281-70c7-7b0e-a373cee013a9\" font-family=\"Helvetica\" font-size=\"44\" font-weight=\"normal\" fill=\"#E6D7D7\" class=\"text-7\">\n          <tspan x=\"45.3246625\" y=\"117.884225\">10.10</tspan>\n      </text>\n                  </g>\n                  <circle id=\"Oval-6\" stroke=\"#979797\" fill-opacity=\"0.730000019\" fill=\"url(#3cc0e5b8-1f0a-886b-f635-8fcb19212870)\" transform=\"translate(100.351759, 100.351759) rotate(-45.000000) translate(-100.351759, -100.351759) \" cx=\"100.351759\" cy=\"100.351759\" r=\"70.3517588\"/>\n              </g>\n          </g>\n      </g>\n  </g>\n</svg>\n",
@@ -80,15 +80,15 @@
     attrs: [
     {
       name: 'text-anchor',
-      value: function /* props, value */ value() {return 'middle';}
+      value: function value( /* props, value */) {return 'middle';}
     },
     {
       name: 'x',
-      value: function /* props, value */ value() {return '100';}
+      value: function value( /* props, value */) {return '100';}
     }]
 
   }]
 
-};var _default =
+};
 
-knobSkin10;exports["default"] = _default;
+export default knobSkin10;

package/dist/shapes.js

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

package/dist/stories/assets/General MIDI.js

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _mapper = _interopRequireDefault(require("./mapper"));var _default =
+import mapper from './mapper';
 
-(0, _mapper["default"])([
+export default mapper([
 '26:Other|Finger Snap',
 '27:Other|High Q',
 '28:Other|Slap',
@@ -65,4 +65,5 @@
 '87:Perc|Open Surdo',
 '88:Other|Applause 2',
 '95:Snares|Room Snare 1',
-'96:Snares|Room Snare 2']);exports["default"] = _default;
+'96:Snares|Room Snare 2']
+);

package/dist/stories/assets/mapper.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.standardizeItem = exports.standardizeGroup = exports.reverse = exports["default"] = void 0;var _utils = require("./utils");
+import { arraySequence } from './utils';
 
-var standardizeGroup = function standardizeGroup(name) {
+export var standardizeGroup = function standardizeGroup(name) {
   switch (String(name).toLocaleLowerCase()) {
     case 'cymbals':
     case 'cymbal':
@@ -39,17 +39,17 @@ var standardizeGroup = function standardizeGroup(name) {
       return 'aux';
 
     default:
-      return name;}
+      return name;
+  }
+};
 
-};exports.standardizeGroup = standardizeGroup;
-
-var standardizeItem = function standardizeItem(_ref) {var note = _ref.note,group = _ref.group,name = _ref.name;return {
+export 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;
+  };};
 
-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;
+export 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');};
 
 var mapper = function mapper(raw) {var fillMissing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   var availableNotes = raw.
@@ -69,7 +69,7 @@ var mapper = function mapper(raw) {var fillMissing = arguments.length > 1 && arg
 
   // We may not have a complete set of 128 notes, so fill in the blanks
   return fillMissing ?
-  (0, _utils.arraySequence)(128).
+  arraySequence(128).
   map(function (n) {return n + 1;}).
   map(function (n) {return availableNotes.find(function (_ref3) {var note = _ref3.note;return n === note;}) || {
       note: n,
@@ -77,6 +77,6 @@ var mapper = function mapper(raw) {var fillMissing = arguments.length > 1 && arg
       name: ''
     };}) :
   availableNotes;
-};var _default =
+};
 
-mapper;exports["default"] = _default;
+export default mapper;

package/dist/stories/assets/utils.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.arraySequence = void 0; /* ---------------------------- Arrays -------------------------------------- */
+/* ---------------------------- Arrays -------------------------------------- */
 
 // this just creates and fills a zero-indexed array array; 0, 1, 2, 3, etc
-var arraySequence = function arraySequence(numberOfElements) {return Array.from(Array(numberOfElements).keys());};exports.arraySequence = arraySequence;var _default =
+export var arraySequence = function arraySequence(numberOfElements) {return Array.from(Array(numberOfElements).keys());};
 
-arraySequence;exports["default"] = _default;
+export default arraySequence;

package/dist/temp/acoustic_grand_piano-mp3.js

@@ -1,4 +1,4 @@
-"use strict";
+
 if(typeof MIDI==='undefined')var MIDI={};
 if(typeof MIDI.Soundfont==='undefined')MIDI.Soundfont={};
 MIDI.Soundfont.acoustic_grand_piano={