@eightshift/ui-components 6.0.8 → 6.0.10

package/dist/{useNumberField-D2fUHql3.js → useNumberField-D6lsi3Vu.js}

@@ -1,17 +1,17 @@
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, b as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-Bycb7BsD.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, O as $c87311424ea30a05$export$186c6964ca17d99, t as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-CG39Ci3A.js";
 import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-DQeXkyLm.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-Dqzjv4jX.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";
-import { c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-DGpXyJOJ.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-WUv2PdFO.js";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-D3b7Kh4P.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BD7Olibq.js";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-CNNksOWg.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-NETP-8H8.js";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-DGvuRCn7.js";
-import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-BXjXzdW_.js";
+import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-HC9_3Crc.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BDF1K4E4.js";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-WEswknAY.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DoWvho2u.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-Cuw9UbNb.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BWOyCamK.js";
+import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-JRIu2BnS.js";
 const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
 const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
   "latn",
@@ -291,8 +291,7 @@ function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
       input.removeEventListener("beforeinput", onBeforeInputFallback, false);
     };
   }, [
-    inputRef,
-    onBeforeInputFallback
+    inputRef
   ]);
   let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e) => {
     let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
@@ -665,9 +664,16 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   const _async = useRef(void 0);
   let { value, textValue, minValue, maxValue, isDisabled, isReadOnly, isRequired, onIncrement, onIncrementPage, onDecrement, onDecrementPage, onDecrementToMin, onIncrementToMax } = props;
   const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($a99895ee3dc79e61$exports), "@react-aria/spinbutton");
-  const clearAsync = () => clearTimeout(_async.current);
+  let isSpinning = useRef(false);
+  const clearAsync = useCallback(() => {
+    clearTimeout(_async.current);
+    isSpinning.current = false;
+  }, []);
+  const clearAsyncEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    clearAsync();
+  });
   useEffect(() => {
-    return () => clearAsync();
+    return () => clearAsyncEvent();
   }, []);
   let onKeyDown = (e) => {
     if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly || e.nativeEvent.isComposing) return;
@@ -730,15 +736,22 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   }, [
     ariaTextValue
   ]);
-  const onIncrementPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
+  let onPointerCancel = useCallback(() => {
     clearAsync();
+  }, [
+    clearAsync
+  ]);
+  const onIncrementPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
+    clearAsyncEvent();
+    isSpinning.current = true;
     onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
     _async.current = window.setTimeout(() => {
       if (maxValue === void 0 || isNaN(maxValue) || value === void 0 || isNaN(value) || value < maxValue) onIncrementPressStart(60);
     }, initialStepDelay);
   });
   const onDecrementPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
-    clearAsync();
+    clearAsyncEvent();
+    isSpinning.current = true;
     onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
     _async.current = window.setTimeout(() => {
       if (minValue === void 0 || isNaN(minValue) || value === void 0 || isNaN(value) || value > minValue) onDecrementPressStart(60);
@@ -748,6 +761,21 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     e.preventDefault();
   };
   let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+  let isUp = useRef(false);
+  let [isIncrementPressed, setIsIncrementPressed] = useState(null);
+  useEffect(() => {
+    if (isIncrementPressed === "touch") onIncrementPressStart(60);
+    else if (isIncrementPressed) onIncrementPressStart(400);
+  }, [
+    isIncrementPressed
+  ]);
+  let [isDecrementPressed, setIsDecrementPressed] = useState(null);
+  useEffect(() => {
+    if (isDecrementPressed === "touch") onDecrementPressStart(60);
+    else if (isDecrementPressed) onDecrementPressStart(400);
+  }, [
+    isDecrementPressed
+  ]);
   return {
     spinButtonProps: {
       role: "spinbutton",
@@ -763,25 +791,64 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
       onBlur
     },
     incrementButtonProps: {
-      onPressStart: () => {
-        onIncrementPressStart(400);
+      onPressStart: (e) => {
+        if (e.pointerType !== "touch") setIsIncrementPressed("mouse");
+        else {
+          if (_async.current) clearAsync();
+          addGlobalListener(window, "pointercancel", onPointerCancel, {
+            capture: true
+          });
+          isUp.current = false;
+          _async.current = window.setTimeout(() => {
+            setIsIncrementPressed("touch");
+          }, 600);
+        }
         addGlobalListener(window, "contextmenu", cancelContextMenu);
       },
-      onPressEnd: () => {
+      onPressUp: (e) => {
+        if (e.pointerType === "touch") isUp.current = true;
         clearAsync();
         removeAllGlobalListeners();
+        setIsIncrementPressed(null);
+      },
+      onPressEnd: (e) => {
+        if (e.pointerType === "touch") {
+          if (!isSpinning.current && isUp.current) onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+        }
+        clearAsync();
+        isUp.current = false;
+        setIsIncrementPressed(null);
       },
       onFocus,
       onBlur
     },
     decrementButtonProps: {
-      onPressStart: () => {
-        onDecrementPressStart(400);
-        addGlobalListener(window, "contextmenu", cancelContextMenu);
+      onPressStart: (e) => {
+        if (e.pointerType !== "touch") setIsDecrementPressed("mouse");
+        else {
+          if (_async.current) clearAsync();
+          addGlobalListener(window, "pointercancel", onPointerCancel, {
+            capture: true
+          });
+          isUp.current = false;
+          _async.current = window.setTimeout(() => {
+            setIsDecrementPressed("touch");
+          }, 600);
+        }
       },
-      onPressEnd: () => {
+      onPressUp: (e) => {
+        if (e.pointerType === "touch") isUp.current = true;
         clearAsync();
         removeAllGlobalListeners();
+        setIsDecrementPressed(null);
+      },
+      onPressEnd: (e) => {
+        if (e.pointerType === "touch") {
+          if (!isSpinning.current && isUp.current) onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+        }
+        clearAsync();
+        isUp.current = false;
+        setIsDecrementPressed(null);
       },
       onFocus,
       onBlur

package/dist/{useNumberFormatter-DGvuRCn7.js → useNumberFormatter-BWOyCamK.js}

@@ -1,4 +1,4 @@
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BQvmiUqb.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useMemo } from "react";
 function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {