zds-pickers 3.11.2 → 4.0.0

package/dist/pickers/ResponseCurvePicker.js

@@ -1,58 +0,0 @@
-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 = 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;
-          setValue(v);
-          _onChange(v);
-        },
-        Tooltip: Tooltip,
-        value: value }
-
-      ));},
-  [Tooltip, inverted, _onChange, value]);
-
-  return /*#__PURE__*/(
-    React.createElement(Select, _extends({},
-    rest, {
-      components: {
-        Placeholder: Placeholder,
-        MenuList: MenuList
-      },
-      isSearchable: false,
-      onChange: function onChange(f) {return f;},
-      ref: ref,
-      value: value })
-    ));
-
-});
-
-ResponseCurvePicker.propTypes = {
-  value: PropTypes.number.isRequired,
-  inverted: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  Tooltip: PropTypes.elementType
-};
-
-ResponseCurvePicker.defaultProps = {
-  inverted: false,
-  Tooltip: DefaultTooltip
-};
-
-export default ResponseCurvePicker;

package/dist/pickers/Select.js

@@ -1,174 +0,0 @@
-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 = originalComponents.IndicatorsContainer,Placeholder = originalComponents.Placeholder,ValueContainer = originalComponents.ValueContainer;
-
-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.createElement(IndicatorsContainer, rest, /*#__PURE__*/
-
-    React.createElement("div", {
-      onMouseDown: function onMouseDown(e) {
-        e.stopPropagation();
-        e.preventDefault();
-      },
-      style: { display: 'flex' } },
-
-    actionButton,
-    children
-    )
-    ));
-
-};
-CustomIndicatorsContainer.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
-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
-    ),
-    Children.map(children, function (child) {return child && child.type !== Placeholder ? child : null;})
-    ));};
-
-CustomValueContainer.propTypes = {
-  children: PropTypes.node.isRequired,
-  hasValue: PropTypes.bool.isRequired,
-  isFocused: PropTypes.bool,
-  selectProps: PropTypes.object.isRequired
-};
-CustomValueContainer.defaultProps = { isFocused: false };
-
-var Select = /*#__PURE__*/forwardRef(function (props, ref) {
-  var
-    components =
-
-
-
-
-
-
-
-
-    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 = useCallback(function (option) {
-    onChange(option.value);
-  }, [onChange]);
-
-  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 = useMemo(function () {
-    var base = preserveMenuWidth ?
-    {
-      menu: omit('width'),
-      menuList: set('overflowX', 'hidden'),
-      option: compose(
-        set('whiteSpace', 'nowrap'),
-        set('paddingRight', 10)
-      )
-    } :
-    {};
-
-    return shrinkLabel ? _objectSpread(_objectSpread({},
-
-    base), {}, {
-      container: function container(provided /* , state */) {return _objectSpread(_objectSpread({},
-        provided), {}, {
-          marginTop: 10 });},
-
-      placeholder: function placeholder(provided, state) {return _objectSpread(_objectSpread({},
-        provided), {}, {
-          position: 'absolute',
-          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 });},
-
-      valueContainer: function valueContainer(provided /* , state */) {return _objectSpread(_objectSpread({},
-        provided), {}, {
-          overflow: 'visible' });} }) : _objectSpread({},
-
-
-
-    base);
-
-  }, [preserveMenuWidth, shrinkLabel]);
-
-  return shrinkLabel ? /*#__PURE__*/
-
-  React.createElement("div", { className: "zds-pickers__container" }, /*#__PURE__*/
-  React.createElement(ReactSelect, _extends({},
-  rest, {
-    classNamePrefix: "zds-pickers",
-    components: _objectSpread({
-      IndicatorsContainer: CustomIndicatorsContainer,
-      ValueContainer: CustomValueContainer },
-    components),
-
-    isDisabled: disabled,
-    onChange: handleChange,
-    options: options,
-    placeholder: label,
-    ref: ref,
-    styles: styles,
-    value: selectedOption })
-  )
-  ) : /*#__PURE__*/
-
-
-  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({
-      IndicatorsContainer: CustomIndicatorsContainer },
-    components),
-
-    isDisabled: disabled,
-    onChange: handleChange,
-    options: options,
-    ref: ref,
-    styles: styles,
-    value: selectedOption })
-  )
-  );
-
-});
-
-Select.propTypes = {
-  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 = {
-  components: undefined,
-  disabled: false,
-  label: undefined,
-  options: [],
-  preserveMenuWidth: false,
-  shrinkLabel: false,
-  value: undefined
-};
-
-export default Select;

package/dist/pickers/StatusPicker.js

@@ -1,22 +0,0 @@
-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__*/forwardRef(function (_ref, ref) {var statuses = _ref.statuses,rest = _objectWithoutProperties(_ref, _excluded);return /*#__PURE__*/(
-    React.createElement(Select, _extends({},
-    rest, {
-      options: statuses,
-      ref: ref })
-    ));}
-);
-
-var statusShape = {
-  value: PropTypes.number,
-  label: PropTypes.string
-};
-
-StatusPicker.propTypes = {
-  statuses: PropTypes.arrayOf(PropTypes.shape(statusShape)).isRequired
-};
-
-export default StatusPicker;

package/dist/pickers/ValuePicker.js

@@ -1,57 +0,0 @@
-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.createElement(Select, _extends({},
-    rest, {
-      disabled: disabled,
-      isDisabled: disabled,
-      onChange: handleChange,
-      options: options,
-      ref: ref,
-      value: value })
-    ));
-
-});
-
-ValuePicker.propTypes = {
-  disabled: PropTypes.bool,
-  highToLow: PropTypes.bool,
-  max: PropTypes.number,
-  min: PropTypes.number,
-  onChange: PropTypes.func.isRequired,
-  value: PropTypes.number
-};
-
-ValuePicker.defaultProps = {
-  disabled: false,
-  highToLow: false,
-  max: 127,
-  min: 0,
-  value: undefined
-};
-
-export default ValuePicker;

