zds-pickers 4.1.0 → 4.1.3

package/dist/index.es.js

@@ -13,7 +13,7 @@ import { getStockNames as vo, getUserMappingNames as yo, emptyMapping as hn } fr
 const Je = (e) => Array.from(new Array(e).keys()), Ke = (e, t = 127, o = 0) => {
   let n = typeof e == "string" ? Number.parseInt(e, 10) : e;
   return (Number.isNaN(n) || n === null) && (n = o), n >= o ? n <= t ? n : t : o;
-}, go = (e, t) => (o) => o == null ? void 0 : o.find((n) => (n == null ? void 0 : n[e]) === t), bo = (...e) => (t) => Object.entries(t).filter(([o]) => !e.flat().map(String).includes(o)).reduce((o, [n, r]) => Object.assign(o, { [n]: r }), {}), Is = (...e) => (t) => Object.entries(t).filter(([o]) => e.flat().map(String).includes(o)).reduce((o, [n, r]) => Object.assign(o, { [n]: r }), {}), Ds = (e, t) => (o) => ({
+}, go = (e, t) => (o) => o == null ? void 0 : o.find((n) => (n == null ? void 0 : n[e]) === t), bo = (...e) => (t) => Object.entries(t).filter(([o]) => !e.flat().map(String).includes(o)).reduce((o, [n, r]) => Object.assign(o, { [n]: r }), {}), js = (...e) => (t) => Object.entries(t).filter(([o]) => e.flat().map(String).includes(o)).reduce((o, [n, r]) => Object.assign(o, { [n]: r }), {}), Is = (e, t) => (o) => ({
   ...o,
   [e]: t
 }), Po = [
@@ -173,10 +173,10 @@ const Je = (e) => Array.from(new Array(e).keys()), Ke = (e, t = 127, o = 0) => {
   { value: Pe.aftertouch, label: "Aftertouch" },
   { value: Pe.channelPressure, label: "Channel Pressure" },
   { value: Pe.pitchWheel, label: "Pitch Wheel" }
-], Ls = (e) => {
+], Ds = (e) => {
   var t;
   return ((t = wo.filter(({ value: o }) => o === e)[0]) == null ? void 0 : t.label) || "???";
-}, qs = (e, t) => e | t << 4, Bs = (e) => ({
+}, Ls = (e, t) => e | t << 4, qs = (e) => ({
   status: (e & Ao) >> 4 | 8,
   channel: e & Mo
 }), So = 0, Eo = 1, xo = 2, No = 3, Co = 4, _o = 5, Oo = 6, To = 7, mn = {
@@ -3240,7 +3240,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
             },
             stop: () => {
             }
-          });
+          }), c(!1);
         } else
           c(!1);
       } else
@@ -3473,7 +3473,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
       ] })
     }
   );
-}, Ce = 255, { IndicatorsContainer: Za, Placeholder: or, ValueContainer: es } = po, Fs = {
+}, Ce = 255, { IndicatorsContainer: Za, Placeholder: or, ValueContainer: es } = po, Bs = {
   label: "--",
   value: Ce
 }, ir = (e) => {
@@ -3600,7 +3600,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
       )
     ] });
   }
-), $s = fe((e, t) => /* @__PURE__ */ _(
+), Fs = fe((e, t) => /* @__PURE__ */ _(
   he,
   {
     ...e,
@@ -3610,7 +3610,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
 )), ns = Je(16).map((e) => ({
   value: e,
   label: e
-})), Vs = fe(({ channels: e, className: t, ...o }, n) => {
+})), $s = fe(({ channels: e, className: t, ...o }, n) => {
   const [r, a] = pe([]), u = ce(
     ({ value: i, label: s }, { context: c }) => {
       if (i === "separator")
@@ -3653,7 +3653,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
 }), rs = Je(16).map((e) => ({
   value: e,
   label: `Channel ${e + 1}`
-})), os = (e, t) => t ? String(e.label).toLowerCase().includes(t.toLowerCase()) : !0, Gs = fe(({ className: e, value: t = Ce, ...o }, n) => {
+})), os = (e, t) => t ? String(e.label).toLowerCase().includes(t.toLowerCase()) : !0, Vs = fe(({ className: e, value: t = Ce, ...o }, n) => {
   const r = ce(
     (a, { context: u }) => t === void 0 ? "--" : u === "value" ? a.label : Number.parseInt(String(a.value)) + 1,
     [t]
@@ -3670,7 +3670,7 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
       ref: n
     }
   );
-}), is = (e) => {
+}), Gs = (e) => {
   const {
     value: t,
     onChange: o,
@@ -3694,19 +3694,18 @@ const tr = (e) => e != null && !Number.isNaN(e), Vr = (e) => {
       height: r,
       width: a,
       octave: u,
-      onClick: s
+      onClick: s,
+      instrumentName: "acoustic_grand_piano"
     }
   );
-};
-is.propTypes = {};
-const an = (e) => {
+}, an = (e) => {
   const [t, o] = pe(e);
   return be(() => {
     o(e);
   }, [e]), [t, o];
 };
 var Dt, ar;
