@yakad/ui 1.3.105 → 1.3.106

package/dist/InteractiveSurface/InteractiveSurface.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export interface InteractiveSurfaceProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface InteractiveSurfaceProps {
     onRightClick?: (e: MouseEvent) => void;
     onTap?: (e: TouchEvent) => void;
     onDoubleTap?: (e: TouchEvent) => void;
@@ -18,6 +18,6 @@ export interface InteractiveSurfaceProps extends React.HTMLAttributes<HTMLDivEle
     onHidden?: () => void;
     onMouseHoverStart?: (e: MouseEvent) => void;
     onMouseHoverLeave?: (e: MouseEvent) => void;
-    children?: React.ReactNode;
+    children?: React.ReactElement;
 }
-export declare const InteractiveSurface: import("react").ForwardRefExoticComponent<InteractiveSurfaceProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const InteractiveSurface: import("react").ForwardRefExoticComponent<InteractiveSurfaceProps & import("react").RefAttributes<HTMLElement>>;

package/dist/InteractiveSurface/InteractiveSurface.js

@@ -10,9 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { mergeRefs } from "@yakad/lib";
+import { cloneElement, forwardRef, isValidElement, useEffect, useImperativeHandle, useRef, } from "react";
 export const InteractiveSurface = forwardRef((_a, forwardedRef) => {
+    var _b;
     var { children, onRightClick, onTap, onDoubleTap, onOutsideClick, onSwipeLeft, onSwipeRight, onSwipeUp, onSwipeDown, onPinchIn, onPinchOut, onRotate, onScrollStart, onScrollStop, onResize, onVisibile, onHidden, onMouseHoverStart, onMouseHoverLeave } = _a, restProps = __rest(_a, ["children", "onRightClick", "onTap", "onDoubleTap", "onOutsideClick", "onSwipeLeft", "onSwipeRight", "onSwipeUp", "onSwipeDown", "onPinchIn", "onPinchOut", "onRotate", "onScrollStart", "onScrollStop", "onResize", "onVisibile", "onHidden", "onMouseHoverStart", "onMouseHoverLeave"]);
     const localRef = useRef(null);
     // Let the parent access our DOM node
@@ -211,5 +212,7 @@ export const InteractiveSurface = forwardRef((_a, forwardedRef) => {
         onMouseHoverStart,
         onMouseHoverLeave,
     ]);
-    return (_jsx("div", Object.assign({ ref: localRef }, restProps, { children: children })));
+    if (!isValidElement(children))
+        return null;
+    return cloneElement(children, Object.assign(Object.assign({}, restProps), { ref: mergeRefs(localRef, forwardedRef, (_b = children.props) === null || _b === void 0 ? void 0 : _b.ref) }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.105",
+    "version": "1.3.106",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -31,6 +31,7 @@
         "prepublishOnly": "npm run test && npm run build && npm run typecheck"
     },
     "dependencies": {
+        "@yakad/lib": "1.0.22",
         "@yakad/symbols": "1.0.25",
         "classnames": "2.5.1"
     },