kdpa-components 1.3.0 → 1.4.1

package/dist/KdpaTooltip-c3581cec.js

@@ -1,604 +0,0 @@
-import { j as ho } from "./jsx-dev-runtime-48fdc504.js";
-import { a as n, _ as To } from "./extends-135d7828.js";
-import * as s from "react";
-import { g as bo, c as Se, a as Ue, j as x, P as e } from "./identifier-4b679058.js";
-import { g as go, s as X, u as yo, c as I, a as vo } from "./useThemeProps-8045630a.js";
-import { u as Po } from "./useTheme-b80df7a1.js";
-import { M as We } from "./Popper-3634a562.js";
-import { a as wo } from "./useEventCallback-83a2883c.js";
-import { u as xo } from "./useIsFocusVisible-4693b580.js";
-import { G as Be } from "./Grow-e68cfcc6.js";
-import { a as k } from "./useSlotProps-a1ec34df.js";
-import { e as Ro } from "./elementAcceptingRef-dbb604ff.js";
-import { u as Co } from "./useControlled-cc2d41cb.js";
-import { u as Oo } from "./useId-a21bd5c3.js";
-import { u as Mo } from "./useForkRef-0781dda0.js";
-import { Z as Eo } from "./Zoom-15be6cd9.js";
-function No(r) {
-  return bo("MuiTooltip", r);
-}
-const _o = go("MuiTooltip", ["popper", "popperInteractive", "popperArrow", "popperClose", "tooltip", "tooltipArrow", "touch", "tooltipPlacementLeft", "tooltipPlacementRight", "tooltipPlacementTop", "tooltipPlacementBottom", "arrow"]), d = _o, jo = ["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 Lo = (r) => {
-  const {
-    classes: t,
-    disableInteractive: i,
-    arrow: g,
-    touch: C,
-    placement: O
-  } = r, M = {
-    popper: ["popper", !i && "popperInteractive", g && "popperArrow"],
-    tooltip: ["tooltip", g && "tooltipArrow", C && "touch", `tooltipPlacement${Se(O.split("-")[0])}`],
-    arrow: ["arrow"]
-  };
-  return vo(M, No, t);
-}, $o = X(We, {
-  name: "MuiTooltip",
-  slot: "Popper",
-  overridesResolver: (r, t) => {
-    const {
-      ownerState: i
-    } = r;
-    return [t.popper, !i.disableInteractive && t.popperInteractive, i.arrow && t.popperArrow, !i.open && t.popperClose];
-  }
-})(({
-  theme: r,
-  ownerState: t,
-  open: i
-}) => n({
-  zIndex: (r.vars || r).zIndex.tooltip,
-  pointerEvents: "none"
-}, !t.disableInteractive && {
-  pointerEvents: "auto"
-}, !i && {
-  pointerEvents: "none"
-}, t.arrow && {
-  [`&[data-popper-placement*="bottom"] .${d.arrow}`]: {
-    top: 0,
-    marginTop: "-0.71em",
-    "&::before": {
-      transformOrigin: "0 100%"
-    }
-  },
-  [`&[data-popper-placement*="top"] .${d.arrow}`]: {
-    bottom: 0,
-    marginBottom: "-0.71em",
-    "&::before": {
-      transformOrigin: "100% 0"
-    }
-  },
-  [`&[data-popper-placement*="right"] .${d.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"] .${d.arrow}`]: n({}, t.isRtl ? {
-    left: 0,
-    marginLeft: "-0.71em"
-  } : {
-    right: 0,
-    marginRight: "-0.71em"
-  }, {
-    height: "1em",
-    width: "0.71em",
-    "&::before": {
-      transformOrigin: "0 0"
-    }
-  })
-})), Io = X("div", {
-  name: "MuiTooltip",
-  slot: "Tooltip",
-  overridesResolver: (r, t) => {
-    const {
-      ownerState: i
-    } = r;
-    return [t.tooltip, i.touch && t.touch, i.arrow && t.tooltipArrow, t[`tooltipPlacement${Se(i.placement.split("-")[0])}`]];
-  }
-})(({
-  theme: r,
-  ownerState: t
-}) => n({
-  backgroundColor: r.vars ? r.vars.palette.Tooltip.bg : Ue(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
-}, {
-  [`.${d.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"
-  })),
-  [`.${d.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"
-  })),
-  [`.${d.popper}[data-popper-placement*="top"] &`]: n({
-    transformOrigin: "center bottom",
-    marginBottom: "14px"
-  }, t.touch && {
-    marginBottom: "24px"
-  }),
-  [`.${d.popper}[data-popper-placement*="bottom"] &`]: n({
-    transformOrigin: "center top",
-    marginTop: "14px"
-  }, t.touch && {
-    marginTop: "24px"
-  })
-})), ko = X("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 : Ue(r.palette.grey[700], 0.9),
-  "&::before": {
-    content: '""',
-    margin: "auto",
-    display: "block",
-    width: "100%",
-    height: "100%",
-    backgroundColor: "currentColor",
-    transform: "rotate(45deg)"
-  }
-}));
-let A = !1, q = null, R = {
-  x: 0,
-  y: 0
-};
-function F(r, t) {
-  return (i) => {
-    t && t(i), r(i);
-  };
-}
-const Ve = /* @__PURE__ */ s.forwardRef(function(t, i) {
-  var g, C, O, M, J, Q, ee, oe, te, re, ne, se, ie, pe, le, ae, ce, ue, me;
-  const B = yo({
-    props: t,
-    name: "MuiTooltip"
-  }), {
-    arrow: de = !1,
-    children: c,
-    components: E = {},
-    componentsProps: f = {},
-    describeChild: ze = !1,
-    disableFocusListener: He = !1,
-    disableHoverListener: fe = !1,
-    disableInteractive: Ke = !1,
-    disableTouchListener: Ye = !1,
-    enterDelay: he = 100,
-    enterNextDelay: Te = 0,
-    enterTouchDelay: Ge = 700,
-    followCursor: S = !1,
-    id: Ze,
-    leaveDelay: be = 0,
-    leaveTouchDelay: qe = 1500,
-    onClose: ge,
-    onOpen: ye,
-    open: ve,
-    placement: Pe = "bottom",
-    PopperComponent: U,
-    PopperProps: h = {},
-    slotProps: T = {},
-    slots: N = {},
-    title: m,
-    TransitionComponent: Xe = Be,
-    TransitionProps: Je
-  } = B, we = To(B, jo), W = Po(), Qe = W.direction === "rtl", [l, xe] = s.useState(), [V, eo] = s.useState(null), _ = s.useRef(!1), z = Ke || S, j = s.useRef(), D = s.useRef(), b = s.useRef(), Re = s.useRef(), [oo, Ce] = Co({
-    controlled: ve,
-    default: !1,
-    name: "Tooltip",
-    state: "open"
-  });
-  let u = oo;
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      current: o
-    } = s.useRef(ve !== void 0);
-    s.useEffect(() => {
-      l && l.disabled && !o && m !== "" && l.tagName.toLowerCase() === "button" && console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
-`));
-    }, [m, l, o]);
-  }
-  const H = Oo(Ze), y = s.useRef(), L = s.useCallback(() => {
-    y.current !== void 0 && (document.body.style.WebkitUserSelect = y.current, y.current = void 0), clearTimeout(Re.current);
-  }, []);
-  s.useEffect(() => () => {
-    clearTimeout(j.current), clearTimeout(D.current), clearTimeout(b.current), L();
-  }, [L]);
-  const Oe = (o) => {
-    clearTimeout(q), A = !0, Ce(!0), ye && !u && ye(o);
-  }, $ = wo(
-    /**
-     * @param {React.SyntheticEvent | Event} event
-     */
-    (o) => {
-      clearTimeout(q), q = setTimeout(() => {
-        A = !1;
-      }, 800 + be), Ce(!1), ge && u && ge(o), clearTimeout(j.current), j.current = setTimeout(() => {
-        _.current = !1;
-      }, W.transitions.duration.shortest);
-    }
-  ), K = (o) => {
-    _.current && o.type !== "touchstart" || (l && l.removeAttribute("title"), clearTimeout(D.current), clearTimeout(b.current), he || A && Te ? D.current = setTimeout(() => {
-      Oe(o);
-    }, A ? Te : he) : Oe(o));
-  }, Me = (o) => {
-    clearTimeout(D.current), clearTimeout(b.current), b.current = setTimeout(() => {
-      $(o);
-    }, be);
-  }, {
-    isFocusVisibleRef: Ee,
-    onBlur: to,
-    onFocus: ro,
-    ref: no
-  } = xo(), [, Ne] = s.useState(!1), _e = (o) => {
-    to(o), Ee.current === !1 && (Ne(!1), Me(o));
-  }, je = (o) => {
-    l || xe(o.currentTarget), ro(o), Ee.current === !0 && (Ne(!0), K(o));
-  }, De = (o) => {
-    _.current = !0;
-    const p = c.props;
-    p.onTouchStart && p.onTouchStart(o);
-  }, Le = K, $e = Me, so = (o) => {
-    De(o), clearTimeout(b.current), clearTimeout(j.current), L(), y.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Re.current = setTimeout(() => {
-      document.body.style.WebkitUserSelect = y.current, K(o);
-    }, Ge);
-  }, io = (o) => {
-    c.props.onTouchEnd && c.props.onTouchEnd(o), L(), clearTimeout(b.current), b.current = setTimeout(() => {
-      $(o);
-    }, qe);
-  };
-  s.useEffect(() => {
-    if (!u)
-      return;
-    function o(p) {
-      (p.key === "Escape" || p.key === "Esc") && $(p);
-    }
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
-    };
-  }, [$, u]);
-  const po = Mo(c.ref, no, xe, i);
-  !m && m !== 0 && (u = !1);
-  const Y = s.useRef(), lo = (o) => {
-    const p = c.props;
-    p.onMouseMove && p.onMouseMove(o), R = {
-      x: o.clientX,
-      y: o.clientY
-    }, Y.current && Y.current.update();
-  }, v = {}, G = typeof m == "string";
-  ze ? (v.title = !u && G && !fe ? m : null, v["aria-describedby"] = u ? H : null) : (v["aria-label"] = G ? m : null, v["aria-labelledby"] = u && !G ? H : null);
-  const a = n({}, v, we, c.props, {
-    className: I(we.className, c.props.className),
-    onTouchStart: De,
-    ref: po
-  }, S ? {
-    onMouseMove: lo
-  } : {});
-  process.env.NODE_ENV !== "production" && (a["data-mui-internal-clone-element"] = !0, s.useEffect(() => {
-    l && !l.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
-`));
-  }, [l]));
-  const P = {};
-  Ye || (a.onTouchStart = so, a.onTouchEnd = io), fe || (a.onMouseOver = F(Le, a.onMouseOver), a.onMouseLeave = F($e, a.onMouseLeave), z || (P.onMouseOver = Le, P.onMouseLeave = $e)), He || (a.onFocus = F(je, a.onFocus), a.onBlur = F(_e, a.onBlur), z || (P.onFocus = je, P.onBlur = _e)), process.env.NODE_ENV !== "production" && c.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${c.props.title}\` or the Tooltip component.`].join(`
-`));
-  const ao = s.useMemo(() => {
-    var o;
-    let p = [{
-      name: "arrow",
-      enabled: !!V,
-      options: {
-        element: V,
-        padding: 4
-      }
-    }];
-    return (o = h.popperOptions) != null && o.modifiers && (p = p.concat(h.popperOptions.modifiers)), n({}, h.popperOptions, {
-      modifiers: p
-    });
-  }, [V, h]), w = n({}, B, {
-    isRtl: Qe,
-    arrow: de,
-    disableInteractive: z,
-    placement: Pe,
-    PopperComponentProp: U,
-    touch: _.current
-  }), Z = Lo(w), Ie = (g = (C = N.popper) != null ? C : E.Popper) != null ? g : $o, ke = (O = (M = (J = N.transition) != null ? J : E.Transition) != null ? M : Xe) != null ? O : Be, Ae = (Q = (ee = N.tooltip) != null ? ee : E.Tooltip) != null ? Q : Io, Fe = (oe = (te = N.arrow) != null ? te : E.Arrow) != null ? oe : ko, co = k(Ie, n({}, h, (re = T.popper) != null ? re : f.popper, {
-    className: I(Z.popper, h == null ? void 0 : h.className, (ne = (se = T.popper) != null ? se : f.popper) == null ? void 0 : ne.className)
-  }), w), uo = k(ke, n({}, Je, (ie = T.transition) != null ? ie : f.transition), w), mo = k(Ae, n({}, (pe = T.tooltip) != null ? pe : f.tooltip, {
-    className: I(Z.tooltip, (le = (ae = T.tooltip) != null ? ae : f.tooltip) == null ? void 0 : le.className)
-  }), w), fo = k(Fe, n({}, (ce = T.arrow) != null ? ce : f.arrow, {
-    className: I(Z.arrow, (ue = (me = T.arrow) != null ? me : f.arrow) == null ? void 0 : ue.className)
-  }), w);
-  return /* @__PURE__ */ x.jsxs(s.Fragment, {
-    children: [/* @__PURE__ */ s.cloneElement(c, a), /* @__PURE__ */ x.jsx(Ie, n({
-      as: U ?? We,
-      placement: Pe,
-      anchorEl: S ? {
-        getBoundingClientRect: () => ({
-          top: R.y,
-          left: R.x,
-          right: R.x,
-          bottom: R.y,
-          width: 0,
-          height: 0
-        })
-      } : l,
-      popperRef: Y,
-      open: l ? u : !1,
-      id: H,
-      transition: !0
-    }, P, co, {
-      popperOptions: ao,
-      children: ({
-        TransitionProps: o
-      }) => /* @__PURE__ */ x.jsx(ke, n({
-        timeout: W.transitions.duration.shorter
-      }, o, uo, {
-        children: /* @__PURE__ */ x.jsxs(Ae, n({}, mo, {
-          children: [m, de ? /* @__PURE__ */ x.jsx(Fe, n({}, fo, {
-            ref: eo
-          })) : null]
-        }))
-      }))
-    }))]
-  });
-});
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * If `true`, adds an arrow to the tooltip.
-   * @default false
-   */
-  arrow: e.bool,
-  /**
-   * Tooltip reference element.
-   */
-  children: Ro.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`](http://reactcommunity.org/react-transition-group/transition/) component.
-   */
-  TransitionProps: e.object
-});
-const Ao = Ve, Qo = ({ title: r = "", children: t, ...i }) => /* @__PURE__ */ ho.jsxDEV(
-  Ao,
-  {
-    title: r,
-    TransitionComponent: Eo,
-    enterDelay: 700,
-    leaveDelay: 200,
-    arrow: !0,
-    ...i,
-    children: t
-  },
-  void 0,
-  !1,
-  {
-    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Tooltips/KdpaTooltip.tsx",
-    lineNumber: 9,
-    columnNumber: 5
-  },
-  globalThis
-);
-export {
-  Qo as K
-};