package/dist/pickers/knobSkin10.js

@@ -1,94 +0,0 @@
-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",
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  updateAttributes: [
-  {
-    element: '#labeltext text tspan',
-    content: function content(props, value) {return value.toFixed(0);},
-    attrs: [
-    {
-      name: 'text-anchor',
-      value: function value( /* props, value */) {return 'middle';}
-    },
-    {
-      name: 'x',
-      value: function value( /* props, value */) {return '100';}
-    }]
-
-  }]
-
-};
-
-export default knobSkin10;

package/dist/shapes.js

@@ -1,11 +0,0 @@
-import { number, oneOfType, shape, string } from 'prop-types';
-
-export var numberOrString = oneOfType([number, string]);
-
-export var mappingShape = shape({
-  note: number.isRequired,
-  name: string.isRequired,
-  group: string.isRequired
-});
-
-export default mappingShape;

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

@@ -1,69 +0,0 @@
-import mapper from './mapper';
-
-export default mapper([
-'26:Other|Finger Snap',
-'27:Other|High Q',
-'28:Other|Slap',
-'29:Other|Scratch Push',
-'30:Other|Scratch Pull',
-'31:Other|Sticks',
-'32:Other|Square Click',
-'33:Other|Metronome Click',
-'34:Other|Metronome Bell',
-'35:Kicks|Deep Kick',
-'36:Kicks|Kick',
-'37:Snares|Rim Shot',
-'38:Snares|Snare',
-'39:Other|Clap',
-'40:Snares|Gated Snare',
-'41:Toms|Low Tom 2',
-'42:Hats|Closed HH',
-'43:Toms|Low Tom 1',
-'44:Hats|Pedal HH',
-'45:Toms|Mid Tom 2',
-'46:Hats|Open HH',
-'47:Toms|Mid Tom 1',
-'48:Toms|Mid Tom 2',
-'49:Cymbals|Crash',
-'50:Toms|High Tom 1',
-'51:Rides|Ride 1',
-'52:Cymbals|Chinese Crash',
-'53:Rides|Ride Bell',
-'54:Perc|Tambourine',
-'55:Cymbals|Splash',
-'56:Perc|Cowbell',
-'57:Cymbals|Crash 2',
-'58:Perc|Vibra Slap',
-'59:Rides|Ride 2',
-'60:Perc|High Bongo',
-'61:Perc|Low Bongo',
-'62:Perc|Mute High Conga',
-'63:Perc|Open High Conga',
-'64:Perc|Low Conga',
-'65:Perc|High Timbale',
-'66:Perc|Low Timbale',
-'67:Perc|High Agogo',
-'68:Perc|Low Agogo',
-'69:Perc|Cabasa',
-'70:Perc|Maracas',
-'71:Perc|Short Whistle',
-'72:Perc|Long Whistle',
-'73:Perc|Short Guiro',
-'74:Perc|Long Guiro',
-'75:Perc|Claves',
-'76:Perc|High Woodblock',
-'77:Perc|Low Woodblock',
-'78:Perc|Mute Cuica',
-'79:Perc|Open Cuica',
-'80:Perc|Mute Triangle',
-'81:Perc|Triangle',
-'82:Perc|Shaker',
-'83:Perc|Jingle Bell',
-'84:Perc|Bell Tree',
-'85:Perc|Castenets',
-'86:Perc|Mute Surdo',
-'87:Perc|Open Surdo',
-'88:Other|Applause 2',
-'95:Snares|Room Snare 1',
-'96:Snares|Room Snare 2']
-);

