skillgrid 0.0.81 → 0.0.83

package/dist/components/Tooltip/Tooltip.js

@@ -1,153 +1,160 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as v, useEffect as W } from "react";
-import j from "rc-tooltip";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { useState as O, useEffect as N } from "react";
+import q from "rc-tooltip";
 import t from "./Tooltip.module.css.js";
-import { clsx as S } from "clsx";
-import { TOOLTIP_PLACEMENTS_M as F, TOOLTIP_PLACEMENTS_SMALL as q, BUTTON_PRESETS as D } from "./Tooltip.constants.js";
-import { TooltipArrowIcon as H, CrossOutlinedIcon as U } from "./assets/react-svg-icons.js";
-import { Typography as x } from "../Typography/Typography.js";
-import { mergeTooltipButtonProps as $ } from "./utils/merge-tooltip-button-props.js";
-import { Button as G } from "../Button/Button.js";
-import { getIntInRange as J } from "../../lib/get-int-in-range.js";
-const K = (f, a, s) => {
-  const r = J(a, 1, 3), c = D[s][r];
-  return c[Math.min(f, c.length - 1)];
-}, O = ({
-  text: f,
-  title: a,
-  media: s,
+import { clsx as A } from "clsx";
+import { TOOLTIP_PLACEMENTS_M as C, TOOLTIP_PLACEMENTS_SMALL as D, BUTTON_PRESETS as H } from "./Tooltip.constants.js";
+import { TooltipArrowIcon as U, CrossOutlinedIcon as $ } from "./assets/react-svg-icons.js";
+import { Typography as _ } from "../Typography/Typography.js";
+import { mergeTooltipButtonProps as G } from "./utils/merge-tooltip-button-props.js";
+import { Button as J } from "../Button/Button.js";
+import { getIntInRange as K } from "../../lib/get-int-in-range.js";
+const Q = (y, p, a) => {
+  const r = K(p, 1, 3), l = H[a][r];
+  return l[Math.min(y, l.length - 1)];
+}, R = ({
+  text: y,
+  title: p,
+  media: a,
   variant: r = "neutral",
-  size: c,
-  classNames: e = {},
-  onClose: p,
+  size: l,
+  classNames: n = {},
+  onClose: s,
   buttons: m,
-  buttonProps: k,
+  buttonProps: E,
   showClose: d
 }) => {
-  const n = ["neutral", "accent"].includes(r) ? "contrast" : "primary", l = c === "m", w = !!(a && l), g = !!(s && l), A = m && !!m.length, I = !!(d && l) || !d && l && !A, u = c === "xs" ? 4 : 3;
-  return /* @__PURE__ */ C("div", { className: t.content, children: [
-    g && /* @__PURE__ */ o("div", { className: S(t.mediaWrapper, e.mediaWrapper), children: s }),
-    /* @__PURE__ */ C("div", { className: e == null ? void 0 : e.textWrapper, children: [
-      w && /* @__PURE__ */ o(
-        x.Subtitle,
+  const e = ["neutral", "accent"].includes(r) ? "contrast" : "primary", i = l === "m", k = !!(p && i), B = !!(a && i), M = m && !!m.length, w = !!(d && i) || !d && i && !M, u = l === "xs" ? 4 : 3;
+  return /* @__PURE__ */ x("div", { className: t.content, children: [
+    B && /* @__PURE__ */ o("div", { className: A(t.mediaWrapper, n.mediaWrapper), children: a }),
+    /* @__PURE__ */ x("div", { className: n == null ? void 0 : n.textWrapper, children: [
+      k && /* @__PURE__ */ o(
+        _.Subtitle,
         {
-          className: S(t.typography, t.title, e.typography),
+          className: A(t.typography, t.title, n.typography),
           size: 1,
           as: "h3",
-          typographyStyle: n,
-          children: a
+          typographyStyle: e,
+          children: p
         }
       ),
       /* @__PURE__ */ o(
-        x.Label,
+        _.Label,
         {
-          className: S(t.typography, t.text, e.typography),
-          typographyStyle: n,
+          className: A(t.typography, t.text, n.typography),
+          typographyStyle: e,
           size: u,
-          children: f
+          children: y
         }
       )
     ] }),
-    I && /* @__PURE__ */ o(
+    w && /* @__PURE__ */ o(
       "button",
       {
         type: "button",
-        className: S(t.closeButton, t[r], e.closeButton, {
-          [t.hasMedia]: g
+        className: A(t.closeButton, t[r], n.closeButton, {
+          [t.hasMedia]: B
         }),
-        onClick: p,
+        onClick: s,
         "aria-label": "Закрыть подсказку",
         "data-testid": "tooltip-close-button",
-        children: /* @__PURE__ */ o(U, {})
+        children: /* @__PURE__ */ o($, {})
       }
     ),
-    l && A && /* @__PURE__ */ o("div", { className: t.buttonStack, children: m.map((y, h) => {
-      const B = K(h, m.length, r), T = $(y, B, k), { closeOnClick: M, ...i } = T;
-      return /* @__PURE__ */ o(G, { ...i, onClick: (P) => {
-        var b;
-        (b = i.onClick) == null || b.call(i, P), M && (p == null || p());
+    i && M && /* @__PURE__ */ o("div", { className: t.buttonStack, children: m.map((T, h) => {
+      const f = Q(h, m.length, r), I = G(T, f, E), { closeOnClick: S, ...c } = I;
+      return /* @__PURE__ */ o(J, { ...c, onClick: (L) => {
+        var g;
+        (g = c.onClick) == null || g.call(c, L), S && (s == null || s());
       } }, h);
     }) })
   ] });
 }, lt = ({
-  customContent: f,
-  children: a,
-  placement: s = "top",
+  customContent: y,
+  children: p,
+  placement: a = "top",
   contentClassNames: r,
-  mouseEnterDelay: c = 0,
-  mouseLeaveDelay: e = 0.1,
-  showArrow: p = !0,
+  mouseEnterDelay: l = 0,
+  mouseLeaveDelay: n = 0.1,
+  showArrow: s = !0,
   showClose: m = !0,
-  trigger: k = "hover",
+  trigger: E = "hover",
   variant: d = "neutral",
-  size: n = "s",
-  text: l,
-  title: w,
-  media: g,
-  buttons: A,
-  buttonProps: I,
+  size: e = "s",
+  text: i,
+  title: k,
+  media: B,
+  buttons: M,
+  buttonProps: w,
   onClose: u,
-  visible: y,
+  visible: T,
   onVisibleChange: h,
-  ...B
+  classNames: f,
+  ...I
 }) => {
-  const [T, M] = v(!!y), i = y !== void 0, [L, P] = v(!1), b = n === "m" ? F : q, N = () => {
-    i || M(!1), u == null || u();
-  }, _ = (E) => {
-    i || M(E), h == null || h(E);
-  }, R = f || (n === "m" ? /* @__PURE__ */ o(
-    O,
+  const [S, c] = O(!!T), P = T !== void 0, [L, g] = O(!1), W = e === "m" ? C : D, v = () => {
+    P || c(!1), u == null || u();
+  }, j = (b) => {
+    P || c(b), h == null || h(b);
+  }, F = y || (e === "m" ? /* @__PURE__ */ o(
+    R,
     {
       classNames: r,
-      text: l,
+      text: i,
       variant: d,
-      size: n,
-      onClose: N,
-      title: w,
-      media: g,
+      size: e,
+      onClose: v,
+      title: k,
+      media: B,
       showClose: m,
-      buttons: A,
-      buttonProps: I
+      buttons: M,
+      buttonProps: w
     }
   ) : /* @__PURE__ */ o(
-    O,
+    R,
     {
       classNames: r,
-      text: l,
+      text: i,
       variant: d,
-      size: n,
-      onClose: N
+      size: e,
+      onClose: v
     }
   ));
-  return W(() => {
-    if (T) {
-      const E = requestAnimationFrame(() => P(!0));
-      return () => cancelAnimationFrame(E);
+  return N(() => {
+    if (S) {
+      const b = requestAnimationFrame(() => g(!0));
+      return () => cancelAnimationFrame(b);
     }
-    P(!1);
-  }, [T]), /* @__PURE__ */ o(
-    j,
+    g(!1);
+  }, [S]), /* @__PURE__ */ o(
+    q,
     {
-      visible: i ? y : T,
-      onVisibleChange: _,
-      classNames: {
-        root: S(t.root, t[d], t[n], L && t.open),
-        ...B.classNames
-      },
-      placement: s,
-      overlay: R,
-      trigger: k,
-      mouseEnterDelay: c,
-      mouseLeaveDelay: e,
+      visible: P ? T : S,
+      onVisibleChange: j,
+      placement: a,
+      overlay: F,
+      trigger: E,
+      mouseEnterDelay: l,
+      mouseLeaveDelay: n,
       motion: { motionName: "tooltipMotion" },
-      builtinPlacements: b,
-      showArrow: p ? {
-        content: /* @__PURE__ */ o(H, {}),
-        className: `tooltipArrow tooltipArrow-${n}`
+      builtinPlacements: W,
+      showArrow: s ? {
+        content: /* @__PURE__ */ o(U, {}),
+        className: `tooltipArrow tooltipArrow-${e}`
       } : !1,
       destroyTooltipOnHide: !0,
-      ...B,
-      children: a
+      ...I,
+      classNames: {
+        ...f,
+        root: A(
+          t.root,
+          t[d],
+          t[e],
+          L && t.open,
+          f == null ? void 0 : f.root
+        )
+      },
+      children: p
     }
   );
 };