@onesy/ui-react 1.0.133 → 1.0.134

package/TableCell/TableCell.js

@@ -214,15 +214,22 @@ const TableCell = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   _react.default.useEffect(() => {
     if (sticky) {
       if (root) {
-        const parentOverflow = (0, _utils2.getOverflowParent)(root, false);
-        const offsetPrevious = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
+        const parentOverflow = (0, _utils2.getOverflowParent)(root.parentElement, false);
+        root.style.position = 'unset';
+        const offsetOriginal = root.offsetLeft;
+        root.style.position = 'sticky';
         const method = () => {
-          const offsetNew = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
-          setStickyActive(offsetPrevious !== offsetNew);
+          const offsetNew = root.offsetLeft;
+          setStickyActive(offsetOriginal !== offsetNew);
         };
-        if (parentOverflow) parentOverflow.addEventListener('scroll', method, {
-          passive: false
-        });
+        if (parentOverflow) {
+          parentOverflow.addEventListener('scroll', method, {
+            passive: false
+          });
+
+          // initial
+          method();
+        }
         return () => {
           parentOverflow.removeEventListener('scroll', method);
         };

package/esm/TableCell/TableCell.js

@@ -191,15 +191,22 @@ const TableCell = /*#__PURE__*/React.forwardRef((props_, ref) => {
   React.useEffect(() => {
     if (sticky) {
       if (root) {
-        const parentOverflow = getOverflowParent(root, false);
-        const offsetPrevious = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
+        const parentOverflow = getOverflowParent(root.parentElement, false);
+        root.style.position = 'unset';
+        const offsetOriginal = root.offsetLeft;
+        root.style.position = 'sticky';
         const method = () => {
-          const offsetNew = stickyPosition === 'left' ? root.offsetLeft : window.innerWidth - root.getBoundingClientRect().right;
-          setStickyActive(offsetPrevious !== offsetNew);
+          const offsetNew = root.offsetLeft;
+          setStickyActive(offsetOriginal !== offsetNew);
         };
-        if (parentOverflow) parentOverflow.addEventListener('scroll', method, {
-          passive: false
-        });
+        if (parentOverflow) {
+          parentOverflow.addEventListener('scroll', method, {
+            passive: false
+          });
+
+          // initial
+          method();
+        }
         return () => {
           parentOverflow.removeEventListener('scroll', method);
         };

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.132
+/** @license UiReact v1.0.133
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/utils.js

@@ -216,7 +216,7 @@ export const getOverflowParent = (element, vertical = true) => {
 
   // width
   if (!vertical && element.scrollWidth > element.clientWidth) return element;
-  return getOverflowParent(element.parentElement);
+  return getOverflowParent(element.parentElement, vertical);
 };
 export const keyboardStandardCommands = ['a', 'c', 'v', 'y', 'z'];
 export const keyboardStyleCommands = ['b', 'i', 'u'];

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.132
+/** @license UiReact v1.0.133
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.133",
+  "version": "1.0.134",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",

package/utils.d.ts

@@ -26,7 +26,7 @@ export declare const minMaxBetweenNumbers: (value?: number, min?: number, max?:
 export declare const sanitize: (value: string) => string;
 export declare const replace: (value: string, split: string, join: string) => string;
 export declare const importIframeStyles: (iframeDocument: Document) => void;
-export declare const getOverflowParent: (element: HTMLElement, vertical?: boolean) => HTMLElement;
+export declare const getOverflowParent: (element: HTMLElement, vertical?: boolean) => any;
 export declare const keyboardStandardCommands: string[];
 export declare const keyboardStyleCommands: string[];
 export declare const caret: any;

package/utils.js

@@ -246,7 +246,7 @@ const getOverflowParent = (element, vertical = true) => {
 
   // width
   if (!vertical && element.scrollWidth > element.clientWidth) return element;
-  return getOverflowParent(element.parentElement);
+  return getOverflowParent(element.parentElement, vertical);
 };
 exports.getOverflowParent = getOverflowParent;
 const keyboardStandardCommands = exports.keyboardStandardCommands = ['a', 'c', 'v', 'y', 'z'];