package/dist/stories/assets/mapper.js

@@ -1,82 +0,0 @@
-import { arraySequence } from './utils';
-
-export var standardizeGroup = function standardizeGroup(name) {
-  switch (String(name).toLocaleLowerCase()) {
-    case 'cymbals':
-    case 'cymbal':
-    case 'cym':
-      return 'Cymbals';
-
-    case 'hats':
-    case 'hat':
-    case 'hi-hat':
-    case 'hi-hats':
-      return 'Hats';
-
-    case 'kicks':
-    case 'kick':
-      return 'Kicks';
-
-    case 'perc':
-    case 'percussion':
-      return 'Perc';
-
-    case 'rides':
-    case 'ride':
-      return 'Rides';
-
-    case 'snares':
-    case 'snare':
-      return 'Snares';
-
-    case 'toms':
-    case 'tom':
-    case 'tom-tom':
-      return 'Toms';
-
-    case 'aux':
-    case 'auxillary':
-      return 'aux';
-
-    default:
-      return name;
-  }
-};
-
-export var standardizeItem = function standardizeItem(_ref) {var note = _ref.note,group = _ref.group,name = _ref.name;return {
-    note: note,
-    name: name,
-    group: standardizeGroup(group)
-  };};
-
-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.
-  map(function (item) {
-    var props = /(\d+):([\w\s-]*)\|(.*)/.exec(item);
-
-    return props ?
-    {
-      note: parseInt(props[1], 10),
-      group: String(props[2]).trim(),
-      name: String(props[3]).trim()
-    } :
-    null;
-  }).
-  filter(function (item) {return item !== null;}).
-  map(standardizeItem);
-
-  // We may not have a complete set of 128 notes, so fill in the blanks
-  return fillMissing ?
-  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,
-      group: '',
-      name: ''
-    };}) :
-  availableNotes;
-};
-
-export default mapper;

package/dist/stories/assets/utils.js

@@ -1,6 +0,0 @@
-/* ---------------------------- Arrays -------------------------------------- */
-
-// this just creates and fills a zero-indexed array array; 0, 1, 2, 3, etc
-export var arraySequence = function arraySequence(numberOfElements) {return Array.from(Array(numberOfElements).keys());};
-
-export default arraySequence;