@yakad/ui 1.3.143 → 1.3.145

package/dist/RenderByScroll/RenderByScroll.js

@@ -39,7 +39,7 @@ export const RenderByScroll = forwardRef(function RenderByScroll(_a, ref) {
     const overRenderedOnLowSide = visibled.lowest - rendered.lowest;
     const overRenderedOnHighSide = rendered.highest - visibled.highest;
     // Is Visible Loading Box
-    const [isVisibleLowSideLimitBox, setIsVisibleLowSideLimitBox] = useState(false);
+    const [isVisibleLowSideLimitSensor, setIsVisibleLowSideLimitSensor] = useState(false);
     // Render new Childs if needed
     useEffect(() => {
         const isPriorityBYHighSide = overRenderedOnHighSide < 1 ||
@@ -57,7 +57,7 @@ export const RenderByScroll = forwardRef(function RenderByScroll(_a, ref) {
             else {
                 if (isLowSideNewRenderRemains &&
                     overRenderedOnLowSide < extraRender) {
-                    if (isVisibleLowSideLimitBox) {
+                    if (isVisibleLowSideLimitSensor) {
                         scrollTo(rendered.lowest);
                     }
                     const newLow = rendered.lowest - 1;
@@ -82,13 +82,11 @@ export const RenderByScroll = forwardRef(function RenderByScroll(_a, ref) {
         // eslint-disable-next-line
     }, [jumpToIndex]);
     return (_jsxs(Stack, Object.assign({ ref: ref }, restProps, { style: Object.assign({ minHeight: "100vh" }, style), children: [rendered.lowest > 0 && (_jsx(WithInteractions, { style: {
-                    height: "1px",
-                    backgroundColor: "red",
                     marginBottom: `${scrollMarginTop}rem`,
-                }, onVisibilityChange: (v) => setIsVisibleLowSideLimitBox(v) })), childrenArray.map((child, i) => i >= rendered.lowest &&
+                }, onVisibilityChange: (v) => setIsVisibleLowSideLimitSensor(v) })), childrenArray.map((child, i) => i >= rendered.lowest &&
                 i <= rendered.highest && (_jsx(WithInteractions, { ref: (el) => {
                     childRefs.current[i] = el;
-                }, onVisible: () => handleOnVisible(i), style: {
+                }, style: {
                     scrollMarginTop: `${scrollMarginTop}rem`,
-                }, children: child }, i)))] })));
+                }, onVisible: () => handleOnVisible(i), children: child }, i)))] })));
 });

package/dist/Stack/Stack.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Stack.module.css";
 export const Stack = forwardRef(function Stack(_a, ref) {
-    var { align, fullWidth, className, children } = _a, restProps = __rest(_a, ["align", "fullWidth", "className", "children"]);
+    var { align, fullWidth = true, className, children } = _a, restProps = __rest(_a, ["align", "fullWidth", "className", "children"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { fullWidth: fullWidth }, styles.stack, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });

package/dist/WithInteractions/WithInteractions.d.ts

@@ -21,6 +21,5 @@ export interface WithInteractionsProps extends StackProps {
     onMouseHoverChange?: (isHover: boolean, e: MouseEvent) => void;
     onMouseHoverStart?: (e: MouseEvent) => void;
     onMouseHoverLeave?: (e: MouseEvent) => void;
-    children?: React.ReactNode;
 }
 export declare const WithInteractions: import("react").ForwardRefExoticComponent<WithInteractionsProps & import("react").RefAttributes<HTMLElement>>;

package/dist/WithOverlay/WithOverlay.d.ts

@@ -1,14 +1,14 @@
 import { RefObject } from "react";
-import { Dropdown, DropdownProps, Popup, PopupProps } from "..";
+import { Dropdown, DropdownProps, Popup, PopupProps, WithInteractionsProps } from "..";
 export interface OverlayProps {
     triggerref?: RefObject<HTMLElement | null>;
     onClose?: () => void;
 }
 type AllowedOverlays = React.ReactElement<PopupProps, typeof Popup> | React.ReactElement<DropdownProps, typeof Dropdown>;
-export interface WithOverlayProps {
+export interface WithOverlayProps extends WithInteractionsProps {
     trigger?: "onClick" | "onRightClick";
     overlay?: AllowedOverlays;
     children?: React.ReactElement;
 }
-export declare function WithOverlay({ trigger, overlay, children, }: WithOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function WithOverlay({ trigger, overlay, children, onRightClick, onClick, ...restProps }: WithOverlayProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/WithOverlay/WithOverlay.js

@@ -1,9 +1,21 @@
 "use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, cloneElement, useEffect, useRef } from "react";
 import { WithInteractions, } from "..";
 import { createPortal } from "react-dom";
-export function WithOverlay({ trigger = "onClick", overlay, children, }) {
+export function WithOverlay(_a) {
+    var { trigger = "onClick", overlay, children, onRightClick, onClick } = _a, restProps = __rest(_a, ["trigger", "overlay", "children", "onRightClick", "onClick"]);
     // Get Triggers ref and send to Overlay
     const triggerRef = useRef(null);
     const [showOverlay, setShowOverlay] = useState(false);
@@ -24,5 +36,11 @@ export function WithOverlay({ trigger = "onClick", overlay, children, }) {
                 setShowOverlay(false);
             },
         }), document.getElementsByClassName("portalRoot")[0] || document.body);
-    return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, { ref: triggerRef, onRightClick: () => trigger === "onRightClick" && setShowOverlay(true), onClick: () => trigger === "onClick" && setShowOverlay(true), children: children }), showOverlay && teleport] }));
+    return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, Object.assign({ ref: triggerRef }, restProps, { onRightClick: (e) => {
+                    trigger === "onRightClick" && setShowOverlay(true);
+                    onRightClick === null || onRightClick === void 0 ? void 0 : onRightClick(e);
+                }, onClick: (e) => {
+                    trigger === "onClick" && setShowOverlay(true);
+                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                }, children: children })), showOverlay && teleport] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.143",
+    "version": "1.3.145",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",