@yakad/ui 1.3.142 → 1.3.144

package/dist/RenderByScroll/RenderByScroll.js

@@ -39,23 +39,25 @@ 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 ||
+            overRenderedOnHighSide - 1 <= overRenderedOnLowSide;
+        const isHighSideNewRenderRemains = rendered.highest < data.length - 1;
+        const isLowSideNewRenderRemains = rendered.lowest > 0;
         if (!stopNewRenders) {
-            if (overRenderedOnHighSide < 1 ||
-                overRenderedOnHighSide - 1 <= overRenderedOnLowSide) {
-                if (rendered.highest < data.length &&
-                    overRenderedOnHighSide < extraRender) {
-                    const newHigh = rendered.highest + 1;
-                    setRendered(Object.assign(Object.assign({}, rendered), { highest: newHigh }));
-                    newChildRendered === null || newChildRendered === void 0 ? void 0 : newChildRendered(newHigh);
-                }
+            if (isPriorityBYHighSide &&
+                isHighSideNewRenderRemains &&
+                overRenderedOnHighSide < extraRender) {
+                const newHigh = rendered.highest + 1;
+                setRendered(Object.assign(Object.assign({}, rendered), { highest: newHigh }));
+                newChildRendered === null || newChildRendered === void 0 ? void 0 : newChildRendered(newHigh);
             }
             else {
-                if (rendered.lowest > 0 &&
+                if (isLowSideNewRenderRemains &&
                     overRenderedOnLowSide < extraRender) {
-                    if (isVisibleLowSideLimitBox) {
+                    if (isVisibleLowSideLimitSensor) {
                         scrollTo(rendered.lowest);
                     }
                     const newLow = rendered.lowest - 1;
@@ -80,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.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     align?: "start" | "space" | "center" | "end";
+    fullWidth?: boolean;
     children?: React.ReactNode;
 }
 export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;

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, className, children } = _a, restProps = __rest(_a, ["align", "className", "children"]);
-    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { fullWidthLover: true }, styles.stack, className);
+    var { align, fullWidth, 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/package.json

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