reshaped 3.5.3 → 3.6.0-canary.0

package/dist/components/_private/Flyout/utilities/calculatePosition.js

@@ -1,102 +0,0 @@
-const SCREEN_OFFSET = 16;
-const getRTLPosition = (position) => {
-    if (position.includes("start"))
-        return position.replace("start", "end");
-    if (position.includes("end"))
-        return position.replace("end", "start");
-    return position;
-};
-/**
- * Get a position value which centers 2 elements vertically or horizontally
- */
-const centerBySize = (originSize, targetSize) => {
-    return Math.floor(originSize / 2 - targetSize / 2);
-};
-/**
- * Calculate styles for the current position
- */
-const calculatePosition = (args) => {
-    const { triggerBounds, flyoutBounds, scopeOffset, position: passedPosition, rtl, width, contentGap = 0, contentShift = 0, } = args;
-    const isFullWidth = width === "full" || width === "100%";
-    let left = 0;
-    let top = 0;
-    let position = passedPosition;
-    if (rtl)
-        position = getRTLPosition(position);
-    if (isFullWidth || width === "trigger") {
-        position = position.includes("top") ? "top" : "bottom";
-    }
-    const isHorizontalPosition = position.match(/^(start|end)/);
-    const isVerticalPosition = position.match(/^(top|bottom)/);
-    const flyoutWidth = flyoutBounds.width + (isHorizontalPosition ? contentGap : 0);
-    const flyoutHeight = flyoutBounds.height + (isVerticalPosition ? contentGap : 0);
-    switch (position) {
-        case "bottom":
-        case "top":
-            left = centerBySize(triggerBounds.width, flyoutWidth) + triggerBounds.left + contentShift;
-            break;
-        case "start":
-        case "start-top":
-        case "start-bottom":
-            left = triggerBounds.left - flyoutWidth;
-            break;
-        case "end":
-        case "end-top":
-        case "end-bottom":
-            left = triggerBounds.right;
-            break;
-        case "top-start":
-        case "bottom-start":
-            left = triggerBounds.left + contentShift + contentShift;
-            break;
-        case "top-end":
-        case "bottom-end":
-            left = triggerBounds.right - flyoutWidth + contentShift;
-            break;
-        default:
-            break;
-    }
-    switch (position) {
-        case "top":
-        case "top-start":
-        case "top-end":
-            top = triggerBounds.top - flyoutHeight;
-            break;
-        case "bottom":
-        case "bottom-start":
-        case "bottom-end":
-            top = triggerBounds.bottom;
-            break;
-        case "start":
-        case "end":
-            top = centerBySize(triggerBounds.height, flyoutHeight) + triggerBounds.top + contentShift;
-            break;
-        case "start-top":
-        case "end-top":
-            top = triggerBounds.top + contentShift;
-            break;
-        case "start-bottom":
-        case "end-bottom":
-            top = triggerBounds.bottom - flyoutHeight + contentShift;
-            break;
-        default:
-            break;
-    }
-    if (top === undefined || left === undefined) {
-        throw Error(`[Reshaped, flyout]: ${position} position is not valid`);
-    }
-    top = Math.round(top + (window.scrollY || 0) - scopeOffset.top);
-    left = Math.round(left + (window.scrollX || 0) - scopeOffset.left);
-    let widthStyle = Math.ceil(flyoutWidth);
-    const height = Math.ceil(flyoutHeight);
-    if (isFullWidth) {
-        left = SCREEN_OFFSET;
-        widthStyle = window.innerWidth - SCREEN_OFFSET * 2;
-    }
-    else if (width === "trigger") {
-        widthStyle = triggerBounds.width;
-    }
-    const styles = { left, top, width: widthStyle, height };
-    return { styles, position, scopeOffset };
-};
-export default calculatePosition;

package/dist/components/_private/Flyout/utilities/isFullyVisible.d.ts

@@ -1,8 +0,0 @@
-import calculatePosition from "./calculatePosition";
-/**
- * Check if element visually fits on the screen
- */
-declare const isFullyVisible: (args: ReturnType<typeof calculatePosition> & {
-    container?: HTMLElement | null;
-}) => boolean;
-export default isFullyVisible;

package/dist/components/_private/Flyout/utilities/isFullyVisible.js

@@ -1,16 +0,0 @@
-/**
- * Check if element visually fits on the screen
- */
-const isFullyVisible = (args) => {
-    const { styles, scopeOffset, container } = args;
-    const htmlEl = container || document.documentElement;
-    const pageLeft = htmlEl.scrollLeft;
-    const pageRight = pageLeft + htmlEl.clientWidth;
-    const pageTop = htmlEl.scrollTop;
-    const pageBottom = pageTop + htmlEl.clientHeight;
-    return (styles.left + scopeOffset.left >= pageLeft &&
-        styles.left + styles.width + scopeOffset.left <= pageRight &&
-        styles.top + scopeOffset.top >= pageTop &&
-        styles.top + styles.height + scopeOffset.top <= pageBottom);
-};
-export default isFullyVisible;