@blockend/widget 1.0.31 → 1.0.33

package/dist/Tooltip-BqYgFn1F.js

@@ -0,0 +1,572 @@
+import { g as go, _ as To, p as U, b as n, d as We, e as ze, P as e } from "./index-DSlXIHtr.js";
+import * as p from "react";
+import { g as yo, d as vo, o as Po, z as D, q as Ue, D as wo, h as Ro, x as Co, c as I, U as j, s as Q, V as xo, a as Oo, J as Mo } from "./useRegisterError-C52MuupC.js";
+import { G as Be, b as Eo, u as _o, a as No, P as He } from "./Grow-37t11tle.js";
+import { jsx as A, jsxs as Se } from "react/jsx-runtime";
+function Lo(r) {
+  return go("MuiTooltip", r);
+}
+const f = yo("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), $o = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+function Do(r) {
+  return Math.round(r * 1e5) / 1e5;
+}
+const Io = (r) => {
+  const {
+    classes: t,
+    disableInteractive: s,
+    arrow: d,
+    touch: R,
+    placement: C
+  } = r, x = {
+    popper: ["popper", !s && "popperInteractive", d && "popperArrow"],
+    tooltip: ["tooltip", d && "tooltipArrow", R && "touch", `tooltipPlacement${We(C.split("-")[0])}`],
+    arrow: ["arrow"]
+  };
+  return Oo(x, Lo, t);
+}, jo = Q(He, {
+  name: "MuiTooltip",
+  slot: "Popper",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: s
+    } = r;
+    return [t.popper, !s.disableInteractive && t.popperInteractive, s.arrow && t.popperArrow, !s.open && t.popperClose];
+  }
+})(({
+  theme: r,
+  ownerState: t,
+  open: s
+}) => n({
+  zIndex: (r.vars || r).zIndex.tooltip,
+  pointerEvents: "none"
+}, !t.disableInteractive && {
+  pointerEvents: "auto"
+}, !s && {
+  pointerEvents: "none"
+}, t.arrow && {
+  [`&[data-popper-placement*="bottom"] .${f.arrow}`]: {
+    top: 0,
+    marginTop: "-0.71em",
+    "&::before": {
+      transformOrigin: "0 100%"
+    }
+  },
+  [`&[data-popper-placement*="top"] .${f.arrow}`]: {
+    bottom: 0,
+    marginBottom: "-0.71em",
+    "&::before": {
+      transformOrigin: "100% 0"
+    }
+  },
+  [`&[data-popper-placement*="right"] .${f.arrow}`]: n({}, t.isRtl ? {
+    right: 0,
+    marginRight: "-0.71em"
+  } : {
+    left: 0,
+    marginLeft: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "100% 100%"
+    }
+  }),
+  [`&[data-popper-placement*="left"] .${f.arrow}`]: n({}, t.isRtl ? {
+    left: 0,
+    marginLeft: "-0.71em"
+  } : {
+    right: 0,
+    marginRight: "-0.71em"
+  }, {
+    height: "1em",
+    width: "0.71em",
+    "&::before": {
+      transformOrigin: "0 0"
+    }
+  })
+})), Ao = Q("div", {
+  name: "MuiTooltip",
+  slot: "Tooltip",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: s
+    } = r;
+    return [t.tooltip, s.touch && t.touch, s.arrow && t.tooltipArrow, t[`tooltipPlacement${We(s.placement.split("-")[0])}`]];
+  }
+})(({
+  theme: r,
+  ownerState: t
+}) => n({
+  backgroundColor: r.vars ? r.vars.palette.Tooltip.bg : ze.alpha(r.palette.grey[700], 0.92),
+  borderRadius: (r.vars || r).shape.borderRadius,
+  color: (r.vars || r).palette.common.white,
+  fontFamily: r.typography.fontFamily,
+  padding: "4px 8px",
+  fontSize: r.typography.pxToRem(11),
+  maxWidth: 300,
+  margin: 2,
+  wordWrap: "break-word",
+  fontWeight: r.typography.fontWeightMedium
+}, t.arrow && {
+  position: "relative",
+  margin: 0
+}, t.touch && {
+  padding: "8px 16px",
+  fontSize: r.typography.pxToRem(14),
+  lineHeight: `${Do(16 / 14)}em`,
+  fontWeight: r.typography.fontWeightRegular
+}, {
+  [`.${f.popper}[data-popper-placement*="left"] &`]: n({
+    transformOrigin: "right center"
+  }, t.isRtl ? n({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  }) : n({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  })),
+  [`.${f.popper}[data-popper-placement*="right"] &`]: n({
+    transformOrigin: "left center"
+  }, t.isRtl ? n({
+    marginRight: "14px"
+  }, t.touch && {
+    marginRight: "24px"
+  }) : n({
+    marginLeft: "14px"
+  }, t.touch && {
+    marginLeft: "24px"
+  })),
+  [`.${f.popper}[data-popper-placement*="top"] &`]: n({
+    transformOrigin: "center bottom",
+    marginBottom: "14px"
+  }, t.touch && {
+    marginBottom: "24px"
+  }),
+  [`.${f.popper}[data-popper-placement*="bottom"] &`]: n({
+    transformOrigin: "center top",
+    marginTop: "14px"
+  }, t.touch && {
+    marginTop: "24px"
+  })
+})), Fo = Q("span", {
+  name: "MuiTooltip",
+  slot: "Arrow",
+  overridesResolver: (r, t) => t.arrow
+})(({
+  theme: r
+}) => ({
+  overflow: "hidden",
+  position: "absolute",
+  width: "1em",
+  height: "0.71em",
+  boxSizing: "border-box",
+  color: r.vars ? r.vars.palette.Tooltip.bg : ze.alpha(r.palette.grey[700], 0.9),
+  "&::before": {
+    content: '""',
+    margin: "auto",
+    display: "block",
+    width: "100%",
+    height: "100%",
+    backgroundColor: "currentColor",
+    transform: "rotate(45deg)"
+  }
+}));
+let F = !1;
+const Ve = new xo();
+let w = {
+  x: 0,
+  y: 0
+};
+function k(r, t) {
+  return (s, ...d) => {
+    t && t(s, ...d), r(s, ...d);
+  };
+}
+const ko = /* @__PURE__ */ p.forwardRef(function(t, s) {
+  var d, R, C, x, Z, ee, oe, te, re, ne, se, pe, ie, le, ae, ce, ue, de, me;
+  const B = vo({
+    props: t,
+    name: "MuiTooltip"
+  }), {
+    arrow: fe = !1,
+    children: S,
+    components: O = {},
+    componentsProps: h = {},
+    describeChild: Ye = !1,
+    disableFocusListener: qe = !1,
+    disableHoverListener: he = !1,
+    disableInteractive: Ge = !1,
+    disableTouchListener: Je = !1,
+    enterDelay: be = 100,
+    enterNextDelay: ge = 0,
+    enterTouchDelay: Ke = 700,
+    followCursor: V = !1,
+    id: Xe,
+    leaveDelay: Te = 0,
+    leaveTouchDelay: Qe = 1500,
+    onClose: ye,
+    onOpen: ve,
+    open: Pe,
+    placement: we = "bottom",
+    PopperComponent: W,
+    PopperProps: b = {},
+    slotProps: g = {},
+    slots: M = {},
+    title: m,
+    TransitionComponent: Ze = Be,
+    TransitionProps: eo
+  } = B, Re = To(B, $o), c = /* @__PURE__ */ p.isValidElement(S) ? S : /* @__PURE__ */ A("span", {
+    children: S
+  }), Ce = Po(), oo = Eo(), [l, xe] = p.useState(), [z, to] = p.useState(null), E = p.useRef(!1), H = Ge || V, Oe = D(), Y = D(), _ = D(), Me = D(), [ro, Ee] = _o({
+    controlled: Pe,
+    default: !1,
+    name: "Tooltip",
+    state: "open"
+  });
+  let u = ro;
+  if (U.env.NODE_ENV !== "production") {
+    const {
+      current: o
+    } = p.useRef(Pe !== void 0);
+    p.useEffect(() => {
+      l && l.disabled && !o && m !== "" && l.tagName.toLowerCase();
+    }, [m, l, o]);
+  }
+  const q = No(Xe), T = p.useRef(), N = Ue(() => {
+    T.current !== void 0 && (document.body.style.WebkitUserSelect = T.current, T.current = void 0), Me.clear();
+  });
+  p.useEffect(() => N, [N]);
+  const _e = (o) => {
+    Ve.clear(), F = !0, Ee(!0), ve && !u && ve(o);
+  }, L = Ue(
+    /**
+     * @param {React.SyntheticEvent | Event} event
+     */
+    (o) => {
+      Ve.start(800 + Te, () => {
+        F = !1;
+      }), Ee(!1), ye && u && ye(o), Oe.start(Ce.transitions.duration.shortest, () => {
+        E.current = !1;
+      });
+    }
+  ), $ = (o) => {
+    E.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), Y.clear(), _.clear(), be || F && ge ? Y.start(F ? ge : be, () => {
+      _e(o);
+    }) : _e(o));
+  }, G = (o) => {
+    Y.clear(), _.start(Te, () => {
+      L(o);
+    });
+  }, {
+    isFocusVisibleRef: Ne,
+    onBlur: no,
+    onFocus: so,
+    ref: po
+  } = wo(), [, Le] = p.useState(!1), $e = (o) => {
+    no(o), Ne.current === !1 && (Le(!1), G(o));
+  }, De = (o) => {
+    l || xe(o.currentTarget), so(o), Ne.current === !0 && (Le(!0), $(o));
+  }, Ie = (o) => {
+    E.current = !0;
+    const i = c.props;
+    i.onTouchStart && i.onTouchStart(o);
+  }, io = (o) => {
+    Ie(o), _.clear(), Oe.clear(), N(), T.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Me.start(Ke, () => {
+      document.body.style.WebkitUserSelect = T.current, $(o);
+    });
+  }, lo = (o) => {
+    c.props.onTouchEnd && c.props.onTouchEnd(o), N(), _.start(Qe, () => {
+      L(o);
+    });
+  };
+  p.useEffect(() => {
+    if (!u)
+      return;
+    function o(i) {
+      (i.key === "Escape" || i.key === "Esc") && L(i);
+    }
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [L, u]);
+  const ao = Ro(Co(c), po, xe, s);
+  !m && m !== 0 && (u = !1);
+  const J = p.useRef(), co = (o) => {
+    const i = c.props;
+    i.onMouseMove && i.onMouseMove(o), w = {
+      x: o.clientX,
+      y: o.clientY
+    }, J.current && J.current.update();
+  }, y = {}, K = typeof m == "string";
+  Ye ? (y.title = !u && K && !he ? m : null, y["aria-describedby"] = u ? q : null) : (y["aria-label"] = K ? m : null, y["aria-labelledby"] = u && !K ? q : null);
+  const a = n({}, y, Re, c.props, {
+    className: I(Re.className, c.props.className),
+    onTouchStart: Ie,
+    ref: ao
+  }, V ? {
+    onMouseMove: co
+  } : {});
+  U.env.NODE_ENV !== "production" && (a["data-mui-internal-clone-element"] = !0, p.useEffect(() => {
+    l && l.getAttribute("data-mui-internal-clone-element");
+  }, [l]));
+  const v = {};
+  Je || (a.onTouchStart = io, a.onTouchEnd = lo), he || (a.onMouseOver = k($, a.onMouseOver), a.onMouseLeave = k(G, a.onMouseLeave), H || (v.onMouseOver = $, v.onMouseLeave = G)), qe || (a.onFocus = k(De, a.onFocus), a.onBlur = k($e, a.onBlur), H || (v.onFocus = De, v.onBlur = $e)), U.env.NODE_ENV !== "production" && c.props.title;
+  const uo = p.useMemo(() => {
+    var o;
+    let i = [{
+      name: "arrow",
+      enabled: !!z,
+      options: {
+        element: z,
+        padding: 4
+      }
+    }];
+    return (o = b.popperOptions) != null && o.modifiers && (i = i.concat(b.popperOptions.modifiers)), n({}, b.popperOptions, {
+      modifiers: i
+    });
+  }, [z, b]), P = n({}, B, {
+    isRtl: oo,
+    arrow: fe,
+    disableInteractive: H,
+    placement: we,
+    PopperComponentProp: W,
+    touch: E.current
+  }), X = Io(P), je = (d = (R = M.popper) != null ? R : O.Popper) != null ? d : jo, Ae = (C = (x = (Z = M.transition) != null ? Z : O.Transition) != null ? x : Ze) != null ? C : Be, Fe = (ee = (oe = M.tooltip) != null ? oe : O.Tooltip) != null ? ee : Ao, ke = (te = (re = M.arrow) != null ? re : O.Arrow) != null ? te : Fo, mo = j(je, n({}, b, (ne = g.popper) != null ? ne : h.popper, {
+    className: I(X.popper, b == null ? void 0 : b.className, (se = (pe = g.popper) != null ? pe : h.popper) == null ? void 0 : se.className)
+  }), P), fo = j(Ae, n({}, eo, (ie = g.transition) != null ? ie : h.transition), P), ho = j(Fe, n({}, (le = g.tooltip) != null ? le : h.tooltip, {
+    className: I(X.tooltip, (ae = (ce = g.tooltip) != null ? ce : h.tooltip) == null ? void 0 : ae.className)
+  }), P), bo = j(ke, n({}, (ue = g.arrow) != null ? ue : h.arrow, {
+    className: I(X.arrow, (de = (me = g.arrow) != null ? me : h.arrow) == null ? void 0 : de.className)
+  }), P);
+  return /* @__PURE__ */ Se(p.Fragment, {
+    children: [/* @__PURE__ */ p.cloneElement(c, a), /* @__PURE__ */ A(je, n({
+      as: W ?? He,
+      placement: we,
+      anchorEl: V ? {
+        getBoundingClientRect: () => ({
+          top: w.y,
+          left: w.x,
+          right: w.x,
+          bottom: w.y,
+          width: 0,
+          height: 0
+        })
+      } : l,
+      popperRef: J,
+      open: l ? u : !1,
+      id: q,
+      transition: !0
+    }, v, mo, {
+      popperOptions: uo,
+      children: ({
+        TransitionProps: o
+      }) => /* @__PURE__ */ A(Ae, n({
+        timeout: Ce.transitions.duration.shorter
+      }, o, fo, {
+        children: /* @__PURE__ */ Se(Fe, n({}, ho, {
+          children: [m, fe ? /* @__PURE__ */ A(ke, n({}, bo, {
+            ref: to
+          })) : null]
+        }))
+      }))
+    }))]
+  });
+});
+U.env.NODE_ENV !== "production" && (ko.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, adds an arrow to the tooltip.
+   * @default false
+   */
+  arrow: e.bool,
+  /**
+   * Tooltip reference element.
+   */
+  children: Mo.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    Arrow: e.elementType,
+    Popper: e.elementType,
+    Tooltip: e.elementType,
+    Transition: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    arrow: e.object,
+    popper: e.object,
+    tooltip: e.object,
+    transition: e.object
+  }),
+  /**
+   * Set to `true` if the `title` acts as an accessible description.
+   * By default the `title` acts as an accessible label for the child.
+   * @default false
+   */
+  describeChild: e.bool,
+  /**
+   * Do not respond to focus-visible events.
+   * @default false
+   */
+  disableFocusListener: e.bool,
+  /**
+   * Do not respond to hover events.
+   * @default false
+   */
+  disableHoverListener: e.bool,
+  /**
+   * Makes a tooltip not interactive, i.e. it will close when the user
+   * hovers over the tooltip before the `leaveDelay` is expired.
+   * @default false
+   */
+  disableInteractive: e.bool,
+  /**
+   * Do not respond to long press touch events.
+   * @default false
+   */
+  disableTouchListener: e.bool,
+  /**
+   * The number of milliseconds to wait before showing the tooltip.
+   * This prop won't impact the enter touch delay (`enterTouchDelay`).
+   * @default 100
+   */
+  enterDelay: e.number,
+  /**
+   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
+   * @default 0
+   */
+  enterNextDelay: e.number,
+  /**
+   * The number of milliseconds a user must touch the element before showing the tooltip.
+   * @default 700
+   */
+  enterTouchDelay: e.number,
+  /**
+   * If `true`, the tooltip follow the cursor over the wrapped element.
+   * @default false
+   */
+  followCursor: e.bool,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: e.string,
+  /**
+   * The number of milliseconds to wait before hiding the tooltip.
+   * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+   * @default 0
+   */
+  leaveDelay: e.number,
+  /**
+   * The number of milliseconds after the user stops touching an element before hiding the tooltip.
+   * @default 1500
+   */
+  leaveTouchDelay: e.number,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the component requests to be open.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onOpen: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool,
+  /**
+   * Tooltip placement.
+   * @default 'bottom'
+   */
+  placement: e.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * The component used for the popper.
+   * @default Popper
+   */
+  PopperComponent: e.elementType,
+  /**
+   * Props applied to the [`Popper`](/material-ui/api/popper/) element.
+   * @default {}
+   */
+  PopperProps: e.object,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: e.shape({
+    arrow: e.object,
+    popper: e.object,
+    tooltip: e.object,
+    transition: e.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    arrow: e.elementType,
+    popper: e.elementType,
+    tooltip: e.elementType,
+    transition: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+   */
+  title: e.node,
+  /**
+   * The component used for the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Grow
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: e.object
+});
+export {
+  ko as T
+};