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 } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInY0IiwidXVpZHY0IiwiVG9vbHRpcCIsImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsImpzeHMiLCJfanN4cyIsIlRvb2x0aXBFbGVtZW50IiwiX3JlZiIsImNoaWxkcmVuIiwiaWQiLCJfcmVmJHBsYWNlIiwicGxhY2UiLCJ0b29sdGlwIiwidHRpZCIsImNvbmNhdCIsInJlbmRlclRvb2x0aXAiLCJhbmNob3JTZWxlY3QiLCJzdHlsZSIsInpJbmRleCIsImRpc3BsYXkiLCJyb2xlIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcEVsZW1lbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIGNsaWVudFwiO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ3JlYWN0LXRvb2x0aXAnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpZD86IHN0cmluZztcbiAgcGxhY2U/OiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgdG9vbHRpcD86IHN0cmluZztcbn1cblxuY29uc3QgVG9vbHRpcEVsZW1lbnQ6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCBpZCwgcGxhY2UgPSAndG9wJywgdG9vbHRpcCB9KSA9PiB7XG4gIC8vIEdlbmVyYXRlIGEgdW5pcXVlIElEIGltbWVkaWF0ZWx5IGZvciB0aGUgdG9vbHRpcCBhbmNob3IuXG4gIGNvbnN0IHR0aWQgPSBpZCB8fCBgaWQtJHt1dWlkdjQoKX1gO1xuXG4gIC8vIE9ubHkgcmVuZGVyIHRoZSBUb29sdGlwIGlmIGEgdG9vbHRpcCB0ZXh0IGlzIHByb3ZpZGVkLlxuICBjb25zdCByZW5kZXJUb29sdGlwID0gdG9vbHRpcCA/IChcbiAgICA8VG9vbHRpcFxuICAgICAgYW5jaG9yU2VsZWN0PXtgIyR7dHRpZH1gfVxuICAgICAgcGxhY2U9e3BsYWNlfVxuICAgICAgc3R5bGU9e3sgekluZGV4OiAyLCBkaXNwbGF5OiAnYmxvY2snIH19XG4gICAgPlxuICAgICAge3Rvb2x0aXB9XG4gICAgPC9Ub29sdGlwPlxuICApIDogPD48Lz47XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2NoaWxkcmVuICYmXG4gICAgICAgIDxzcGFuIGlkPXt0dGlkfSByb2xlPVwidG9vbHRpcFwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgfVxuICAgICAge3JlbmRlclRvb2x0aXB9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwRWxlbWVudDtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBRTlCLFNBQVNDLEVBQUUsSUFBSUMsTUFBTSxRQUFRLE1BQU07QUFDbkMsU0FBU0MsT0FBTyxRQUFRLGVBQWU7QUFBQyxTQUFBQyxHQUFBLElBQUFDLElBQUE7QUFBQSxTQUFBQyxRQUFBLElBQUFDLFNBQUE7QUFBQSxTQUFBQyxJQUFBLElBQUFDLEtBQUE7QUFTeEMsSUFBTUMsY0FBeUIsR0FBRyxTQUE1QkEsY0FBeUJBLENBQUFDLElBQUEsRUFBaUQ7RUFBQSxJQUEzQ0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFBRUMsRUFBRSxHQUFBRixJQUFBLENBQUZFLEVBQUU7SUFBQUMsVUFBQSxHQUFBSCxJQUFBLENBQUVJLEtBQUs7SUFBTEEsS0FBSyxHQUFBRCxVQUFBLGNBQUcsS0FBSyxHQUFBQSxVQUFBO0lBQUVFLE9BQU8sR0FBQUwsSUFBQSxDQUFQSyxPQUFPO0VBQ3ZFO0VBQ0EsSUFBTUMsSUFBSSxHQUFHSixFQUFFLFVBQUFLLE1BQUEsQ0FBVWhCLE1BQU0sQ0FBQyxDQUFDLENBQUU7O0VBRW5DO0VBQ0EsSUFBTWlCLGFBQWEsR0FBR0gsT0FBTyxnQkFDM0JYLElBQUEsQ0FBQ0YsT0FBTztJQUNOaUIsWUFBWSxNQUFBRixNQUFBLENBQU1ELElBQUksQ0FBRztJQUN6QkYsS0FBSyxFQUFFQSxLQUFNO0lBQ2JNLEtBQUssRUFBRTtNQUFFQyxNQUFNLEVBQUUsQ0FBQztNQUFFQyxPQUFPLEVBQUU7SUFBUSxDQUFFO0lBQUFYLFFBQUEsRUFFdENJO0VBQU8sQ0FDRCxDQUFDLGdCQUNSWCxJQUFBLENBQUFFLFNBQUEsSUFBSSxDQUFDO0VBRVQsb0JBQ0VFLEtBQUEsQ0FBQUYsU0FBQTtJQUFBSyxRQUFBLEdBQ0dBLFFBQVEsaUJBQ1BQLElBQUE7TUFBTVEsRUFBRSxFQUFFSSxJQUFLO01BQUNPLElBQUksRUFBQyxTQUFTO01BQUFaLFFBQUEsRUFDM0JBO0lBQVEsQ0FDTCxDQUFDLEVBRVJPLGFBQWE7RUFBQSxDQUNkLENBQUM7QUFFUCxDQUFDO0FBRUQsZUFBZVQsY0FBYyJ9