@startlibs/components 1.0.4 → 1.1.0

package/lib/containers/usePositioning.mjs

@@ -0,0 +1,294 @@
+import _isFunction from 'lodash/fp/isFunction';
+import React, { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import styled from 'styled-components';
+import { getClosestOffsetScroll } from '@startlibs/utils';
+import { useEnsureRef } from '@startlibs/core';
+import { getDialogLayersSize } from './DialogContainer.mjs';
+
+const Placeholder = /*#__PURE__*/styled.span.withConfig({
+  displayName: "usePositioning__Placeholder",
+  componentId: "sc-1m4912o-0"
+})(["top:0;left:0;padding:0 !important;position:absolute;"]);
+/*
+type Alignment = 'top left' | 'top center' | 'top right' |
+  'center left' | 'center center' | 'center right' |
+  'bottom left' | 'bottom center' | 'bottom right'
+
+type Collision = 'fit fit' | 'fit flip' | 'fit fitflip' | 'fit none' |
+  'flip fit' | 'flip flip' | 'flip fitflip' | 'flip none' |
+  'flipfit fit' | 'flipfit flip' | 'flipfit fitflip' | 'flipfit none' |
+  'none fit' | 'none flip' | 'none fitflip' | 'none none'
+*/
+
+const HORIZONTAL_MAPPING = ['left', 'center', 'right'];
+const VERTICAL_MAPPING = ['top', 'center', 'bottom'];
+const ARROW_KEY_POSITIONS = {
+  left: '0',
+  right: '-0',
+  top: '0',
+  bottom: '-0'
+};
+const POSITIONING_BOUNDS = {
+  left: 0,
+  top: 0,
+  right: 0,
+  bottom: 0
+};
+const addPositioningBound = (key, value) => {
+  POSITIONING_BOUNDS[key] += value;
+  return () => POSITIONING_BOUNDS[key] -= value;
+};
+function getPosition(origin, offset, max, originSize, selfSize, originalAlignment, selfAlignment, onCollision, mapping, boundMargin) {
+  // 0 pra left ou top, 1/2 pra center, 1 pra right ou bottom
+  const originDiff = originSize * (mapping.indexOf(originalAlignment) / 2);
+  // 0 pra left ou top, -1/2 pra center, -1 pra right ou bottom
+  const selfDiff = -(selfSize * (mapping.indexOf(selfAlignment) / 2));
+  const respectingBounds = boundMargin !== false;
+  const upperBound = respectingBounds ? POSITIONING_BOUNDS[mapping[0]] + boundMargin : Number.MIN_SAFE_INTEGER;
+  const lowerBound = respectingBounds ? POSITIONING_BOUNDS[mapping[2]] + boundMargin : 0;
+  const newPosition = Math.max(upperBound, origin + selfDiff + originDiff + offset);
+  const collision = Math.max(-newPosition, newPosition + selfSize - max + lowerBound);
+  if (collision > 0 && onCollision !== 'none') {
+    if (onCollision.indexOf('flip') >= 0) {
+      const flippedPosition = getPosition(origin, -offset, max, originSize, selfSize, originalAlignment, selfAlignment, onCollision.indexOf('fit') >= 0 ? 'fit' : 'none', mapping.slice().reverse(), boundMargin);
+      const flippedCollision = Math.max(-flippedPosition[0], flippedPosition[0] + selfSize - max);
+      if (collision > 0 && flippedCollision > 0 || flippedPosition[0] < upperBound) {
+        return getPosition(origin, offset, max, originSize, selfSize, originalAlignment, selfAlignment, 'fit', mapping, boundMargin);
+      }
+      return collision < flippedCollision ? [newPosition, 'none'] : [flippedPosition[0], flippedPosition[1] === 'fit' ? 'flipfit' : 'flip'];
+    } else {
+      const minBound = respectingBounds ? upperBound : 0;
+      const fittedPosition = Math.max(minBound, Math.min(newPosition, max - selfSize - lowerBound));
+      return [fittedPosition, fittedPosition !== newPosition ? 'fit' : 'none'];
+    }
+  } else {
+    return [newPosition, 'none'];
+  }
+}
+const arrowShadow = {
+  top: '-1px -1px 2px -1px rgba(0,0,0,.25)',
+  right: '1px -1px 2px -1px rgba(0,0,0,.25)',
+  bottom: '1px 1px 2px -1px rgba(0,0,0,.25)',
+  left: '-1px 1px 2px -1px rgba(0,0,0,.25)'
+};
+const translate = (position, offset) => (position === 'left' ? '-50%' : position === 'right' ? '50%' : offset) + ',' + (position === 'top' ? '-50%' : position === 'bottom' ? '50%' : offset);
+const ARROW_DEFAULT_SIZE = 14;
+const DefaultArrow = /*#__PURE__*/styled.div.withConfig({
+  displayName: "usePositioning__DefaultArrow",
+  componentId: "sc-1m4912o-1"
+})(["background-color:#fff;position:absolute;width:", "px;height:", "px;transform:translate(-50%,50%) rotate(45deg);bottom:0;left:50%;box-shadow:", ";"], ARROW_DEFAULT_SIZE, ARROW_DEFAULT_SIZE, arrowShadow.bottom);
+const usePositioning = (element, _ref, arrowRefOpt) => {
+  let {
+    my = 'top right',
+    offset = '0 0',
+    // x y
+    at = 'bottom right',
+    onCollision = 'flip flip',
+    arrow,
+    arrowPadding = 10,
+    fill,
+    useLayers = true,
+    fixed,
+    bottom: onBottom,
+    left: onLeft,
+    right: onRight,
+    top: onTop,
+    keepWidth = true,
+    boundMargin = 6,
+    respectBounds,
+    respectOffsetScroll,
+    on,
+    placeholderAs
+  } = _ref;
+  const placeholder = useRef();
+  const arrowRef = useEnsureRef(arrowRefOpt);
+  const [positionInfo, setPositionInfo] = useState();
+  const setPosition = function () {
+    var _element$current, _placeholder$current, _placeholder$current2, _placeholder$current3, _placeholder$current4;
+    let retry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    if (retry > 10) {
+      return;
+    }
+    if (!((_element$current = element.current) !== null && _element$current !== void 0 && _element$current.style) || !((_placeholder$current = placeholder.current) !== null && _placeholder$current !== void 0 && _placeholder$current.offsetParent || (_placeholder$current2 = placeholder.current) !== null && _placeholder$current2 !== void 0 && (_placeholder$current2 = _placeholder$current2.parentNode) !== null && _placeholder$current2 !== void 0 && _placeholder$current2.offsetParent)) {
+      setTimeout(() => setPosition(retry + 1), 100);
+      return;
+    }
+    if (keepWidth) {
+      element.current.style.width = '';
+    } else {
+      element.current.style.maxWidth = '';
+    }
+    const placeholderOffsetParent = ((_placeholder$current3 = placeholder.current) === null || _placeholder$current3 === void 0 ? void 0 : _placeholder$current3.offsetParent) || ((_placeholder$current4 = placeholder.current) === null || _placeholder$current4 === void 0 || (_placeholder$current4 = _placeholder$current4.parentNode) === null || _placeholder$current4 === void 0 ? void 0 : _placeholder$current4.offsetParent);
+    const usingLayer = respectOffsetScroll || useLayers && getDialogLayersSize() > 0;
+    const scrollOwner = usingLayer ? _isFunction(respectOffsetScroll) ? respectOffsetScroll(element.current.offsetParent) : getClosestOffsetScroll(element.current.offsetParent) : {
+      scrollTop: window.pageYOffset,
+      scrollLeft: window.pageXOffset
+    };
+
+    // console.log({scrollOwner,scrollTop:scrollOwner.scrollTop,pageYOffset:window.pageYOffset})
+
+    const scrollY = !isNaN(scrollOwner.scrollTop) ? scrollOwner.scrollTop : window.pageYOffset;
+    const scrollX = !isNaN(scrollOwner.scrollLeft) ? scrollOwner.scrollLeft : window.pageXOffset;
+    const getRespectOffsetScrollTopLeft = () => {
+      const {
+        top,
+        left
+      } = placeholder.current.getBoundingClientRect();
+      const {
+        top: scrollOwnerTop,
+        left: scrollOwnerLeft
+      } = scrollOwner.getBoundingClientRect();
+      return {
+        top: top - scrollOwnerTop,
+        left: left - scrollOwnerLeft
+      };
+    };
+    const {
+      left: leftPlusBorder,
+      top: topPlusBorder
+    } = respectOffsetScroll ? getRespectOffsetScrollTopLeft() : placeholder.current.getBoundingClientRect();
+    const {
+      borderLeftWidth,
+      borderTopWidth
+    } = window.getComputedStyle(placeholderOffsetParent);
+    const left = leftPlusBorder - parseInt(borderLeftWidth, 10);
+    const top = topPlusBorder - parseInt(borderTopWidth, 10);
+    const {
+      offsetWidth: parentOffsetWidth,
+      offsetHeight: parentOffsetHeight
+    } = placeholderOffsetParent;
+    const {
+      offsetWidth: popupOffsetWidth,
+      offsetHeight: popupOffsetHeight
+    } = element.current;
+    const {
+      width: popupCurrentWidth
+    } = element.current.getBoundingClientRect();
+    const [offsetX, offsetY] = [].concat(offset).join(' ').split(' ').map(_ => Number(_ || 0));
+    const simplePositioning = [onTop, onRight, onBottom, onLeft].map(_ => _ === true ? 'center' : _);
+    const simplePositioningIndex = simplePositioning.findIndex(_ => _);
+    const bodyWidth = document.body.offsetWidth - (usingLayer ? parseInt(getComputedStyle(document.body).paddingRight, 10) : 0);
+    // Barra fixa inferior (footer mobile) registrada em POSITIONING_BOUNDS conta como
+    // borda da tela: sem isso o popup se posiciona atrás dela. Com respectBounds o
+    // desconto já vem do lowerBound em getPosition, não descontar duas vezes.
+    const windowHeight = window.innerHeight - (respectBounds ? 0 : POSITIONING_BOUNDS.bottom);
+    const [verticalCollision, horizontalCollision] = onCollision.split(' ');
+    const [verticalMy, horizontalMy] = [my, 'bottom $', '$ left', 'top $', '$ right'][simplePositioningIndex + 1].replace('$', simplePositioning[simplePositioningIndex]).split(' ');
+    const [verticalAt, horizontalAt] = [at, 'top $', '$ right', 'bottom $', '$ left'][simplePositioningIndex + 1].replace('$', simplePositioning[simplePositioningIndex]).split(' ');
+    const [processedLeft, collisionH] = getPosition(left, offsetX, bodyWidth, parentOffsetWidth, fill ? parentOffsetWidth : popupOffsetWidth, horizontalAt, horizontalMy, horizontalCollision, HORIZONTAL_MAPPING, !!respectBounds && boundMargin);
+    const [processedTop, collisionV] = getPosition(top, offsetY, windowHeight, parentOffsetHeight, popupOffsetHeight, verticalAt, verticalMy, verticalCollision, VERTICAL_MAPPING, !!respectBounds && boundMargin);
+    const flippedV = collisionV.indexOf('flip') >= 0;
+    const flippedH = collisionH.indexOf('flip') >= 0;
+
+    //arrow
+    const arrowSide = Math.abs(VERTICAL_MAPPING.indexOf(verticalMy) - VERTICAL_MAPPING.indexOf(verticalAt)) === 2 ? flippedV ? verticalAt : verticalMy : Math.abs(HORIZONTAL_MAPPING.indexOf(horizontalMy) - HORIZONTAL_MAPPING.indexOf(horizontalAt)) === 2 ? flippedH ? horizontalAt : horizontalMy : '';
+    const arrowElement = arrowRef.current;
+    const arrowOnVerticalSide = arrowSide === 'left' || arrowSide === 'right';
+    const arrowSize = arrowElement ? arrowElement.getBoundingClientRect()[arrowOnVerticalSide ? 'height' : 'width'] : ARROW_DEFAULT_SIZE * Math.sqrt(2);
+    const [arrowOffset, popupArrowOffset] = arrowOnVerticalSide ? processArrow(ARROW_KEY_POSITIONS[arrow] || arrow, arrowSize, arrowOnVerticalSide, parentOffsetHeight, popupOffsetHeight, processedTop - top, flippedV) : processArrow(ARROW_KEY_POSITIONS[arrow] || arrow, arrowSize, arrowOnVerticalSide, parentOffsetWidth, popupOffsetWidth, processedLeft - left, flippedV);
+    const maxHeight = window.innerHeight - (POSITIONING_BOUNDS.top + POSITIONING_BOUNDS.bottom) - (respectBounds ? boundMargin * 2 : 0);
+    const maxWidth = window.innerWidth - (POSITIONING_BOUNDS.left + POSITIONING_BOUNDS.right) - (respectBounds ? boundMargin * 2 : 0);
+    element.current.style.maxHeight = '';
+    if (parseInt(window.getComputedStyle(element.current).maxHeight) > maxHeight) {
+      element.current.style.maxHeight = maxHeight + 'px';
+    }
+    if (keepWidth) {
+      element.current.style.width = Math.ceil(popupCurrentWidth) + "px";
+    } else {
+      element.current.style.maxWidth = maxWidth + 'px';
+    }
+    // console.log({processedTop,top,offsetY,scrollY})
+
+    element.current.style.top = processedTop + (arrowOnVerticalSide ? popupArrowOffset : 0) + (fixed ? 0 : scrollY) + 'px';
+    element.current.style.left = processedLeft + (arrowOnVerticalSide ? 0 : popupArrowOffset) + (fixed ? 0 : scrollX) + 'px';
+    const arrowStyle = {
+      transform: "translate(".concat(translate(arrowSide, arrowOffset[0] === 'top' || arrowOffset[0] === 'left' ? '-50%' : '50%'), ") rotate(45deg)"),
+      bottom: "auto",
+      left: "auto",
+      [arrowSide]: '0',
+      boxShadow: arrowShadow[arrowSide],
+      [arrowOffset[0]]: arrowOffset[1] + 'px'
+    };
+    if (arrowRef.current) {
+      Object.assign(arrowRef.current.style, arrowStyle);
+    }
+    setPositionInfo({
+      atTop: verticalAt === 'top' && !flippedV || verticalAt === 'bottom' && flippedV,
+      atBottom: verticalAt === 'bottom' && !flippedV || verticalAt === 'top' && flippedV,
+      atLeft: horizontalAt === 'left' && !flippedH || verticalAt === 'right' && flippedH,
+      atRight: horizontalAt === 'right' && !flippedH || verticalAt === 'left' && flippedH,
+      fullHeight: popupOffsetHeight > maxHeight,
+      fullWidth: popupOffsetWidth > maxWidth,
+      arrowSide,
+      arrowOffset,
+      arrowStyle
+    });
+    if (fill) {
+      element.current.style.width = parentOffsetWidth + 'px';
+    }
+    if (fixed) {
+      element.current.style.position = 'fixed';
+    }
+  };
+  useLayoutEffect(setPosition, [on]);
+  useEffect(() => {
+    window.addEventListener('portalReposition', setPosition);
+    window.addEventListener('stepResize', setPosition);
+    window.addEventListener('scroll', setPosition, {
+      passive: true
+    });
+    return () => {
+      window.removeEventListener('portalReposition', setPosition);
+      window.removeEventListener('stepResize', setPosition);
+      window.removeEventListener('scroll', setPosition);
+    };
+  }, []);
+  const processArrow = (arrow, arrowSize, onVerticalSide, arrowContainerWidth, popupSize, deltaPopupPosition, flipped) => {
+    if (!arrow) {
+      return ['', 0];
+    }
+    const margin = arrowPadding + arrowSize / 2;
+    const [invertDirection, percent, px] = (arrow === true ? '50%' : arrow).replace(/(-)?(\d+%)?\s?(-?\d+)?/, '$1:$2:$3').split(':');
+    const invertAndFlipDirection = flipped ? !invertDirection : invertDirection;
+    const arrowPosition = onVerticalSide ? invertAndFlipDirection ? 'bottom' : 'top' : invertAndFlipDirection ? 'right' : 'left';
+    const fromOriginCorner = arrowPosition === 'left' || arrowPosition === 'top';
+    const popupOffset = fromOriginCorner ? deltaPopupPosition : arrowContainerWidth - deltaPopupPosition - popupSize;
+
+    /*   ____________________________
+        |      arrow container      |
+        |___________________________|
+                 ..../\_______
+                |    popup   |
+                |____________|
+         |-------| =  delta popup position (popupOffset)
+                 .... = arrowPadding prop,  applies to both sides, moves popup or does nothing
+     arrow prop = invert percent px   // relative to arrow container
+        invert = -?
+        percent = (\d+%)?
+        px = (-?\d+)?
+     procedure:
+      1- position arrow according to container - arrowInitialPos
+      2- constrain position inside container - constrainedArrowPosition
+      3- move popup according to arrowPadding (margin) - popupDelta
+      4- final arrow position, relative to final popup position - finalArrowPosition
+     */
+
+    const arrowInitialPos = parseInt(percent || 0, 10) * arrowContainerWidth / 100 + parseInt(px || 0, 10);
+    const constrainedArrowPosition = Math.min(Math.max(arrowInitialPos, 0), arrowContainerWidth);
+    const arrowPositionRelativeToPopup = fromOriginCorner ? constrainedArrowPosition - popupOffset : arrowContainerWidth - popupOffset - constrainedArrowPosition;
+    const popupDelta = arrowPositionRelativeToPopup < margin ? arrowPositionRelativeToPopup - margin : arrowPositionRelativeToPopup > popupSize - margin ? margin + arrowPositionRelativeToPopup - popupSize : 0;
+    const finalPopupPosition = fromOriginCorner ? popupOffset + popupDelta : arrowContainerWidth - popupOffset - popupDelta - popupSize;
+    return [[arrowPosition, constrainedArrowPosition - finalPopupPosition], popupDelta];
+  };
+  const arrowElement = arrow && /*#__PURE__*/React.createElement(DefaultArrow, {
+    ref: arrowRef
+  });
+  const placeholderElement = /*#__PURE__*/React.createElement(Placeholder, {
+    as: placeholderAs,
+    ref: placeholder
+  });
+  return [positionInfo, placeholderElement, arrowElement];
+};
+
+export { DefaultArrow, addPositioningBound, usePositioning };
+//# sourceMappingURL=usePositioning.mjs.map

package/lib/containers/usePositioning.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePositioning.mjs","sources":["../../src/containers/usePositioning.jsx"],"sourcesContent":["import React, {useEffect, useLayoutEffect, useRef, useState} from 'react'\nimport _ from 'lodash/fp'\nimport styled from 'styled-components'\nimport {getClosestOffsetScroll} from '@startlibs/utils'\nimport {useEnsureRef} from '@startlibs/core'\nimport {getDialogLayersSize} from './DialogContainer'\n\nconst Placeholder = styled.span`\n  top:0;\n  left:0;\n  padding: 0 !important;\n  position: absolute;\n`\n/*\ntype Alignment = 'top left' | 'top center' | 'top right' |\n  'center left' | 'center center' | 'center right' |\n  'bottom left' | 'bottom center' | 'bottom right'\n\ntype Collision = 'fit fit' | 'fit flip' | 'fit fitflip' | 'fit none' |\n  'flip fit' | 'flip flip' | 'flip fitflip' | 'flip none' |\n  'flipfit fit' | 'flipfit flip' | 'flipfit fitflip' | 'flipfit none' |\n  'none fit' | 'none flip' | 'none fitflip' | 'none none'\n*/\n\nconst HORIZONTAL_MAPPING = ['left', 'center', 'right']\nconst VERTICAL_MAPPING = ['top', 'center', 'bottom']\nconst ARROW_KEY_POSITIONS = {left: '0', right: '-0', top: '0', bottom: '-0'}\n\nconst POSITIONING_BOUNDS = {left:0,top:0,right:0,bottom:0}\nexport const addPositioningBound = (key,value) => {\n  POSITIONING_BOUNDS[key] += value\n  return () => POSITIONING_BOUNDS[key] -= value\n}\n\nfunction getPosition(origin, offset, max, originSize, selfSize, originalAlignment, selfAlignment, onCollision, mapping, boundMargin) {\n\n  // 0 pra left ou top, 1/2 pra center, 1 pra right ou bottom\n  const originDiff = originSize * (mapping.indexOf(originalAlignment) / 2)\n  // 0 pra left ou top, -1/2 pra center, -1 pra right ou bottom\n  const selfDiff = -(selfSize * (mapping.indexOf(selfAlignment) / 2))\n\n  const respectingBounds = boundMargin !== false\n  const upperBound = respectingBounds ? (POSITIONING_BOUNDS[mapping[0]] + boundMargin) : Number.MIN_SAFE_INTEGER\n  const lowerBound = respectingBounds ? (POSITIONING_BOUNDS[mapping[2]] + boundMargin) : 0\n  const newPosition = Math.max(upperBound, origin + selfDiff + originDiff + offset)\n\n  const collision = Math.max(-newPosition, newPosition + selfSize - max + lowerBound)\n  if (collision > 0 && onCollision !== 'none') {\n    if (onCollision.indexOf('flip') >= 0) {\n      const flippedPosition = getPosition(origin, -offset, max, originSize, selfSize, originalAlignment, selfAlignment, onCollision.indexOf('fit') >= 0 ? 'fit' : 'none', mapping.slice().reverse(), boundMargin)\n      const flippedCollision = Math.max(-flippedPosition[0], flippedPosition[0] + selfSize - max)\n      if ((collision > 0 && flippedCollision > 0) || flippedPosition[0] < upperBound)  {\n        return getPosition(origin, offset, max, originSize, selfSize, originalAlignment, selfAlignment, 'fit', mapping, boundMargin)\n      }\n      return collision < flippedCollision ? [newPosition, 'none'] : [flippedPosition[0], flippedPosition[1] === 'fit' ? 'flipfit' : 'flip']\n    } else {\n      const minBound = respectingBounds ? upperBound : 0\n      const fittedPosition = Math.max(minBound, Math.min(newPosition, max - selfSize - lowerBound))\n      return [fittedPosition, fittedPosition !== newPosition ? 'fit' : 'none']\n    }\n  } else {\n    return [newPosition, 'none']\n  }\n}\n\nconst arrowShadow = {\n  top: '-1px -1px 2px -1px rgba(0,0,0,.25)',\n  right: '1px -1px 2px -1px rgba(0,0,0,.25)',\n  bottom: '1px 1px 2px -1px rgba(0,0,0,.25)',\n  left: '-1px 1px 2px -1px rgba(0,0,0,.25)'\n}\n\nconst translate = (position, offset) => (position === 'left' ? '-50%' : position === 'right' ? '50%' : offset) + ',' +\n  (position === 'top' ? '-50%' : position === 'bottom' ? '50%' : offset)\n\nconst ARROW_DEFAULT_SIZE = 14\n\nexport const DefaultArrow = styled.div`\n  background-color: #fff;\n  position: absolute;\n  width: ${ARROW_DEFAULT_SIZE}px;\n  height: ${ARROW_DEFAULT_SIZE}px;\n  transform: translate(-50%,50%) rotate(45deg);\n  bottom: 0;\n  left: 50%;\n  box-shadow: ${arrowShadow.bottom};\n`\n\nexport const usePositioning = (\n  element,\n  {\n    my = 'top right',\n    offset = '0 0', // x y\n    at = 'bottom right',\n    onCollision = 'flip flip',\n    arrow,\n    arrowPadding = 10,\n    fill,\n    useLayers = true,\n    fixed,\n    bottom: onBottom,\n    left: onLeft,\n    right: onRight,\n    top: onTop,\n    keepWidth = true,\n    boundMargin = 6,\n    respectBounds,\n    respectOffsetScroll,\n    on,\n    placeholderAs\n  },\n  arrowRefOpt\n) => {\n  const placeholder = useRef()\n  const arrowRef = useEnsureRef(arrowRefOpt)\n  const [positionInfo, setPositionInfo] = useState()\n\n  const setPosition = (retry=0) => {\n    if (retry>10) { return }\n    if (!element.current?.style || !(placeholder.current?.offsetParent || placeholder.current?.parentNode?.offsetParent)) {\n      setTimeout(()=>setPosition(retry+1),100)\n      return\n    }\n    if (keepWidth) {\n      element.current.style.width = ''\n    } else {\n      element.current.style.maxWidth = ''\n    }\n    const placeholderOffsetParent = (placeholder.current?.offsetParent || placeholder.current?.parentNode?.offsetParent)\n    const usingLayer = respectOffsetScroll || useLayers && getDialogLayersSize() > 0\n    const scrollOwner =\n      usingLayer\n      ? (_.isFunction(respectOffsetScroll) ? respectOffsetScroll(element.current.offsetParent) : getClosestOffsetScroll(element.current.offsetParent))\n      : {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset}\n\n      // console.log({scrollOwner,scrollTop:scrollOwner.scrollTop,pageYOffset:window.pageYOffset})\n\n    const scrollY = !isNaN(scrollOwner.scrollTop) ? scrollOwner.scrollTop : window.pageYOffset\n    const scrollX = !isNaN(scrollOwner.scrollLeft) ? scrollOwner.scrollLeft : window.pageXOffset\n    const getRespectOffsetScrollTopLeft = () => {\n      const {top,left} = placeholder.current.getBoundingClientRect()\n      const {top:scrollOwnerTop, left: scrollOwnerLeft} = scrollOwner.getBoundingClientRect()\n      return {top: top-scrollOwnerTop,left: left-scrollOwnerLeft}\n    }\n    const {left: leftPlusBorder, top: topPlusBorder} =\n      respectOffsetScroll\n      ? getRespectOffsetScrollTopLeft()\n      :placeholder.current.getBoundingClientRect()\n\n    const {borderLeftWidth, borderTopWidth} = window.getComputedStyle(placeholderOffsetParent)\n    const left = leftPlusBorder - parseInt(borderLeftWidth, 10)\n    const top = topPlusBorder - parseInt(borderTopWidth, 10)\n    const {offsetWidth: parentOffsetWidth, offsetHeight: parentOffsetHeight} = (placeholderOffsetParent)\n    const {offsetWidth: popupOffsetWidth, offsetHeight: popupOffsetHeight} = element.current\n    const {width:popupCurrentWidth} = element.current.getBoundingClientRect()\n    const [offsetX, offsetY] = [].concat(offset).join(' ').split(' ').map(_ => Number(_ || 0))\n    const simplePositioning = [onTop, onRight, onBottom, onLeft].map(_ => _ === true ? 'center' : _)\n    const simplePositioningIndex = simplePositioning.findIndex(_ => _)\n    const bodyWidth = document.body.offsetWidth - (usingLayer ? parseInt(getComputedStyle(document.body).paddingRight, 10) : 0)\n    // Barra fixa inferior (footer mobile) registrada em POSITIONING_BOUNDS conta como\n    // borda da tela: sem isso o popup se posiciona atrás dela. Com respectBounds o\n    // desconto já vem do lowerBound em getPosition, não descontar duas vezes.\n    const windowHeight = window.innerHeight - (respectBounds ? 0 : POSITIONING_BOUNDS.bottom)\n\n    const [verticalCollision, horizontalCollision] = onCollision.split(' ')\n    const [verticalMy, horizontalMy] = [my, 'bottom $', '$ left', 'top $', '$ right'][simplePositioningIndex + 1].replace('$', simplePositioning[simplePositioningIndex]).split(' ')\n    const [verticalAt, horizontalAt] = [at, 'top $', '$ right', 'bottom $', '$ left'][simplePositioningIndex + 1].replace('$', simplePositioning[simplePositioningIndex]).split(' ')\n\n    const [processedLeft, collisionH] = getPosition(left, offsetX, bodyWidth, parentOffsetWidth, fill ? parentOffsetWidth : popupOffsetWidth, horizontalAt, horizontalMy, horizontalCollision, HORIZONTAL_MAPPING,!!respectBounds && boundMargin)\n    const [processedTop, collisionV] = getPosition(top, offsetY, windowHeight, parentOffsetHeight, popupOffsetHeight, verticalAt, verticalMy, verticalCollision, VERTICAL_MAPPING,!!respectBounds && boundMargin)\n\n\n    const flippedV = collisionV.indexOf('flip') >= 0\n    const flippedH = collisionH.indexOf('flip') >= 0\n\n\n    //arrow\n    const arrowSide = Math.abs(VERTICAL_MAPPING.indexOf(verticalMy) - VERTICAL_MAPPING.indexOf(verticalAt)) === 2 ? (flippedV ? verticalAt : verticalMy) :\n                      Math.abs(HORIZONTAL_MAPPING.indexOf(horizontalMy) - HORIZONTAL_MAPPING.indexOf(horizontalAt)) === 2 ? (flippedH ? horizontalAt : horizontalMy) : ''\n    const arrowElement = arrowRef.current\n    const arrowOnVerticalSide = arrowSide === 'left' || arrowSide === 'right'\n    const arrowSize = arrowElement ? arrowElement.getBoundingClientRect()[arrowOnVerticalSide ? 'height' : 'width'] : (ARROW_DEFAULT_SIZE * Math.sqrt(2))\n    const [arrowOffset, popupArrowOffset] = arrowOnVerticalSide ?\n                                            processArrow(ARROW_KEY_POSITIONS[arrow] || arrow, arrowSize, arrowOnVerticalSide, parentOffsetHeight, popupOffsetHeight, processedTop - top, flippedV) :\n                                            processArrow(ARROW_KEY_POSITIONS[arrow] || arrow, arrowSize, arrowOnVerticalSide, parentOffsetWidth, popupOffsetWidth, processedLeft - left, flippedV)\n\n\n    const maxHeight = window.innerHeight - (POSITIONING_BOUNDS.top + POSITIONING_BOUNDS.bottom) - (respectBounds ? boundMargin*2 : 0)\n    const maxWidth = window.innerWidth - (POSITIONING_BOUNDS.left + POSITIONING_BOUNDS.right) - (respectBounds ? boundMargin*2 : 0)\n\n    element.current.style.maxHeight = ''\n    if (parseInt(window.getComputedStyle(element.current).maxHeight) > maxHeight) {\n      element.current.style.maxHeight = maxHeight+'px'\n    }\n    if (keepWidth) {\n      element.current.style.width = Math.ceil(popupCurrentWidth)+\"px\"\n    } else {\n      element.current.style.maxWidth = maxWidth+'px'\n    }\n    // console.log({processedTop,top,offsetY,scrollY})\n\n\n    element.current.style.top = (processedTop + (arrowOnVerticalSide ? popupArrowOffset : 0) + (fixed ? 0 : scrollY)) + 'px'\n    element.current.style.left = (processedLeft + (arrowOnVerticalSide ? 0 : popupArrowOffset) + (fixed ? 0 : scrollX)) + 'px'\n\n    const arrowStyle = {\n      transform: `translate(${translate(arrowSide, arrowOffset[0] === 'top' || arrowOffset[0] === 'left' ? '-50%' : '50%')}) rotate(45deg)`,\n      bottom:\"auto\",\n      left:\"auto\",\n      [arrowSide]: '0',\n      boxShadow: arrowShadow[arrowSide],\n      [arrowOffset[0]]: arrowOffset[1]+'px'\n    }\n    if (arrowRef.current) {\n      Object.assign(arrowRef.current.style,arrowStyle)\n    }\n\n    setPositionInfo({\n      atTop: (verticalAt === 'top' && !flippedV) || (verticalAt === 'bottom' && flippedV),\n      atBottom: (verticalAt === 'bottom' && !flippedV) || (verticalAt === 'top' && flippedV),\n      atLeft: (horizontalAt === 'left' && !flippedH) || (verticalAt === 'right' && flippedH),\n      atRight: (horizontalAt === 'right' && !flippedH) || (verticalAt === 'left' && flippedH),\n      fullHeight: popupOffsetHeight > maxHeight,\n      fullWidth: popupOffsetWidth > maxWidth,\n      arrowSide,\n      arrowOffset,\n      arrowStyle\n    })\n\n    if (fill) {\n      element.current.style.width = parentOffsetWidth + 'px'\n    }\n    if (fixed) {\n      element.current.style.position = 'fixed'\n    }\n  }\n\n  useLayoutEffect(setPosition, [on])\n\n\n  useEffect(() => {\n      window.addEventListener('portalReposition', setPosition)\n      window.addEventListener('stepResize', setPosition)\n      window.addEventListener('scroll', setPosition, {passive:true})\n      return () => {\n        window.removeEventListener('portalReposition', setPosition)\n        window.removeEventListener('stepResize', setPosition)\n        window.removeEventListener('scroll', setPosition)\n      }\n    }, []\n  )\n\n\n  const processArrow = (arrow, arrowSize, onVerticalSide, arrowContainerWidth, popupSize, deltaPopupPosition, flipped) => {\n    if (!arrow) {\n      return ['', 0]\n    }\n    const margin = arrowPadding + (arrowSize / 2)\n    const [invertDirection, percent, px] = (arrow === true ? '50%' : arrow).replace(/(-)?(\\d+%)?\\s?(-?\\d+)?/, '$1:$2:$3').split(':')\n    const invertAndFlipDirection = flipped ? !invertDirection : invertDirection\n    const arrowPosition = onVerticalSide ? (invertAndFlipDirection ? 'bottom' : 'top') : (invertAndFlipDirection ? 'right' : 'left')\n    const fromOriginCorner = arrowPosition === 'left' || arrowPosition === 'top'\n\n    const popupOffset = fromOriginCorner ? deltaPopupPosition : (arrowContainerWidth - deltaPopupPosition - popupSize)\n\n    /*   ____________________________\n        |      arrow container      |\n        |___________________________|\n                 ..../\\_______\n                |    popup   |\n                |____________|\n\n        |-------| =  delta popup position (popupOffset)\n\n                .... = arrowPadding prop,  applies to both sides, moves popup or does nothing\n\n    arrow prop = invert percent px   // relative to arrow container\n        invert = -?\n        percent = (\\d+%)?\n        px = (-?\\d+)?\n\n    procedure:\n      1- position arrow according to container - arrowInitialPos\n      2- constrain position inside container - constrainedArrowPosition\n      3- move popup according to arrowPadding (margin) - popupDelta\n      4- final arrow position, relative to final popup position - finalArrowPosition\n     */\n\n    const arrowInitialPos = (parseInt(percent || 0, 10) * arrowContainerWidth / 100) + parseInt(px || 0, 10)\n    const constrainedArrowPosition = (Math.min(Math.max(arrowInitialPos, 0), arrowContainerWidth))\n    const arrowPositionRelativeToPopup = fromOriginCorner ? constrainedArrowPosition - popupOffset : (arrowContainerWidth - popupOffset - constrainedArrowPosition)\n    const popupDelta = arrowPositionRelativeToPopup < margin ?\n                       (arrowPositionRelativeToPopup - margin) :\n                       arrowPositionRelativeToPopup > (popupSize - margin) ?\n                       (margin + arrowPositionRelativeToPopup - popupSize) :\n                       0\n    const finalPopupPosition = fromOriginCorner ? popupOffset + popupDelta : (arrowContainerWidth - popupOffset - popupDelta - popupSize)\n    return [[arrowPosition,(constrainedArrowPosition - finalPopupPosition)], popupDelta]\n  }\n\n  const arrowElement = arrow && <DefaultArrow ref={arrowRef} />\n\n  const placeholderElement = <Placeholder as={placeholderAs} ref={placeholder}/>\n  return [positionInfo,placeholderElement,arrowElement]\n}"],"names":["Placeholder","styled","span","withConfig","displayName","componentId","HORIZONTAL_MAPPING","VERTICAL_MAPPING","ARROW_KEY_POSITIONS","left","right","top","bottom","POSITIONING_BOUNDS","addPositioningBound","key","value","getPosition","origin","offset","max","originSize","selfSize","originalAlignment","selfAlignment","onCollision","mapping","boundMargin","originDiff","indexOf","selfDiff","respectingBounds","upperBound","Number","MIN_SAFE_INTEGER","lowerBound","newPosition","Math","collision","flippedPosition","slice","reverse","flippedCollision","minBound","fittedPosition","min","arrowShadow","translate","position","ARROW_DEFAULT_SIZE","DefaultArrow","div","usePositioning","element","_ref","arrowRefOpt","my","at","arrow","arrowPadding","fill","useLayers","fixed","onBottom","onLeft","onRight","onTop","keepWidth","respectBounds","respectOffsetScroll","on","placeholderAs","placeholder","useRef","arrowRef","useEnsureRef","positionInfo","setPositionInfo","useState","setPosition","_element$current","_placeholder$current","_placeholder$current2","_placeholder$current3","_placeholder$current4","retry","arguments","length","undefined","current","style","offsetParent","parentNode","setTimeout","width","maxWidth","placeholderOffsetParent","usingLayer","getDialogLayersSize","scrollOwner","_isFunction","getClosestOffsetScroll","scrollTop","window","pageYOffset","scrollLeft","pageXOffset","scrollY","isNaN","scrollX","getRespectOffsetScrollTopLeft","getBoundingClientRect","scrollOwnerTop","scrollOwnerLeft","leftPlusBorder","topPlusBorder","borderLeftWidth","borderTopWidth","getComputedStyle","parseInt","offsetWidth","parentOffsetWidth","offsetHeight","parentOffsetHeight","popupOffsetWidth","popupOffsetHeight","popupCurrentWidth","offsetX","offsetY","concat","join","split","map","_","simplePositioning","simplePositioningIndex","findIndex","bodyWidth","document","body","paddingRight","windowHeight","innerHeight","verticalCollision","horizontalCollision","verticalMy","horizontalMy","replace","verticalAt","horizontalAt","processedLeft","collisionH","processedTop","collisionV","flippedV","flippedH","arrowSide","abs","arrowElement","arrowOnVerticalSide","arrowSize","sqrt","arrowOffset","popupArrowOffset","processArrow","maxHeight","innerWidth","ceil","arrowStyle","transform","boxShadow","Object","assign","atTop","atBottom","atLeft","atRight","fullHeight","fullWidth","useLayoutEffect","useEffect","addEventListener","passive","removeEventListener","onVerticalSide","arrowContainerWidth","popupSize","deltaPopupPosition","flipped","margin","invertDirection","percent","px","invertAndFlipDirection","arrowPosition","fromOriginCorner","popupOffset","arrowInitialPos","constrainedArrowPosition","arrowPositionRelativeToPopup","popupDelta","finalPopupPosition","React","createElement","ref","placeholderElement","as"],"mappings":"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"}