bj-web-components 0.2.34 → 0.2.35

package/dist/web/InputNumber/BInputNumber.mjs

@@ -1,204 +1,269 @@
-import { jsxs as pe, jsx as o } from "react/jsx-runtime";
-import { forwardRef as Se, useRef as g, useState as z, useCallback as B, useMemo as U } from "react";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsxs as pe, jsx as l } from "react/jsx-runtime";
+import { forwardRef as Me, useRef as d, useState as J, useCallback as L, useMemo as C } from "react";
 /* empty css                   */
-import We from "./hooks/useCursor.mjs";
-import Ye from "./hooks/useFrame.mjs";
-import Ge from "./StepHandler.mjs";
-import { getDecimal as i, getNumberPrecision as de, validateNumber as Je, toFixed as O, getDecupleSteps as ge } from "./utils/decimal.mjs";
-function je(I) {
-  if (I == null) return null;
-  const u = i(I);
+import He from "./hooks/useCursor.mjs";
+import We from "./hooks/useFrame.mjs";
+import Ye from "./StepHandler.mjs";
+import { getDecimal as i, getNumberPrecision as de, validateNumber as Ge, toFixed as Q, getDecupleSteps as ge } from "./utils/decimal.mjs";
+function ve(j) {
+  if (j == null) return null;
+  var u = i(j);
   return u.isInvalidate() ? null : u;
 }
-const Ae = Se(function({
-  value: u,
-  defaultValue: A,
-  onChange: x,
-  min: C,
-  max: K,
-  step: c = 1,
-  precision: N,
-  disabled: F = !1,
-  readOnly: $ = !1,
-  placeholder: Ie,
-  autoFocus: Ne,
-  size: T = "middle",
-  status: ee,
-  bordered: ve = !0,
-  controls: k = !0,
-  keyboard: Ve = !0,
-  changeOnWheel: De = !1,
-  changeOnBlur: Re = !0,
-  addonBefore: a,
-  addonAfter: f,
-  prefix: v,
-  suffix: V,
-  formatter: D,
-  parser: R,
-  decimalSeparator: m,
-  onStep: M,
-  onPressEnter: P,
-  onFocus: H,
-  onBlur: S,
-  id: _e,
-  name: he,
-  className: te,
-  style: ne
-}, _) {
-  const W = g(null), [Y, re] = z(!1), s = g(!1), j = g(!1), h = g(!1), G = g(""), [r, ue] = z(() => i(u ?? A)), we = (e) => {
-    u === void 0 && ue(e);
-  }, J = B(
-    (e, t) => {
-      if (!t)
-        return N !== void 0 && N >= 0 ? N : Math.max(de(e), de(c));
-    },
-    [N, c]
-  ), L = B(
-    (e) => {
-      if (R) return R(e);
-      let t = e;
-      return m && (t = t.replace(m, ".")), t.replace(/[^\w.-]+/g, "");
+var Ae = Me(function (_ref, R) {
+  var u = _ref.value,
+    F = _ref.defaultValue,
+    X = _ref.onChange,
+    P = _ref.min,
+    U = _ref.max,
+    _ref$step = _ref.step,
+    c = _ref$step === void 0 ? 1 : _ref$step,
+    I = _ref.precision,
+    _ref$disabled = _ref.disabled,
+    x = _ref$disabled === void 0 ? !1 : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    K = _ref$readOnly === void 0 ? !1 : _ref$readOnly,
+    je = _ref.placeholder,
+    Ie = _ref.autoFocus,
+    _ref$size = _ref.size,
+    Z = _ref$size === void 0 ? "middle" : _ref$size,
+    z = _ref.status,
+    _ref$bordered = _ref.bordered,
+    Ne = _ref$bordered === void 0 ? !0 : _ref$bordered,
+    _ref$controls = _ref.controls,
+    S = _ref$controls === void 0 ? !0 : _ref$controls,
+    _ref$keyboard = _ref.keyboard,
+    Ve = _ref$keyboard === void 0 ? !0 : _ref$keyboard,
+    _ref$changeOnWheel = _ref.changeOnWheel,
+    he = _ref$changeOnWheel === void 0 ? !1 : _ref$changeOnWheel,
+    _ref$changeOnBlur = _ref.changeOnBlur,
+    De = _ref$changeOnBlur === void 0 ? !0 : _ref$changeOnBlur,
+    a = _ref.addonBefore,
+    f = _ref.addonAfter,
+    N = _ref.prefix,
+    V = _ref.suffix,
+    h = _ref.formatter,
+    D = _ref.parser,
+    m = _ref.decimalSeparator,
+    O = _ref.onStep,
+    A = _ref.onPressEnter,
+    T = _ref.onFocus,
+    ee = _ref.onBlur,
+    Re = _ref.id,
+    _e = _ref.name,
+    ne = _ref.className,
+    te = _ref.style;
+  var $ = d(null),
+    _J = J(!1),
+    _J2 = _slicedToArray(_J, 2),
+    k = _J2[0],
+    re = _J2[1],
+    o = d(!1),
+    g = d(!1),
+    _ = d(!1),
+    B = d(""),
+    _J3 = J(function () {
+      return i(u != null ? u : F);
+    }),
+    _J4 = _slicedToArray(_J3, 2),
+    r = _J4[0],
+    ue = _J4[1],
+    we = function we(e) {
+      u === void 0 && ue(e);
     },
-    [R, m]
-  ), ie = B(
-    (e, t) => {
-      if (D) return D(e, { userTyping: !!t, input: G.current });
-      let n = e;
+    M = L(function (e, t) {
+      if (!t) return I !== void 0 && I >= 0 ? I : Math.max(de(e), de(c));
+    }, [I, c]),
+    H = L(function (e) {
+      if (D) return D(e);
+      var t = e;
+      return m && (t = t.replace(m, ".")), t.replace(/[^\w.-]+/g, "");
+    }, [D, m]),
+    ie = L(function (e, t) {
+      if (h) return h(e, {
+        userTyping: !!t,
+        input: B.current
+      });
+      var n = e;
       if (!t) {
-        const l = J(n, t);
-        Je(n) && (m || (l ?? -1) >= 0) && (n = O(n, m || ".", l));
+        var s = M(n, t);
+        Ge(n) && (m || (s != null ? s : -1) >= 0) && (n = Q(n, m || ".", s));
       }
       return n;
+    }, [h, M, m]),
+    _J5 = J(function () {
+      var e = F != null ? F : u;
+      return r.isInvalidate() && ["string", "number"].includes(_typeof(e)) ? e == null || Number.isNaN(e) ? "" : String(e) : ie(r.toString(), !1);
+    }),
+    _J6 = _slicedToArray(_J5, 2),
+    w = _J6[0],
+    se = _J6[1];
+  B.current = w;
+  var E = function E(e, t) {
+      se(ie(e.isInvalidate() ? e.toString(!1) : e.toString(!t), t));
     },
-    [D, J, m]
-  ), [w, se] = z(() => {
-    const e = A ?? u;
-    return r.isInvalidate() && ["string", "number"].includes(typeof e) ? e == null || Number.isNaN(e) ? "" : String(e) : ie(r.toString(), !1);
-  });
-  G.current = w;
-  const q = (e, t) => {
-    se(
-      ie(e.isInvalidate() ? e.toString(!1) : e.toString(!t), t)
-    );
-  }, b = U(() => je(K), [K]), p = U(() => je(C), [C]), le = U(() => !b || r.isInvalidate() ? !1 : b.lessEquals(r), [b, r]), oe = U(() => !p || r.isInvalidate() ? !1 : r.lessEquals(p), [p, r]), [qe] = We(W.current, Y), ce = (e) => b && !e.lessEquals(b) ? b : p && !p.lessEquals(e) ? p : null, Q = (e) => !ce(e), y = (e, t) => {
-    let n = e, l = Q(n) || n.isEmpty();
-    if (!n.isEmpty() && !t && (n = ce(n) || n, l = !0), !$ && !F && l) {
-      const d = n.toString(), E = J(d, t);
-      return E !== void 0 && E >= 0 && (n = i(O(d, ".", E)), Q(n) || (n = i(O(d, ".", E, !0)))), n.equals(r) || (we(n), x == null || x(n.isEmpty() ? null : n.toNumber()), u === void 0 && q(n, t)), n;
-    }
-    return r;
-  }, ye = Ye(), X = (e) => {
-    if (qe(), G.current = e, se(e), !j.current) {
-      const t = L(e), n = i(t);
-      n.isNaN() || y(n, !0);
-    }
-    ye(() => {
-      const t = R ? e : e.replace(/。/g, ".");
-      t !== e && X(t);
-    });
-  }, Ee = () => {
-    j.current = !0;
-  }, Ue = (e) => {
-    j.current = !1, X(e.target.value);
-  }, xe = (e) => X(e.target.value), Z = (e) => {
-    var d;
-    if (e && le || !e && oe) return;
-    s.current = !1;
-    let t = i(h.current ? ge(c) : c);
-    e || (t = t.negate());
-    const n = (r.isInvalidate() ? i(0) : r).add(t.toString()), l = y(n, !1);
-    M == null || M(l.toNumber(), { offset: h.current ? ge(c) : c, type: e ? "up" : "down" }), (d = W.current) == null || d.focus();
-  }, ae = (e) => {
-    const t = i(L(w));
-    let n;
-    t.isNaN() ? n = y(r, e) : n = y(t, e), u !== void 0 ? q(r, !1) : n.isNaN() || q(n, !1);
-  }, Ce = (e) => {
-    const { key: t, shiftKey: n } = e;
-    s.current = !0, h.current = n, t === "Enter" && (j.current || (s.current = !1), ae(!1), P == null || P(e)), Ve && !j.current && (t === "ArrowUp" || t === "ArrowDown") && (Z(t === "ArrowUp"), e.preventDefault());
-  }, Ke = () => {
-    s.current = !1, h.current = !1;
-  }, Fe = (e) => {
-    re(!0), H == null || H(e);
-  }, $e = (e) => {
-    Re && ae(!1), re(!1), s.current = !1, S == null || S(e);
-  }, fe = g(u);
+    b = C(function () {
+      return ve(U);
+    }, [U]),
+    p = C(function () {
+      return ve(P);
+    }, [P]),
+    oe = C(function () {
+      return !b || r.isInvalidate() ? !1 : b.lessEquals(r);
+    }, [b, r]),
+    le = C(function () {
+      return !p || r.isInvalidate() ? !1 : r.lessEquals(p);
+    }, [p, r]),
+    _He = He($.current, k),
+    _He2 = _slicedToArray(_He, 1),
+    Ee = _He2[0],
+    ce = function ce(e) {
+      return b && !e.lessEquals(b) ? b : p && !p.lessEquals(e) ? p : null;
+    },
+    W = function W(e) {
+      return !ce(e);
+    },
+    q = function q(e, t) {
+      var n = e,
+        s = W(n) || n.isEmpty();
+      if (!n.isEmpty() && !t && (n = ce(n) || n, s = !0), !K && !x && s) {
+        var v = n.toString(),
+          y = M(v, t);
+        return y !== void 0 && y >= 0 && (n = i(Q(v, ".", y)), W(n) || (n = i(Q(v, ".", y, !0)))), n.equals(r) || (we(n), X == null || X(n.isEmpty() ? null : n.toNumber()), u === void 0 && E(n, t)), n;
+      }
+      return r;
+    },
+    qe = We(),
+    _Y = function Y(e) {
+      if (Ee(), B.current = e, se(e), !g.current) {
+        var t = H(e),
+          n = i(t);
+        n.isNaN() || q(n, !0);
+      }
+      qe(function () {
+        var t = D ? e : e.replace(/。/g, ".");
+        t !== e && _Y(t);
+      });
+    },
+    ye = function ye() {
+      g.current = !0;
+    },
+    Ce = function Ce(e) {
+      g.current = !1, _Y(e.target.value);
+    },
+    Fe = function Fe(e) {
+      return _Y(e.target.value);
+    },
+    G = function G(e) {
+      var t;
+      if (e && oe || !e && le) return;
+      o.current = !1;
+      var n = i(_.current ? ge(c) : c);
+      e || (n = n.negate());
+      var s = (r.isInvalidate() ? i(0) : r).add(n.toString()),
+        v = q(s, !1);
+      O == null || O(v.toNumber(), {
+        offset: _.current ? ge(c) : c,
+        type: e ? "up" : "down"
+      }), (t = $.current) == null || t.focus();
+    },
+    ae = function ae(e) {
+      var t = i(H(w));
+      var n;
+      t.isNaN() ? n = q(r, e) : n = q(t, e), u !== void 0 ? E(r, !1) : n.isNaN() || E(n, !1);
+    },
+    Pe = function Pe(e) {
+      var t = e.key,
+        n = e.shiftKey;
+      o.current = !0, _.current = n, t === "Enter" && (g.current || (o.current = !1), ae(!1), A == null || A(e)), Ve && !g.current && (t === "ArrowUp" || t === "ArrowDown") && (G(t === "ArrowUp"), e.preventDefault());
+    },
+    Ue = function Ue() {
+      o.current = !1, _.current = !1;
+    },
+    xe = function xe(e) {
+      re(!0), T == null || T(e);
+    },
+    Ke = function Ke(e) {
+      De && ae(!1), re(!1), o.current = !1, ee == null || ee(e);
+    },
+    fe = d(u);
   if (fe.current !== u) {
     fe.current = u;
-    const e = i(u);
+    var e = i(u);
     if (!e.equals(r)) {
       ue(e);
-      const t = i(L(w));
-      (!e.equals(t) || !s.current || D) && q(e, s.current);
+      var t = i(H(w));
+      (!e.equals(t) || !o.current || h) && E(e, o.current);
     }
   }
-  const ke = (e) => {
-    W.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
-  }, me = !!k, Me = typeof k == "object" ? k.icon : void 0, Pe = !r.isInvalidate() && !Q(r), He = [
-    "bj-input-number",
-    `bj-input-number--${T}`,
-    Y && "bj-input-number--focused",
-    F && "bj-input-number--disabled",
-    $ && "bj-input-number--readonly",
-    !ve && "bj-input-number--borderless",
-    ee && `bj-input-number--${ee}`,
-    Pe && "bj-input-number--out-of-range",
-    me && "bj-input-number--with-controls",
-    a && "bj-input-number--group-left",
-    f && "bj-input-number--group-right"
-  ].filter(Boolean).join(" "), be = /* @__PURE__ */ pe(
-    "div",
-    {
-      className: [He, !(a || f || v || V) && te].filter(Boolean).join(" "),
-      style: a || f || v || V ? void 0 : ne,
-      onKeyDown: Ce,
-      onKeyUp: Ke,
-      children: [
-        v && /* @__PURE__ */ o("span", { className: "bj-input-number__prefix", children: v }),
-        /* @__PURE__ */ o("div", { className: "bj-input-number__input-wrap", children: /* @__PURE__ */ o(
-          "input",
-          {
-            ref: ke,
-            id: _e,
-            name: he,
-            className: "bj-input-number__input",
-            autoComplete: "off",
-            role: "spinbutton",
-            "aria-valuemin": C,
-            "aria-valuemax": K,
-            "aria-valuenow": r.isInvalidate() ? void 0 : r.toNumber(),
-            value: w,
-            placeholder: Ie,
-            disabled: F,
-            readOnly: $,
-            autoFocus: Ne,
-            onChange: xe,
-            onFocus: Fe,
-            onBlur: $e,
-            onCompositionStart: Ee,
-            onCompositionEnd: Ue,
-            onWheel: De ? (e) => {
-              Y && Z(e.deltaY < 0);
-            } : void 0
-          }
-        ) }),
-        V && /* @__PURE__ */ o("span", { className: "bj-input-number__suffix", children: V }),
-        me && /* @__PURE__ */ o(Ge, { icon: Me, upDisabled: le, downDisabled: oe, onStep: Z })
-      ]
-    }
-  );
-  return !a && !f ? be : /* @__PURE__ */ pe(
-    "div",
-    {
-      className: ["bj-input-number-group", `bj-input-number-group--${T}`, te].filter(Boolean).join(" "),
-      style: ne,
-      children: [
-        a && /* @__PURE__ */ o("div", { className: "bj-input-number-group__addon", children: a }),
-        be,
-        f && /* @__PURE__ */ o("div", { className: "bj-input-number-group__addon", children: f })
-      ]
-    }
-  );
+  var Se = function Se(e) {
+      $.current = e, typeof R == "function" ? R(e) : R && (R.current = e);
+    },
+    me = !!S,
+    $e = _typeof(S) == "object" ? S.icon : void 0,
+    ke = !r.isInvalidate() && !W(r),
+    Be = ["bj-input-number", "bj-input-number--".concat(Z), k && "bj-input-number--focused", x && "bj-input-number--disabled", K && "bj-input-number--readonly", !Ne && "bj-input-number--borderless", z && "bj-input-number--".concat(z), ke && "bj-input-number--out-of-range", me && "bj-input-number--with-controls", a && "bj-input-number--group-left", f && "bj-input-number--group-right"].filter(Boolean).join(" "),
+    be = /* @__PURE__ */pe("div", {
+      className: [Be, !(a || f || N || V) && ne].filter(Boolean).join(" "),
+      style: a || f || N || V ? void 0 : te,
+      onKeyDown: Pe,
+      onKeyUp: Ue,
+      children: [N && /* @__PURE__ */l("span", {
+        className: "bj-input-number__prefix",
+        children: N
+      }), /* @__PURE__ */l("div", {
+        className: "bj-input-number__input-wrap",
+        children: /* @__PURE__ */l("input", {
+          ref: Se,
+          id: Re,
+          name: _e,
+          className: "bj-input-number__input",
+          autoComplete: "off",
+          role: "spinbutton",
+          "aria-valuemin": P,
+          "aria-valuemax": U,
+          "aria-valuenow": r.isInvalidate() ? void 0 : r.toNumber(),
+          value: w,
+          placeholder: je,
+          disabled: x,
+          readOnly: K,
+          autoFocus: Ie,
+          onChange: Fe,
+          onFocus: xe,
+          onBlur: Ke,
+          onCompositionStart: ye,
+          onCompositionEnd: Ce,
+          onWheel: he ? function (e) {
+            k && G(e.deltaY < 0);
+          } : void 0
+        })
+      }), V && /* @__PURE__ */l("span", {
+        className: "bj-input-number__suffix",
+        children: V
+      }), me && /* @__PURE__ */l(Ye, {
+        icon: $e,
+        upDisabled: oe,
+        downDisabled: le,
+        onStep: G
+      })]
+    });
+  return !a && !f ? be : /* @__PURE__ */pe("div", {
+    className: ["bj-input-number-group", "bj-input-number-group--".concat(Z), ne].filter(Boolean).join(" "),
+    style: te,
+    children: [a && /* @__PURE__ */l("div", {
+      className: "bj-input-number-group__addon",
+      children: a
+    }), be, f && /* @__PURE__ */l("div", {
+      className: "bj-input-number-group__addon",
+      children: f
+    })]
+  });
 });
-export {
-  Ae as default
-};
+export { Ae as default };

package/dist/web/InputNumber/StepHandler.js

@@ -1 +1,112 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),m=600,h=200;function _({className:t}){return e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M15.4573 13.6501C15.9047 13.6504 16.129 14.192 15.8128 14.5085L12.3352 17.9851C12.139 18.1811 11.8214 18.1811 11.6253 17.9851L8.14772 14.5085C7.83144 14.192 8.0558 13.6504 8.50319 13.6501H15.4573ZM11.6643 5.98311C11.8606 5.78688 12.179 5.78688 12.3753 5.98311L15.8518 9.45967C16.1683 9.77623 15.944 10.3171 15.4964 10.3171H8.54323C8.09567 10.3171 7.87154 9.77625 8.18776 9.45967L11.6643 5.98311Z",fill:"currentColor"})})}function j({icon:t,upDisabled:o,downDisabled:i,onStep:l}){const u=a.useRef(void 0),s=a.useRef(l);s.current=l;const r=()=>clearTimeout(u.current),c=(n,p)=>{n.preventDefault(),r(),s.current(p);function d(){s.current(p),u.current=setTimeout(d,h)}u.current=setTimeout(d,m)};a.useEffect(()=>r,[]);const b={unselectable:"on",role:"button",onMouseUp:r,onMouseLeave:r};return e.jsxs("div",{className:"bj-input-number__handler-wrap",children:[e.jsx("span",{...b,"aria-label":"Increase Value","aria-disabled":o,className:o?"bj-input-number__handler bj-input-number__handler--up bj-input-number__handler--disabled":"bj-input-number__handler bj-input-number__handler--up",onMouseDown:n=>c(n,!0)}),e.jsx("span",{...b,"aria-label":"Decrease Value","aria-disabled":i,className:i?"bj-input-number__handler bj-input-number__handler--down bj-input-number__handler--disabled":"bj-input-number__handler bj-input-number__handler--down",onMouseDown:n=>c(n,!1)}),t||e.jsxs(e.Fragment,{children:[e.jsx(_,{className:"bj-input-number__handler-icon bj-input-number__handler-icon--up"}),e.jsx(_,{className:"bj-input-number__handler-icon bj-input-number__handler-icon--down"})]})]})}module.exports=j;
+"use strict";
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var t = require("react/jsx-runtime"),
+  i = require("react");
+var w = Object.defineProperty,
+  v = Object.defineProperties,
+  P = Object.getOwnPropertyDescriptors,
+  d = Object.getOwnPropertySymbols,
+  x = Object.prototype.hasOwnProperty,
+  O = Object.prototype.propertyIsEnumerable,
+  m = function m(r, e, n) {
+    return e in r ? w(r, e, {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: n
+    }) : r[e] = n;
+  },
+  j = function j(r, e) {
+    for (var n in e || (e = {})) x.call(e, n) && m(r, n, e[n]);
+    if (d) {
+      var _iterator = _createForOfIteratorHelper(d(e)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var n = _step.value;
+          O.call(e, n) && m(r, n, e[n]);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return r;
+  },
+  h = function h(r, e) {
+    return v(r, P(e));
+  };
+var g = 600,
+  S = 200;
+function f(_ref) {
+  var r = _ref.className;
+  return t.jsx("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: r,
+    children: t.jsx("path", {
+      d: "M15.4573 13.6501C15.9047 13.6504 16.129 14.192 15.8128 14.5085L12.3352 17.9851C12.139 18.1811 11.8214 18.1811 11.6253 17.9851L8.14772 14.5085C7.83144 14.192 8.0558 13.6504 8.50319 13.6501H15.4573ZM11.6643 5.98311C11.8606 5.78688 12.179 5.78688 12.3753 5.98311L15.8518 9.45967C16.1683 9.77623 15.944 10.3171 15.4964 10.3171H8.54323C8.09567 10.3171 7.87154 9.77625 8.18776 9.45967L11.6643 5.98311Z",
+      fill: "currentColor"
+    })
+  });
+}
+function y(_ref2) {
+  var r = _ref2.icon,
+    e = _ref2.upDisabled,
+    n = _ref2.downDisabled,
+    l = _ref2.onStep;
+  var s = i.useRef(void 0),
+    u = i.useRef(l);
+  u.current = l;
+  var o = function o() {
+      return clearTimeout(s.current);
+    },
+    p = function p(a, _) {
+      a.preventDefault(), o(), u.current(_);
+      function b() {
+        u.current(_), s.current = setTimeout(b, S);
+      }
+      s.current = setTimeout(b, g);
+    };
+  i.useEffect(function () {
+    return o;
+  }, []);
+  var c = {
+    unselectable: "on",
+    role: "button",
+    onMouseUp: o,
+    onMouseLeave: o
+  };
+  return t.jsxs("div", {
+    className: "bj-input-number__handler-wrap",
+    children: [t.jsx("span", h(j({}, c), {
+      "aria-label": "Increase Value",
+      "aria-disabled": e,
+      className: e ? "bj-input-number__handler bj-input-number__handler--up bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--up",
+      onMouseDown: function onMouseDown(a) {
+        return p(a, !0);
+      }
+    })), t.jsx("span", h(j({}, c), {
+      "aria-label": "Decrease Value",
+      "aria-disabled": n,
+      className: n ? "bj-input-number__handler bj-input-number__handler--down bj-input-number__handler--disabled" : "bj-input-number__handler bj-input-number__handler--down",
+      onMouseDown: function onMouseDown(a) {
+        return p(a, !1);
+      }
+    })), r || t.jsxs(t.Fragment, {
+      children: [t.jsx(f, {
+        className: "bj-input-number__handler-icon bj-input-number__handler-icon--up"
+      }), t.jsx(f, {
+        className: "bj-input-number__handler-icon bj-input-number__handler-icon--down"
+      })]
+    })]
+  });
+}
+module.exports = y;