-function as() {
+function is() {
   return ar || (ar = 1, Dt = function(e) {
     var t = {};
     function o(n) {
@@ -4093,10 +4092,10 @@ function as() {
   }])), Dt;
 }
 var Lt, sr;
-function ss() {
-  return sr || (sr = 1, Lt = as()), Lt;
+function as() {
+  return sr || (sr = 1, Lt = is()), Lt;
 }
-var qt = ss();
+var qt = as();
 class Gr extends ne.Component {
   render() {
     const t = this.props, o = {};
@@ -4126,13 +4125,13 @@ ct(Gr, "defaultProps", {
 function ur(e) {
   return e * Math.PI / 180;
 }
-function us(e, t) {
+function ss(e, t) {
   return e >= 0 && t >= 0 ? 1 : e <= 0 && t >= 0 ? 2 : e <= 0 && t <= 0 ? 3 : e >= 0 && t <= 0 ? 4 : 1;
 }
 function Bt(e, t) {
   if (e === 0 && t === 0) return 0;
   let n = Math.atan(e / t) * 180 / Math.PI;
-  const r = us(e, t);
+  const r = ss(e, t);
   return r === 1 && (n = 90 - n), r === 2 && (n = 90 - n), r === 3 && (n = 270 - n), r === 4 && (n = 270 - n), n;
 }
 class lr extends ne.Component {
@@ -4157,7 +4156,7 @@ class lr extends ne.Component {
     );
   }
 }
-class ls extends ne.Component {
+class us extends ne.Component {
   render() {
     const { width: t = 2, color: o = "black", p1: n, p2: r, ...a } = this.props;
     return /* @__PURE__ */ _(
@@ -4174,7 +4173,7 @@ class ls extends ne.Component {
     );
   }
 }
-class cs extends ne.Component {
+class ls extends ne.Component {
   render() {
     const { children: t, ...o } = this.props, n = {
       overlay: Object.assign(
@@ -4205,7 +4204,7 @@ class cs extends ne.Component {
     );
   }
 }
-class fs extends ne.Component {
+class cs extends ne.Component {
   constructor() {
     super(...arguments);
     ct(this, "state", {
@@ -4228,7 +4227,7 @@ class fs extends ne.Component {
   }
   render() {
     const o = this.props.minimumDragDistance <= this.props.radius ? "green" : "grey", n = this.props.minimumDragDistance <= this.props.radius ? "#88E22D" : "#D8D8D8", r = this.props.minimumDragDistance >= this.props.radius;
-    return /* @__PURE__ */ _(cs, { children: /* @__PURE__ */ te(
+    return /* @__PURE__ */ _(ls, { children: /* @__PURE__ */ te(
       "svg",
       {
         style: { position: "absolute", top: "0", left: "0" },
@@ -4271,7 +4270,7 @@ class fs extends ne.Component {
             }
           ),
           /* @__PURE__ */ _(
-            ls,
+            us,
             {
               p1: { x: this.state.centerX, y: this.state.centerY },
               p2: {
@@ -4286,7 +4285,7 @@ class fs extends ne.Component {
     ) });
   }
 }
-const ds = {
+const fs = {
   knobX: 71,
   knobY: 71,
   svg: `
@@ -4354,7 +4353,7 @@ const ds = {
     </g>
 </svg>
 `
-}, ps = (e) => {
+}, ds = (e) => {
   const {
     clampMax: t = 360,
     clampMin: o = 0,
@@ -4371,7 +4370,7 @@ const ds = {
     },
     preciseMode: l = !0,
     rotateDegrees: p = 0,
-    skin: f = ds,
+    skin: f = fs,
     step: d = 1,
     style: v,
     unlockDistance: b = 100,
@@ -4525,7 +4524,7 @@ const ds = {
       }
     ),
     C.dragging && l && /* @__PURE__ */ _(
-      fs,
+      cs,
       {
         svgRef: C.svgRef,
         radius: C.dragDistance,
@@ -4535,7 +4534,7 @@ const ds = {
       }
     )
   ] });
-}, hs = {
+}, ps = {
   knobX: 71.44,
   knobY: 71.44,
   svg: `
@@ -4644,7 +4643,7 @@ const ds = {
       ]
     }
   ]
-}, ms = (e) => {
+}, hs = (e) => {
   const {
     disabled: t = !1,
     max: o = 127,
@@ -4677,7 +4676,7 @@ const ds = {
     ]
   );
   return /* @__PURE__ */ _(
-    ps,
+    ds,
     {
       clampMax: 320,
       clampMin: 40,
@@ -4687,7 +4686,7 @@ const ds = {
       onWheel: u ? p : void 0,
       preciseMode: !1,
       rotateDegrees: 180,
-      skin: hs,
+      skin: ps,
       style: { opacity: t ? 0.4 : 1 },
       unlockDistance: 0,
       defaultValue: c,
@@ -4733,7 +4732,7 @@ const ds = {
         }
       ),
       /* @__PURE__ */ _(
-        ms,
+        hs,
         {
           disabled: o,
           max: s,
@@ -4747,14 +4746,14 @@ const ds = {
       )
     ] })
   ] });
-}), vs = [
+}), ms = [
   { value: 0, label: "Momentary" },
   { value: 1, label: "Latching" }
 ], Ks = fe((e, t) => /* @__PURE__ */ _(
   he,
   {
     ...e,
-    options: vs,
+    options: ms,
     ref: t
   }
 )), Ws = fe(({ allowClearing: e, ...t }, o) => {
@@ -4788,7 +4787,7 @@ const ds = {
       ref: o
     }
   );
-}), { midiToNoteName: ys } = Ni, gs = ({ note: e, name: t }) => `${e} ${t.length ? "-" : ""} ${t}`, cr = (e, t) => ({
+}), { midiToNoteName: vs } = Ni, ys = ({ note: e, name: t }) => `${e} ${t.length ? "-" : ""} ${t}`, cr = (e, t) => ({
   label: e,
   value: t + 1
 }), zs = fe((e, t) => {
@@ -4800,7 +4799,7 @@ const ds = {
     onChange: u,
     value: i,
     ...s
-  } = e, c = Me(() => r ? hn().map(({ note: f }) => `${ys(f, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${f})`).map(cr) : (a || hn()).map(gs).map(cr), [r, a]), [h, l] = an(i), p = ce(
+  } = e, c = Me(() => r ? hn().map(({ note: f }) => `${vs(f, { sharps: !1 }).replace("b", "♭").replace("#", "♯")} (#${f})`).map(cr) : (a || hn()).map(ys).map(cr), [r, a]), [h, l] = an(i), p = ce(
     (f) => {
       if (typeof f == "string") return;
       const d = Ke(f, 128, 0);
@@ -4819,8 +4818,8 @@ const ds = {
       value: h
     }
   );
-}), Ur = 21, Kr = 108, bs = Kr - Ur - 1, Ps = bs * 0.7, Ms = new window.AudioContext(), As = ({ height: e, width: t, ...o }) => {
-  const r = (t / Ps + 2) / e;
+}), Ur = 21, Kr = 108, gs = Kr - Ur - 1, bs = gs * 0.7, Ps = new window.AudioContext(), Ms = ({ height: e, width: t, ...o }) => {
+  const r = (t / bs + 2) / e;
   return /* @__PURE__ */ _("div", { children: /* @__PURE__ */ _(
     rn,
     {
@@ -4846,14 +4845,14 @@ const ds = {
 }) => /* @__PURE__ */ _(
   Vr,
   {
-    audioContext: Ms,
+    audioContext: Ps,
     format: e,
     hostname: o,
     instrumentName: n,
     onChange: r,
     soundfont: h,
     render: ({ isLoading: p, playNote: f, stopNote: d }) => /* @__PURE__ */ _(
-      As,
+      Ms,
       {
         disabled: p,
         height: t,
@@ -4884,7 +4883,7 @@ const ds = {
 } : {
   width: 0,
   height: 0
-}, ws = (e) => {
+}, As = (e) => {
   const [t, o] = pe(
     fr(e ? e.current : null)
   ), n = ce(() => {
@@ -4905,7 +4904,7 @@ const ds = {
       };
     }
   }, [e.current]), t;
-}, Ye = 20, Ft = 15, Ne = Ye, Ge = Ye, Ss = (e) => {
+}, Ye = 20, Ft = 15, Ne = Ye, Ge = Ye, ws = (e) => {
   const {
     Tooltip: t = pr,
     autosize: o,
@@ -4913,7 +4912,7 @@ const ds = {
     inverted: r,
     onChange: a,
     value: u
-  } = e, i = Re(null), s = Re(null), { height: c, width: h } = ws(i), l = o && h || 218, p = o && c || 150, f = l - Ye, d = p - Ye, v = l / 2, b = p / 2, I = { ref: s }, D = dr.map(
+  } = e, i = Re(null), s = Re(null), { height: c, width: h } = As(i), l = o && h || 218, p = o && c || 150, f = l - Ye, d = p - Ye, v = l / 2, b = p / 2, I = { ref: s }, D = dr.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value: S, label: x }) => {
       let m = 0, P = 0, g = Ne, M = r ? Ge : d, C = f, j = r ? d : Ge, $ = v, G = b;
@@ -5075,7 +5074,7 @@ const ds = {
     return c ? /* @__PURE__ */ _("div", { className: "singleValue", children: c.label }) : /* @__PURE__ */ _("div", { className: "zds-pickers__placeholder", children: "Select..." });
   }, [a]), s = ce(
     ({ setValue: c }) => /* @__PURE__ */ _(
-      Ss,
+      ws,
       {
         autosize: !0,
         inverted: n,
@@ -5140,12 +5139,12 @@ const ds = {
   );
 });
 export {
-  $s as CCPicker,
-  Vs as ChannelMappingPicker,
-  Gs as ChannelPicker,
+  Fs as CCPicker,
+  $s as ChannelMappingPicker,
+  Vs as ChannelPicker,
   pr as DefaultTooltip,
-  is as KeyPicker,
-  ms as Knob,
+  Gs as KeyPicker,
+  hs as Knob,
   Us as KnobPicker,
   Ks as LatchPicker,
   Mo as MASK_CHANNEL,
@@ -5156,7 +5155,7 @@ export {
   Ya as OctavePlayer,
   Hs as PianoPicker,
   Xs as PolarityPicker,
-  Ss as ResponseCurve,
+  ws as ResponseCurve,
   mn as ResponseCurveLabels,
   Ys as ResponseCurvePicker,
   he as Select,
@@ -5167,16 +5166,16 @@ export {
   Je as arraySequence,
   Ke as assertRange,
   Po as changeControllerOptions,
-  qs as combineStatusWithChannel,
-  Bs as extractStatusAndChannel,
+  Ls as combineStatusWithChannel,
+  qs as extractStatusAndChannel,
   go as findObj,
-  Ls as getStatusLabel,
+  Ds as getStatusLabel,
   Ce as noSelection,
-  Fs as noSelectionOption,
+  Bs as noSelectionOption,
   bo as omit,
-  Is as pick,
+  js as pick,
   dr as responseCurves,
-  Ds as set,
+  Is as set,
   wo as statusOptions
 };
 //# sourceMappingURL=index.es.js.map