@imperosoft/cris-webui-components 1.1.2-beta.10 → 1.1.2-beta.12

package/dist/index.d.mts

@@ -376,6 +376,8 @@ interface CrisCoMatrixListsTieProps {
     itemActiveStyle?: CSSProperties;
     /** Item disabled className */
     itemDisabledClassName?: string;
+    /** Video mute button text (default: "Mute") */
+    vmText?: string;
     /** Video mute button className */
     vmButtonClassName?: string;
     /** Video mute button active className */
@@ -387,7 +389,7 @@ interface CrisCoMatrixListsTieProps {
     /** Custom render for signal indicator */
     renderSignalIndicator?: (on: boolean) => ReactNode;
 }
-declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
+declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmText, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Icon configuration and utilities for CRIS components

package/dist/index.d.ts

@@ -376,6 +376,8 @@ interface CrisCoMatrixListsTieProps {
     itemActiveStyle?: CSSProperties;
     /** Item disabled className */
     itemDisabledClassName?: string;
+    /** Video mute button text (default: "Mute") */
+    vmText?: string;
     /** Video mute button className */
     vmButtonClassName?: string;
     /** Video mute button active className */
@@ -387,7 +389,7 @@ interface CrisCoMatrixListsTieProps {
     /** Custom render for signal indicator */
     renderSignalIndicator?: (on: boolean) => ReactNode;
 }
-declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
+declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmText, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Icon configuration and utilities for CRIS components

package/dist/index.js

@@ -224,7 +224,6 @@ function CrisButton({
     touchStart();
     touchingRef.current = true;
     touchStartedHereRef.current = true;
-    handlePress();
   };
   const handleTouchEnd = () => {
     log("handleTouchEnd", { touchStartedHereRef: touchStartedHereRef.current });
@@ -232,17 +231,17 @@ function CrisButton({
     touchingRef.current = true;
     if (touchStartedHereRef.current) {
       touchStartedHereRef.current = false;
+      handlePress();
       handleRelease();
     } else {
-      log("SKIPPED handleRelease: touch did not start here");
+      log("SKIPPED: touch did not start here");
     }
   };
   const handleTouchCancel = () => {
-    log("handleTouchCancel");
+    log("handleTouchCancel (scroll detected)");
     touchEnd();
     touchingRef.current = true;
     touchStartedHereRef.current = false;
-    handleRelease();
   };
   const handleMouseDown = () => {
     if (isTouchActive() || touchingRef.current) return;
@@ -343,7 +342,7 @@ function CrisButton({
         cursor: suppressKeyClicks ? "default" : "pointer",
         position: isFreePositioned ? void 0 : "relative",
         overflow: isFreePositioned ? void 0 : "hidden",
-        touchAction: "none",
+        touchAction: "pan-y",
         userSelect: "none",
         WebkitUserSelect: "none"
       },
@@ -1420,6 +1419,7 @@ function MatrixItemRow({
   type,
   active,
   showChannels,
+  vmText,
   onSelect,
   onToggleVideoMute,
   itemClassName,
@@ -1470,7 +1470,7 @@ function MatrixItemRow({
       {
         selected: item.vm.on,
         enabled: item.vm.en,
-        text: "VM",
+        text: vmText,
         onPress: onToggleVideoMute,
         className: vmButtonClassName,
         classActive: vmButtonActiveClassName
@@ -1494,6 +1494,7 @@ function CrisCoMatrixListsTie({
   itemActiveClassName,
   itemActiveStyle,
   itemDisabledClassName,
+  vmText = "Mute",
   vmButtonClassName,
   vmButtonActiveClassName,
   renderIoIndicator,
@@ -1539,6 +1540,7 @@ function CrisCoMatrixListsTie({
                   type: "input",
                   active: si === item.id,
                   showChannels,
+                  vmText,
                   onSelect: () => handleSelectInput(item.id),
                   onToggleVideoMute: () => handleToggleVideoMute("input", item.id),
                   itemClassName,
@@ -1577,6 +1579,7 @@ function CrisCoMatrixListsTie({
                   type: "output",
                   active: item.ti === si,
                   showChannels,
+                  vmText,
                   onSelect: () => handleTie(item.id),
                   onToggleVideoMute: () => handleToggleVideoMute("output", item.id),
                   itemClassName,