@nguyentc21/react-native-tooltip/lib/commonjs/hooks/useOffsetViewStyles.js

Simple tooltip for React native app

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _calculateCaretWidth = _interopRequireDefault(require("../utils/caret/calculateCaretWidth"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = params => {
  const {
    caretSize,
    placement,
    offset
  } = params;
  return (0, _react.useMemo)(() => {
    const caretWidth = (0, _calculateCaretWidth.default)(caretSize);
    const caretHeight = caretWidth * 0.5;
    const totalOffset = caretHeight + offset;
    const isVerticalTooltip = placement === 'bottom' || placement === 'top';
    const offsetViewStyles = totalOffset ? {
      width: isVerticalTooltip ? '100%' : totalOffset,
      height: isVerticalTooltip ? totalOffset : '100%'
    } : undefined;
    return offsetViewStyles;
  }, [caretSize, offset, placement]);
};
exports.default = _default;
//# sourceMappingURL=useOffsetViewStyles.js.map