zds-pickers 3.6.8

package/dist/pickers/NotePicker.js

@@ -0,0 +1,53 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _zdsMappings = require("zds-mappings");
+var _shapes = require("../shapes");
+var _utils = require("../utils");
+var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var formattedMapEntry = function formattedMapEntry(_ref) {var note = _ref.note,name = _ref.name;return "".concat(note, " ").concat(name.length ? '-' : '', " ").concat(name);};
+var formattedListEntry = function formattedListEntry(label, idx) {return { label: label, value: idx + 1 };};
+
+var NotePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var channel = props.channel,disabled = props.disabled,mapping = props.mapping,onChange = props.onChange,initialValue = props.value,rest = (0, _objectWithoutProperties2["default"])(props, ["channel", "disabled", "mapping", "onChange", "value"]);
+  var options = (mapping || (0, _zdsMappings.emptyMapping)()).map(formattedMapEntry).map(formattedListEntry);
+  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) {
+    var possibleNoteNumber = (0, _utils.assertRange)(v, 128, 0);
+
+    if (possibleNoteNumber > 0) {
+      onChange(possibleNoteNumber);
+    }
+    setValue(v);
+  }, [onChange, setValue]);
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      disabled: disabled,
+      isDisabled: disabled,
+      onChange: handleChange,
+      options: options,
+      ref: ref,
+      value: value })));
+
+
+});
+
+NotePicker.propTypes = {
+  mapping: _propTypes["default"].arrayOf(_shapes.mappingShape),
+  onChange: _propTypes["default"].func.isRequired,
+  disabled: _propTypes["default"].bool,
+  value: _propTypes["default"].number,
+  channel: _propTypes["default"].number.isRequired };
+
+
+NotePicker.defaultProps = {
+  disabled: false,
+  mapping: undefined,
+  value: undefined };var _default =
+
+
+NotePicker;exports["default"] = _default;

package/dist/pickers/PolarityPicker.js

@@ -0,0 +1,32 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var PolarityPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var labelOff = _ref.labelOff,labelOn = _ref.labelOn,rest = (0, _objectWithoutProperties2["default"])(_ref, ["labelOff", "labelOn"]);
+  var options = [
+  { value: 0, label: labelOff },
+  { value: 1, label: labelOn }];
+
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      options: options,
+      ref: ref })));
+
+
+});
+
+PolarityPicker.propTypes = {
+  labelOff: _propTypes["default"].string,
+  labelOn: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number.isRequired };
+
+
+PolarityPicker.defaultProps = {
+  labelOn: 'Normally On',
+  labelOff: 'Normally Off' };var _default =
+
+
+PolarityPicker;exports["default"] = _default;

package/dist/pickers/ResponseCurve.js

