@yogiswara/honcho-editor-ui 3.1.4 → 3.1.6

package/dist/components/editor/sliderComponents/HThumbSlider.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider, Box } from '@mui/material';
-// I've renamed the component to HThumbSlider to match our earlier convention
 export default function HThumbSlider(props) {
     return (
     // This wrapper creates the positioning context for the shield.
@@ -10,9 +9,10 @@ export default function HThumbSlider(props) {
                     left: 0,
                     width: '100%',
                     height: '100%',
-                    zIndex: 1, // Sits above the track (z-index 0)
+                    zIndex: 1, // Sits above the track
                 } }), _jsx(Slider, { ...props, sx: {
-                    position: 'relative',
+                    // By NOT setting a position here, the thumb's z-index
+                    // works within the parent Box's context.
                     ...props.sx,
                 } })] }));
 }

package/dist/components/editor/sliderComponents/useSliderEvents.js

@@ -1,33 +1,25 @@
 import { useEffect, useRef } from "react";
 export default function useSliderEvents(onDragStart, onDragEnd, isBatchMode) {
-    // Use a generic HTMLElement to work for both <div> and <span>
     const elementRef = useRef(null);
     useEffect(() => {
         const element = elementRef.current;
         if (!element)
             return;
-        // This handler is attached to the WINDOW for the 'pointerup' event.
         const handleDragEnd = () => {
             onDragEnd();
-            // Clean up the global listener immediately after the drag ends.
             window.removeEventListener('pointerup', handleDragEnd);
         };
-        // This handler is attached to the slider THUMB for the 'pointerdown' event.
         const handleDragStart = (event) => {
-            // Prevent the browser from doing default actions like text selection
-            event.preventDefault();
+            // DO NOT call event.preventDefault() here.
+            // This allows the MUI Slider to handle its own drag logic.
             if (!isBatchMode) {
                 onDragStart();
             }
-            // When dragging starts, listen on the entire window for the end.
             window.addEventListener('pointerup', handleDragEnd);
         };
-        // Attach a single "start" listener to the specific element (the thumb).
         element.addEventListener('pointerdown', handleDragStart);
-        // Cleanup function when the component unmounts
         return () => {
             element.removeEventListener('pointerdown', handleDragStart);
-            // Ensure any lingering window listeners are also removed.
             window.removeEventListener('pointerup', handleDragEnd);
         };
     }, [onDragStart, onDragEnd, isBatchMode]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",