@dmsi/wedgekit-react 0.0.46 → 0.0.47

package/dist/components/DateInput.cjs

@@ -1246,7 +1246,11 @@ var DateInput = (_a) => {
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(rawValue, formattedValue, cursorPosition);
+        const newPosition = calculateCursorPosition(
+          rawValue,
+          formattedValue,
+          cursorPosition
+        );
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });

package/dist/components/DateInput.js

@@ -135,7 +135,11 @@ var DateInput = (_a) => {
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(rawValue, formattedValue, cursorPosition);
+        const newPosition = calculateCursorPosition(
+          rawValue,
+          formattedValue,
+          cursorPosition
+        );
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.46",
+  "version": "0.0.47",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DateInput.tsx

@@ -75,7 +75,7 @@ export const DateInput = ({
     if (visible) {
       updatePosition();
     }
-  }, [visible])
+  }, [visible]);
 
   const updatePosition = () => {
     if (triggerRef.current) {
@@ -148,27 +148,31 @@ export const DateInput = ({
 
   const handleClick = () => {
     handleFocus();
-  }
+  };
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     if (readOnly) return;
-    
+
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    
+
     // Format the input as user types (add slashes automatically)
     const formattedValue = formatInputValue(rawValue);
     setInputValue(formattedValue);
-    
+
     // Restore cursor position after formatting
     requestAnimationFrame(() => {
       if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(rawValue, formattedValue, cursorPosition);
+        const newPosition = calculateCursorPosition(
+          rawValue,
+          formattedValue,
+          cursorPosition,
+        );
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    
+
     // Try to parse and validate the date
     const parsedDate = parseInputDate(formattedValue);
     if (parsedDate && isValidDate(parsedDate)) {
@@ -190,14 +194,15 @@ export const DateInput = ({
       const input = event.target as HTMLInputElement;
       const cursorPosition = input.selectionStart || 0;
       const value = input.value;
-      
+
       // If cursor is right after a slash, move it before the slash
       if (cursorPosition > 0 && value[cursorPosition - 1] === "/") {
         event.preventDefault();
-        const newValue = value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
+        const newValue =
+          value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
         const formattedValue = formatInputValue(newValue);
         setInputValue(formattedValue);
-        
+
         // Set cursor position after the deletion
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -205,12 +210,12 @@ export const DateInput = ({
             triggerRef.current.setSelectionRange(newPosition, newPosition);
           }
         });
-        
+
         setIsTyping(true);
         return;
       }
     }
-    
+
     if (event.key === "Enter") {
       const parsedDate = parseInputDate(inputValue);
       if (parsedDate && isValidDate(parsedDate)) {
@@ -280,6 +285,6 @@ function formatDisplayValue(from?: string): string {
   if (!isValidDate(from)) {
     return "";
   }
-  
+
   return formatDate(from);
-}
+}