@@ -0,0 +1,262 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = exports.RESPONSE_CURVES = exports.DefaultTooltip = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _componentSize = _interopRequireDefault(require("@rehooks/component-size"));
+var _reactSvgText = _interopRequireDefault(require("react-svg-text"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var DefaultTooltip = function DefaultTooltip(_ref) {var children = _ref.children;return /*#__PURE__*/(0, _react.createElement)(_react.Fragment, null, children);};exports.DefaultTooltip = DefaultTooltip;
+
+DefaultTooltip.propTypes = { children: _propTypes["default"].element.isRequired };
+
+var RESPONSE_CURVE_0 = 0;
+var RESPONSE_CURVE_1 = 1;
+var RESPONSE_CURVE_2 = 2;
+var RESPONSE_CURVE_3 = 3;
+var RESPONSE_CURVE_4 = 4;
+var RESPONSE_CURVE_5 = 5;
+var RESPONSE_CURVE_6 = 6;
+var RESPONSE_CURVE_7 = 7;
+
+var RESPONSE_CURVES = [
+{
+  value: RESPONSE_CURVE_7,
+  label: 'Always maxed out.' },
+
+{
+  value: RESPONSE_CURVE_6,
+  label: 'Most sensitive.' },
+
+{
+  value: RESPONSE_CURVE_5,
+  label: 'Moderately sensitive.' },
+
+{
+  value: RESPONSE_CURVE_4,
+  label: 'A little sensitive.' },
+
+{
+  value: RESPONSE_CURVE_0,
+  label: 'Linear, no change.' },
+
+{
+  value: RESPONSE_CURVE_1,
+  label: 'A little less sensitive.' },
+
+{
+  value: RESPONSE_CURVE_2,
+  label: 'Even less sensitive.' },
+
+{
+  value: RESPONSE_CURVE_3,
+  label: 'Least sensitive.' }];
+
+
+
+// const width = 218
+// const height = 150
+exports.RESPONSE_CURVES = RESPONSE_CURVES;var axisOffset = 20;
+var buttonSize = 15;
+
+var axisX1 = axisOffset;
+var axisY1 = axisOffset;
+
+var ResponseCurve = function ResponseCurve(props) {
+  var Tooltip = props.Tooltip,autosize = props.autosize,disabled = props.disabled,inverted = props.inverted,onChange = props.onChange,responseCurve = props.value;
+
+  var ref = (0, _react.useRef)(null);
+  var svgRef = (0, _react.useRef)(null);
+  var _useComponentSize = (0, _componentSize["default"])(ref),ourHeight = _useComponentSize.height,ourWidth = _useComponentSize.width;
+
+  var width = autosize ? ourWidth || 218 : 218;
+  var height = autosize ? ourHeight || 150 : 150;
+
+  var axisX2 = width - axisOffset;
+  var axisY2 = height - axisOffset;
+
+  var xMid = width / 2;
+  var yMid = height / 2;
+
+  var svgProps = { ref: svgRef };
+
+  var responseCurves = RESPONSE_CURVES.map(function (_ref2) {var value = _ref2.value,label = _ref2.label;
+    var c1;
+    var c2;
+    var x1 = axisX1;
+    var y1 = inverted ? axisY1 : axisY2;
+    var x2 = axisX2;
+    var y2 = inverted ? axisY2 : axisY1;
+    var labelX = xMid;
+    var labelY = yMid;
+    switch (value) {
+      case RESPONSE_CURVE_0:
+        c1 = xMid;
+        c2 = yMid;
+        labelY += 3;
+
+        break;
+      case RESPONSE_CURVE_1:
+        c1 = inverted ? xMid + width * 0.13 : xMid - width * 0.13;
+        c2 = yMid - height * 0.13;
+        labelX = inverted ? xMid + width * 0.1 : xMid - width * 0.1;
+        labelY = yMid - height * 0.09;
+        break;
+
+      case RESPONSE_CURVE_2:
+        c1 = inverted ? xMid + width * 0.25 : xMid - width * 0.25;
+        c2 = yMid - height * 0.25;
+        labelX = inverted ? xMid + width * 0.2 : xMid - width * 0.2;
+        labelY = yMid - height * 0.17;
+        break;
+
+      case RESPONSE_CURVE_3:
+        c1 = inverted ? xMid + width * 0.35 : xMid - width * 0.35;
+        c2 = yMid - height * 0.35;
+        labelX = inverted ? xMid + width * 0.28 : xMid - width * 0.28;
+        labelY = yMid - height * 0.25;
+        break;
+
+      case RESPONSE_CURVE_4:
+        c1 = inverted ? xMid - width * 0.13 : xMid + width * 0.13;
+        c2 = yMid + height * 0.13;
+        labelX = inverted ? xMid - width * 0.1 : xMid + width * 0.1;
+        labelY = yMid + height * 0.1;
+        break;
+
+      case RESPONSE_CURVE_5:
+        c1 = inverted ? xMid - width * 0.25 : xMid + width * 0.25;
+        c2 = yMid + height * 0.25;
+        labelX = inverted ? xMid - width * 0.2 : xMid + width * 0.2;
+        labelY = yMid + height * 0.18;
+        break;
+
+      case RESPONSE_CURVE_6:
+        c1 = inverted ? xMid - width * 0.35 : xMid + width * 0.35;
+        c2 = yMid + height * 0.35;
+        labelX = inverted ? xMid - width * 0.28 : xMid + width * 0.28;
+        labelY = yMid + height * 0.25;
+        break;
+
+      case RESPONSE_CURVE_7:
+        x1 = inverted ? axisX1 : axisX2;
+        y1 = axisY1;
+        x2 = x1;
+        y2 = axisY2;
+        c1 = x1;
+        c2 = yMid;
+        labelX = x1 - 5;
+        labelY = height - 30;
+        break;
+
+      default:
+        break;}
+
+    return {
+      value: value,
+      label: label,
+      c1: c1,
+      c2: c2,
+      x1: x1,
+      y1: y1,
+      x2: x2,
+      y2: y2,
+      labelX: labelX,
+      labelY: labelY };
+
+  });
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)("div", {
+      className: "response-curve-picker",
+      ref: ref, children: /*#__PURE__*/
+
+      (0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({}, svgProps), {}, { children: [/*#__PURE__*/
+        (0, _jsxRuntime.jsx)("rect", {
+          className: "container",
+          height: height,
+          rx: 3,
+          ry: 3,
+          width: width,
+          x: 0,
+          y: 0 }), /*#__PURE__*/
+
+
+        (0, _jsxRuntime.jsx)(_reactSvgText["default"], {
+          className: "axis",
+          textAnchor: "middle",
+          transform: "translate(".concat(axisX1 - 14, " ").concat(height / 2, ") rotate(90)"), children: "Applied force" }), /*#__PURE__*/
+
+
+
+        (0, _jsxRuntime.jsx)(_reactSvgText["default"], {
+          className: "axis",
+          textAnchor: "middle",
+          transform: "translate(".concat(width / 2, " ").concat(axisY2 + 13, ")"), children: "Output (velocity)" }), /*#__PURE__*/
+
+
+
+
+        (0, _jsxRuntime.jsx)("line", {
+          className: "axis",
+          x1: axisX1,
+          x2: axisX1,
+          y1: axisY1,
+          y2: axisY2 }), /*#__PURE__*/
+
+        (0, _jsxRuntime.jsx)("line", {
+          className: "axis",
+          x1: axisX1,
+          x2: axisX2,
+          y1: axisY2,
+          y2: axisY2 }),
+
+
+        responseCurves.map(function (_ref3) {var value = _ref3.value,label = _ref3.label,x1 = _ref3.x1,y1 = _ref3.y1,x2 = _ref3.x2,y2 = _ref3.y2,c1 = _ref3.c1,c2 = _ref3.c2,labelX = _ref3.labelX,labelY = _ref3.labelY;return /*#__PURE__*/(
+            (0, _jsxRuntime.jsxs)("g", { children: [/*#__PURE__*/
+              (0, _jsxRuntime.jsx)("path", {
+                className: value === responseCurve ? 'curve-selected' : 'curve',
+                d: "M".concat(x1, " ").concat(y1, " C ").concat(c1, " ").concat(c2, ", ").concat(c1, " ").concat(c2, ", ").concat(x2, " ").concat(y2) }), /*#__PURE__*/
+
+
+              (0, _jsxRuntime.jsx)(Tooltip, {
+                placement: "left",
+                title: label, children: /*#__PURE__*/
+
+                (0, _jsxRuntime.jsx)("rect", {
+                  className: value === responseCurve ? 'button-selected' : 'button',
+                  height: buttonSize,
+                  onClick: disabled ? null : function () {return onChange({ target: { value: value } });},
+                  transform: "translate(".concat(labelX + 3, " ").concat(labelY - buttonSize / 1.05, ") rotate(45)"),
+                  width: buttonSize }) }), /*#__PURE__*/
+
+
+
+              (0, _jsxRuntime.jsxs)("text", {
+                className: value === responseCurve ? 'button-selected' : 'button',
+                transform: "translate(".concat(labelX, " ").concat(labelY, ")"), children: [
+
+                value, /*#__PURE__*/
+                (0, _jsxRuntime.jsx)("title", { children: label })] })] }, value));})] })) }));
+
+
+
+
+
+
+};
+
+ResponseCurve.propTypes = {
+  autosize: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  inverted: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  Tooltip: _propTypes["default"].elementType,
+  value: _propTypes["default"].number.isRequired };
+
+
+ResponseCurve.defaultProps = {
+  autosize: false,
+  disabled: false,
+  inverted: false,
+  Tooltip: DefaultTooltip };var _default =
+
+
+ResponseCurve;exports["default"] = _default;

package/dist/pickers/ResponseCurvePicker.js

@@ -0,0 +1,52 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _utils = require("../utils");
+var _ResponseCurve = _interopRequireWildcard(require("./ResponseCurve"));
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+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, ["Tooltip", "inverted", "onChange", "value"]);
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      components: {
+        Placeholder: function Placeholder() {var _findObj;return /*#__PURE__*/(
+            (0, _jsxRuntime.jsx)("div", { className: "singleValue", children: (_findObj =
+              (0, _utils.findObj)('value', value)(_ResponseCurve.RESPONSE_CURVES)) === null || _findObj === void 0 ? void 0 : _findObj.label }));},
+
+
+        // eslint-disable-next-line react/prop-types
+        MenuList: function MenuList(_ref) {var setValue = _ref.setValue;return /*#__PURE__*/(
+            (0, _jsxRuntime.jsx)(_ResponseCurve["default"], {
+              autosize: true,
+              inverted: inverted,
+              onChange: function onChange(_ref2) {var v = _ref2.target.value;
+                setValue(v);
+                _onChange(v);
+              },
+              Tooltip: Tooltip,
+              value: value }));} },
+
+
+
+      onChange: function onChange(f) {return f;},
+      ref: ref,
+      value: value })));
+
+
+});
+
+ResponseCurvePicker.propTypes = {
+  value: _propTypes["default"].number.isRequired,
+  inverted: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  Tooltip: _propTypes["default"].elementType };
+
+
+ResponseCurvePicker.defaultProps = {
+  inverted: false,
+  Tooltip: _ResponseCurve.DefaultTooltip };var _default =
+
+
+ResponseCurvePicker;exports["default"] = _default;

package/dist/pickers/Select.js

@@ -0,0 +1,118 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactSelect = _interopRequireWildcard(require("react-select"));var _jsxRuntime = require("react/jsx-runtime");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var Placeholder = _reactSelect.components.Placeholder,ValueContainer = _reactSelect.components.ValueContainer;
+
+var CustomValueContainer = function CustomValueContainer(_ref) {var children = _ref.children,props = (0, _objectWithoutProperties2["default"])(_ref, ["children"]);return /*#__PURE__*/(
+    (0, _jsxRuntime.jsxs)(ValueContainer, _objectSpread(_objectSpread({}, props), {}, { children: [/*#__PURE__*/
+      (0, _jsxRuntime.jsx)(Placeholder, _objectSpread(_objectSpread({},
+      props), {}, {
+        className: props.hasValue || props.selectProps.inputValue ? 'shrunk' : '',
+        isFocused: props.isFocused, children:
+
+        props.selectProps.placeholder })),
+
+      _react.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 };
+
+CustomValueContainer.defaultProps = { isFocused: false };
+
+var Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var
+  disabled =
+
+
+
+
+
+
+  props.disabled,label = props.label,onChange = props.onChange,options = props.options,shrinkLabel = props.shrinkLabel,value = props.value,rest = (0, _objectWithoutProperties2["default"])(props, ["disabled", "label", "onChange", "options", "shrinkLabel", "value"]);
+
+  var handleChange = (0, _react.useCallback)(function (option) {
+    onChange(option.value);
+  }, [onChange]);
+
+  var selectedOption = (0, _react.useMemo)(
+  function () {return options && options.find ?
+    options === null || options === void 0 ? void 0 : options.find(function (option) {return value === option.value;}) :
+    undefined;},
+  [options, value]);
+
+
+  return shrinkLabel ? /*#__PURE__*/
+
+  (0, _jsxRuntime.jsx)("div", { className: "zds-pickers__container", children: /*#__PURE__*/
+    (0, _jsxRuntime.jsx)(_reactSelect["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      classNamePrefix: "zds-pickers",
+      components: {
+        ValueContainer: CustomValueContainer },
+
+      isDisabled: disabled,
+      onChange: handleChange,
+      options: options,
+      placeholder: label,
+      ref: ref,
+      styles: {
+        container: function container(provided /* , state */) {return _objectSpread(_objectSpread({},
+          provided), {}, {
+            marginTop: 10 });},
+
+        valueContainer: function valueContainer(provided /* , state */) {return _objectSpread(_objectSpread({},
+          provided), {}, {
+            overflow: 'visible' });},
+
+        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 });} },
+
+
+      value: selectedOption })) }) : /*#__PURE__*/
+
+
+
+
+  (0, _jsxRuntime.jsxs)("div", { className: "zds-pickers__container", children: [
+    Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", { className: "zds-pickers__label", children: label }), /*#__PURE__*/
+    (0, _jsxRuntime.jsx)(_reactSelect["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      classNamePrefix: "zds-pickers",
+      isDisabled: disabled,
+      onChange: handleChange,
+      options: options,
+      ref: ref,
+      value: selectedOption }))] });
+
+
+
+});
+
+Select.propTypes = {
+  disabled: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].object),
+  shrinkLabel: _propTypes["default"].bool,
+  value: _propTypes["default"].any // PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+};
+
+Select.defaultProps = {
+  disabled: false,
+  label: undefined,
+  options: undefined,
+  shrinkLabel: false,
+  value: undefined };var _default =
+
+
+Select;exports["default"] = _default;

