merchi_product_form/lib/components/TooltipElement.js

A React component for Merchi product forms

"use client";

import * as React from 'react';
import { v4 as uuidv4 } from 'uuid';
import { Tooltip } from 'react-tooltip';
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
var TooltipElement = function TooltipElement(_ref) {
  var children = _ref.children,
    id = _ref.id,
    _ref$place = _ref.place,
    place = _ref$place === void 0 ? 'top' : _ref$place,
    tooltip = _ref.tooltip;
  // Generate a unique ID immediately for the tooltip anchor.
  var ttid = id || "id-".concat(uuidv4());

  // Only render the Tooltip if a tooltip text is provided.
  var renderTooltip = tooltip ? /*#__PURE__*/_jsx(Tooltip, {
    anchorSelect: "#".concat(ttid),
    place: place,
    style: {
      zIndex: 2,
      display: 'block'
    },
    children: tooltip
  }) : /*#__PURE__*/_jsx(_Fragment, {});
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [children && /*#__PURE__*/_jsx("span", {
      id: ttid,
      role: "tooltip",
      children: children
    }), renderTooltip]
  });
};
export default TooltipElement;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInY0IiwidXVpZHY0IiwiVG9vbHRpcCIsImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsImpzeHMiLCJfanN4cyIsIlRvb2x0aXBFbGVtZW50IiwiX3JlZiIsImNoaWxkcmVuIiwiaWQiLCJfcmVmJHBsYWNlIiwicGxhY2UiLCJ0b29sdGlwIiwidHRpZCIsImNvbmNhdCIsInJlbmRlclRvb2x0aXAiLCJhbmNob3JTZWxlY3QiLCJzdHlsZSIsInpJbmRleCIsImRpc3BsYXkiLCJyb2xlIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcEVsZW1lbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIGNsaWVudFwiO1xyXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAncmVhY3QtdG9vbHRpcCc7XHJcblxyXG5pbnRlcmZhY2UgUHJvcHMge1xyXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XHJcbiAgaWQ/OiBzdHJpbmc7XHJcbiAgcGxhY2U/OiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JztcclxuICB0b29sdGlwPzogc3RyaW5nO1xyXG59XHJcblxyXG5jb25zdCBUb29sdGlwRWxlbWVudDogRkM8UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGlkLCBwbGFjZSA9ICd0b3AnLCB0b29sdGlwIH0pID0+IHtcclxuICAvLyBHZW5lcmF0ZSBhIHVuaXF1ZSBJRCBpbW1lZGlhdGVseSBmb3IgdGhlIHRvb2x0aXAgYW5jaG9yLlxyXG4gIGNvbnN0IHR0aWQgPSBpZCB8fCBgaWQtJHt1dWlkdjQoKX1gO1xyXG5cclxuICAvLyBPbmx5IHJlbmRlciB0aGUgVG9vbHRpcCBpZiBhIHRvb2x0aXAgdGV4dCBpcyBwcm92aWRlZC5cclxuICBjb25zdCByZW5kZXJUb29sdGlwID0gdG9vbHRpcCA/IChcclxuICAgIDxUb29sdGlwXHJcbiAgICAgIGFuY2hvclNlbGVjdD17YCMke3R0aWR9YH1cclxuICAgICAgcGxhY2U9e3BsYWNlfVxyXG4gICAgICBzdHlsZT17eyB6SW5kZXg6IDIsIGRpc3BsYXk6ICdibG9jaycgfX1cclxuICAgID5cclxuICAgICAge3Rvb2x0aXB9XHJcbiAgICA8L1Rvb2x0aXA+XHJcbiAgKSA6IDw+PC8+O1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPD5cclxuICAgICAge2NoaWxkcmVuICYmXHJcbiAgICAgICAgPHNwYW4gaWQ9e3R0aWR9IHJvbGU9XCJ0b29sdGlwXCI+XHJcbiAgICAgICAgICB7Y2hpbGRyZW59XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICB9XHJcbiAgICAgIHtyZW5kZXJUb29sdGlwfVxyXG4gICAgPC8+XHJcbiAgKTtcclxufTtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBFbGVtZW50O1xyXG4iXSwibWFwcGluZ3MiOiJBQUFBLFlBQVk7O0FBQ1osT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUU5QixTQUFTQyxFQUFFLElBQUlDLE1BQU0sUUFBUSxNQUFNO0FBQ25DLFNBQVNDLE9BQU8sUUFBUSxlQUFlO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLFFBQUEsSUFBQUMsU0FBQSxFQUFBQyxJQUFBLElBQUFDLEtBQUE7QUFTeEMsSUFBTUMsY0FBeUIsR0FBRyxTQUE1QkEsY0FBeUJBLENBQUFDLElBQUEsRUFBaUQ7RUFBQSxJQUEzQ0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFBRUMsRUFBRSxHQUFBRixJQUFBLENBQUZFLEVBQUU7SUFBQUMsVUFBQSxHQUFBSCxJQUFBLENBQUVJLEtBQUs7SUFBTEEsS0FBSyxHQUFBRCxVQUFBLGNBQUcsS0FBSyxHQUFBQSxVQUFBO0lBQUVFLE9BQU8sR0FBQUwsSUFBQSxDQUFQSyxPQUFPO0VBQ3ZFO0VBQ0EsSUFBTUMsSUFBSSxHQUFHSixFQUFFLFVBQUFLLE1BQUEsQ0FBVWhCLE1BQU0sQ0FBQyxDQUFDLENBQUU7O0VBRW5DO0VBQ0EsSUFBTWlCLGFBQWEsR0FBR0gsT0FBTyxnQkFDM0JYLElBQUEsQ0FBQ0YsT0FBTztJQUNOaUIsWUFBWSxNQUFBRixNQUFBLENBQU1ELElBQUksQ0FBRztJQUN6QkYsS0FBSyxFQUFFQSxLQUFNO0lBQ2JNLEtBQUssRUFBRTtNQUFFQyxNQUFNLEVBQUUsQ0FBQztNQUFFQyxPQUFPLEVBQUU7SUFBUSxDQUFFO0lBQUFYLFFBQUEsRUFFdENJO0VBQU8sQ0FDRCxDQUFDLGdCQUNSWCxJQUFBLENBQUFFLFNBQUEsSUFBSSxDQUFDO0VBRVQsb0JBQ0VFLEtBQUEsQ0FBQUYsU0FBQTtJQUFBSyxRQUFBLEdBQ0dBLFFBQVEsaUJBQ1BQLElBQUE7TUFBTVEsRUFBRSxFQUFFSSxJQUFLO01BQUNPLElBQUksRUFBQyxTQUFTO01BQUFaLFFBQUEsRUFDM0JBO0lBQVEsQ0FDTCxDQUFDLEVBRVJPLGFBQWE7RUFBQSxDQUNkLENBQUM7QUFFUCxDQUFDO0FBRUQsZUFBZVQsY0FBYyIsImlnbm9yZUxpc3QiOltdfQ==