package/dist/pickers/StatusPicker.js

@@ -0,0 +1,22 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+var StatusPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {var statuses = _ref.statuses,rest = (0, _objectWithoutProperties2["default"])(_ref, ["statuses"]);return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      options: statuses,
+      ref: ref })));});
+
+
+
+var statusShape = {
+  value: _propTypes["default"].number,
+  label: _propTypes["default"].string };
+
+
+StatusPicker.propTypes = {
+  statuses: _propTypes["default"].arrayOf(_propTypes["default"].shape(statusShape)).isRequired };var _default =
+
+
+StatusPicker;exports["default"] = _default;

package/dist/pickers/ValuePicker.js

@@ -0,0 +1,57 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports, "__esModule", { value: true });exports["default"] = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var _useStateWithDynamicDefault = _interopRequireDefault(require("../hooks/useStateWithDynamicDefault"));
+var _Select = _interopRequireDefault(require("./Select"));var _jsxRuntime = require("react/jsx-runtime");function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) {symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});}keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {(0, _defineProperty2["default"])(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}
+
+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, ["disabled", "highToLow", "max", "min", "onChange", "value"]);
+  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));
+
+    setValue(v);
+  }, [max, min, onChange, setValue]);
+
+  return /*#__PURE__*/(
+    (0, _jsxRuntime.jsx)(_Select["default"], _objectSpread(_objectSpread({},
+    rest), {}, {
+      disabled: disabled,
+      isDisabled: disabled,
+      onChange: handleChange,
+      options: options,
+      ref: ref,
+      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 };
+
+
+ValuePicker.defaultProps = {
+  disabled: false,
+  highToLow: false,
+  max: 127,
+  min: 0,
+  value: undefined };var _default =
+
+
+ValuePicker;exports["default"] = _default;