@copart/ops-tool-kit 1.11.3-alpha.1 → 1.11.3

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.11.3-alpha.1";
+const version$5 = "1.11.3";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -49683,15 +49683,27 @@ const offset = function (options) {
     name: 'offset',
     options,
     async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y
+        y,
+        placement,
+        middlewareData
       } = state;
       const diffCoords = await convertValueToCoords(state, options);
+
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
-        data: diffCoords
+        data: {
+          ...diffCoords,
+          placement
+        }
       };
     }
   };
@@ -50649,13 +50661,13 @@ const C = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
           x: 0,
           y: 0
         },
-        d = null !== (n = {
+        u = null !== (n = {
           top: "bottom",
           right: "left",
           bottom: "top",
           left: "right"
         }[o.split("-")[0]]) && void 0 !== n ? n : "bottom",
-        u = i && {
+        d = i && {
           borderBottom: i,
           borderRight: i
         };
@@ -50671,8 +50683,8 @@ const C = "undefined" != typeof window ? React.useLayoutEffect : React.useEffect
           top: null != a ? `${a}px` : "",
           right: "",
           bottom: "",
-          ...u,
-          [d]: `-${4 + p}px`
+          ...d,
+          [u]: `-${4 + p}px`
         },
         place: o
       };
@@ -50717,8 +50729,8 @@ const I = ({
     id: r,
     className: n,
     classNameArrow: s,
-    variant: d = "dark",
-    anchorId: u,
+    variant: u = "dark",
+    anchorId: d,
     anchorSelect: p,
     place: v = "top",
     offset: m = 10,
@@ -50761,8 +50773,8 @@ const I = ({
       ne = React.useRef(null),
       ce = React.useRef(null),
       [ie, se] = React.useState(v),
-      [ae, de] = React.useState({}),
-      [ue, pe] = React.useState({}),
+      [ae, ue] = React.useState({}),
+      [de, pe] = React.useState({}),
       [ve, me] = React.useState(!1),
       [fe, ye] = React.useState(!1),
       [he, we] = React.useState(null),
@@ -50900,7 +50912,7 @@ const I = ({
           middlewares: S,
           border: J
         }).then(e => {
-          Object.keys(e.tooltipStyles).length && de(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && pe(e.tooltipArrowStyles), se(e.place);
+          Object.keys(e.tooltipStyles).length && ue(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && pe(e.tooltipArrowStyles), se(e.place);
         });
       },
       De = e => {
@@ -50917,7 +50929,7 @@ const I = ({
         if (!ve) return;
         const o = e.target;
         if (null === (t = le.current) || void 0 === t ? void 0 : t.contains(o)) return;
-        [document.querySelector(`[id='${u}']`), ...Ae].some(e => null == e ? void 0 : e.contains(o)) || (Ne(!1), ne.current && clearTimeout(ne.current));
+        [document.querySelector(`[id='${d}']`), ...Ae].some(e => null == e ? void 0 : e.contains(o)) || (Ne(!1), ne.current && clearTimeout(ne.current));
       },
       He = g(Ie, 50, !0),
       Me = g(Be, 50, !0),
@@ -50934,7 +50946,7 @@ const I = ({
           middlewares: S,
           border: J
         }).then(e => {
-          Te.current && (Object.keys(e.tooltipStyles).length && de(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && pe(e.tooltipArrowStyles), se(e.place));
+          Te.current && (Object.keys(e.tooltipStyles).length && ue(e.tooltipStyles), Object.keys(e.tooltipArrowStyles).length && pe(e.tooltipArrowStyles), se(e.place));
         });
       }, [ve, V, U, W, v, null == he ? void 0 : he.place, m, b, P, null == he ? void 0 : he.position, O]);
     React.useEffect(() => {
@@ -50945,7 +50957,7 @@ const I = ({
           current: e
         });
       });
-      const l = document.querySelector(`[id='${u}']`);
+      const l = document.querySelector(`[id='${d}']`);
       l && o.add({
         current: l
       });
@@ -50966,7 +50978,7 @@ const I = ({
       };
       xe.escape && window.addEventListener("keydown", s), xe.clickOutsideAnchor && window.addEventListener("click", qe);
       const a = [],
-        d = e => {
+        u = e => {
           ve || Ie(e);
         },
         p = () => {
@@ -50980,7 +50992,7 @@ const I = ({
           listener: He
         }) : m.includes(e) && a.push({
           event: e,
-          listener: d
+          listener: u
         }));
       }), Object.entries(Re).forEach(([e, t]) => {
         t && (v.includes(e) ? a.push({
@@ -51069,10 +51081,10 @@ const I = ({
       };
     }, [U, null == X ? void 0 : X.current]), React.useEffect(() => {
       var e;
-      const t = document.querySelector(`[id='${u}']`),
+      const t = document.querySelector(`[id='${d}']`),
         o = [...Ae, t];
       V && o.includes(V) || Z(null !== (e = Ae[0]) && void 0 !== e ? e : t);
-    }, [u, Ae, V]), React.useEffect(() => () => {
+    }, [d, Ae, V]), React.useEffect(() => () => {
       ne.current && clearTimeout(ne.current), ce.current && clearTimeout(ce.current);
     }, []), React.useEffect(() => {
       var e;
@@ -51104,7 +51116,7 @@ const I = ({
     })), fe && !T && Pe ? React__default["default"].createElement(E, {
       id: r,
       role: te,
-      className: classnames("react-tooltip", $.tooltip, j.tooltip, j[d], n, `react-tooltip__place-${ie}`, $[Fe ? "show" : "closing"], Fe ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && $.fixed, R && $.clickable),
+      className: classnames("react-tooltip", $.tooltip, j.tooltip, j[u], n, `react-tooltip__place-${ie}`, $[Fe ? "show" : "closing"], Fe ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && $.fixed, R && $.clickable),
       onTransitionEnd: e => {
         ve || "opacity" !== e.propertyName || (ye(!1), we(null), null == K || K());
       },
@@ -51117,7 +51129,7 @@ const I = ({
     }, Pe, React__default["default"].createElement(E, {
       className: classnames("react-tooltip-arrow", $.arrow, j.arrow, s, L && $.noArrow),
       style: {
-        ...ue,
+        ...de,
         background: ee ? `linear-gradient(to right bottom, transparent 50%, ${ee} 50%)` : void 0
       },
       ref: re
@@ -51138,109 +51150,113 @@ const I = ({
     content: n,
     html: s,
     render: a,
-    className: d,
-    classNameArrow: u,
+    className: u,
+    classNameArrow: d,
     variant: p = "dark",
     place: v = "top",
     offset: m = 10,
     wrapper: f = "div",
-    children: y = null,
-    events: h = ["hover"],
-    openOnClick: w = !1,
-    positionStrategy: b = "absolute",
-    middlewares: S,
-    delayShow: E = 0,
-    delayHide: g = 0,
-    float: _ = !1,
-    hidden: A = !1,
-    noArrow: O = !1,
-    clickable: T = !1,
-    closeOnEsc: L = !1,
-    closeOnScroll: C = !1,
-    closeOnResize: R = !1,
-    openEvents: x,
-    closeEvents: N,
-    globalCloseEvents: $,
-    imperativeModeOnly: j = !1,
-    style: D,
-    position: q,
-    isOpen: H,
-    disableStyleInjection: M = !1,
-    border: W,
-    opacity: P,
-    arrowColor: F,
-    setIsOpen: K,
-    afterShow: U,
-    afterHide: X,
-    role: Y = "tooltip"
-  }, G) => {
-    const [V, Z] = React.useState(n),
-      [J, Q] = React.useState(s),
-      [ee, te] = React.useState(v),
-      [oe, le] = React.useState(p),
-      [re, ne] = React.useState(m),
-      [ce, ie] = React.useState(E),
-      [se, ae] = React.useState(g),
-      [de, ue] = React.useState(_),
-      [pe, ve] = React.useState(A),
-      [me, fe] = React.useState(f),
-      [ye, he] = React.useState(h),
-      [we, be] = React.useState(b),
-      [Se, Ee] = React.useState(null),
-      ge = React.useRef(M),
+    children: h = null,
+    events: w = ["hover"],
+    openOnClick: b = !1,
+    positionStrategy: S = "absolute",
+    middlewares: E,
+    delayShow: g = 0,
+    delayHide: _ = 0,
+    float: A = !1,
+    hidden: O = !1,
+    noArrow: T = !1,
+    clickable: L = !1,
+    closeOnEsc: C = !1,
+    closeOnScroll: R = !1,
+    closeOnResize: x = !1,
+    openEvents: N,
+    closeEvents: $,
+    globalCloseEvents: j,
+    imperativeModeOnly: D = !1,
+    style: q,
+    position: H,
+    isOpen: M,
+    disableStyleInjection: W = !1,
+    border: P,
+    opacity: F,
+    arrowColor: K,
+    setIsOpen: U,
+    afterShow: X,
+    afterHide: Y,
+    role: G = "tooltip"
+  }, V) => {
+    const [Z, J] = React.useState(n),
+      [Q, ee] = React.useState(s),
+      [te, oe] = React.useState(v),
+      [le, re] = React.useState(p),
+      [ne, ce] = React.useState(m),
+      [ie, se] = React.useState(g),
+      [ae, ue] = React.useState(_),
+      [de, pe] = React.useState(A),
+      [ve, me] = React.useState(O),
+      [fe, ye] = React.useState(f),
+      [he, we] = React.useState(w),
+      [be, Se] = React.useState(S),
+      [Ee, ge] = React.useState(null),
+      [_e, Ae] = React.useState(null),
+      Oe = React.useRef(W),
       {
-        anchorRefs: _e,
-        activeAnchor: Ae
+        anchorRefs: Te,
+        activeAnchor: ke
       } = k(t),
-      Oe = e => null == e ? void 0 : e.getAttributeNames().reduce((t, o) => {
+      Le = e => null == e ? void 0 : e.getAttributeNames().reduce((t, o) => {
         var l;
         if (o.startsWith("data-tooltip-")) {
           t[o.replace(/^data-tooltip-/, "")] = null !== (l = null == e ? void 0 : e.getAttribute(o)) && void 0 !== l ? l : null;
         }
         return t;
       }, {}),
-      Te = e => {
+      Ce = e => {
         const t = {
           place: e => {
             var t;
-            te(null !== (t = e) && void 0 !== t ? t : v);
+            oe(null !== (t = e) && void 0 !== t ? t : v);
           },
           content: e => {
-            Z(null != e ? e : n);
+            J(null != e ? e : n);
           },
           html: e => {
-            Q(null != e ? e : s);
+            ee(null != e ? e : s);
           },
           variant: e => {
             var t;
-            le(null !== (t = e) && void 0 !== t ? t : p);
+            re(null !== (t = e) && void 0 !== t ? t : p);
           },
           offset: e => {
-            ne(null === e ? m : Number(e));
+            ce(null === e ? m : Number(e));
           },
           wrapper: e => {
             var t;
-            fe(null !== (t = e) && void 0 !== t ? t : f);
+            ye(null !== (t = e) && void 0 !== t ? t : f);
           },
           events: e => {
             const t = null == e ? void 0 : e.split(" ");
-            he(null != t ? t : h);
+            we(null != t ? t : w);
           },
           "position-strategy": e => {
             var t;
-            be(null !== (t = e) && void 0 !== t ? t : b);
+            Se(null !== (t = e) && void 0 !== t ? t : S);
           },
           "delay-show": e => {
-            ie(null === e ? E : Number(e));
+            se(null === e ? g : Number(e));
           },
           "delay-hide": e => {
-            ae(null === e ? g : Number(e));
+            ue(null === e ? _ : Number(e));
           },
           float: e => {
-            ue(null === e ? _ : "true" === e);
+            pe(null === e ? A : "true" === e);
           },
           hidden: e => {
-            ve(null === e ? A : "true" === e);
+            me(null === e ? O : "true" === e);
+          },
+          "class-name": e => {
+            ge(e);
           }
         };
         Object.values(t).forEach(e => e(null)), Object.entries(e).forEach(([e, o]) => {
@@ -51249,37 +51265,37 @@ const I = ({
         });
       };
     React.useEffect(() => {
-      Z(n);
+      J(n);
     }, [n]), React.useEffect(() => {
-      Q(s);
+      ee(s);
     }, [s]), React.useEffect(() => {
-      te(v);
+      oe(v);
     }, [v]), React.useEffect(() => {
-      le(p);
+      re(p);
     }, [p]), React.useEffect(() => {
-      ne(m);
+      ce(m);
     }, [m]), React.useEffect(() => {
-      ie(E);
-    }, [E]), React.useEffect(() => {
-      ae(g);
+      se(g);
     }, [g]), React.useEffect(() => {
       ue(_);
     }, [_]), React.useEffect(() => {
-      ve(A);
+      pe(A);
     }, [A]), React.useEffect(() => {
-      be(b);
-    }, [b]), React.useEffect(() => {
-      ge.current !== M && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
-    }, [M]), React.useEffect(() => {
+      me(O);
+    }, [O]), React.useEffect(() => {
+      Se(S);
+    }, [S]), React.useEffect(() => {
+      Oe.current !== W && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
+    }, [W]), React.useEffect(() => {
       "undefined" != typeof window && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", {
         detail: {
-          disableCore: "core" === M,
-          disableBase: M
+          disableCore: "core" === W,
+          disableBase: W
         }
       }));
     }, []), React.useEffect(() => {
       var e;
-      const o = new Set(_e);
+      const o = new Set(Te);
       let n = r;
       if (!n && t && (n = `[data-tooltip-id='${t}']`), n) try {
         document.querySelectorAll(n).forEach(e => {
@@ -51294,13 +51310,13 @@ const I = ({
       if (c && o.add({
         current: c
       }), !o.size) return () => null;
-      const i = null !== (e = null != Se ? Se : c) && void 0 !== e ? e : Ae.current,
+      const i = null !== (e = null != _e ? _e : c) && void 0 !== e ? e : ke.current,
         s = new MutationObserver(e => {
           e.forEach(e => {
             var t;
             if (!i || "attributes" !== e.type || !(null === (t = e.attributeName) || void 0 === t ? void 0 : t.startsWith("data-tooltip-"))) return;
-            const o = Oe(i);
-            Te(o);
+            const o = Le(i);
+            Ce(o);
           });
         }),
         a = {
@@ -51309,75 +51325,75 @@ const I = ({
           subtree: !1
         };
       if (i) {
-        const e = Oe(i);
-        Te(e), s.observe(i, a);
+        const e = Le(i);
+        Ce(e), s.observe(i, a);
       }
       return () => {
         s.disconnect();
       };
-    }, [_e, Ae, Se, l, r]), React.useEffect(() => {
-      (null == D ? void 0 : D.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), W && !z("border", `${W}`) && console.warn(`[react-tooltip] "${W}" is not a valid \`border\`.`), (null == D ? void 0 : D.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), P && !z("opacity", `${P}`) && console.warn(`[react-tooltip] "${P}" is not a valid \`opacity\`.`);
+    }, [Te, ke, _e, l, r]), React.useEffect(() => {
+      (null == q ? void 0 : q.border) && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), P && !z("border", `${P}`) && console.warn(`[react-tooltip] "${P}" is not a valid \`border\`.`), (null == q ? void 0 : q.opacity) && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), F && !z("opacity", `${F}`) && console.warn(`[react-tooltip] "${F}" is not a valid \`opacity\`.`);
     }, []);
-    let ke = y;
-    const Le = React.useRef(null);
+    let Re = h;
+    const xe = React.useRef(null);
     if (a) {
       const t = a({
-        content: null != V ? V : null,
-        activeAnchor: Se
+        content: null != Z ? Z : null,
+        activeAnchor: _e
       });
-      ke = t ? React__default["default"].createElement("div", {
-        ref: Le,
+      Re = t ? React__default["default"].createElement("div", {
+        ref: xe,
         className: "react-tooltip-content-wrapper"
       }, t) : null;
-    } else V && (ke = V);
-    J && (ke = React__default["default"].createElement(B, {
-      content: J
+    } else Z && (Re = Z);
+    Q && (Re = React__default["default"].createElement(B, {
+      content: Q
     }));
-    const Ce = {
-      forwardRef: G,
+    const Ne = {
+      forwardRef: V,
       id: t,
       anchorId: l,
       anchorSelect: r,
-      className: d,
-      classNameArrow: u,
-      content: ke,
-      contentWrapperRef: Le,
-      place: ee,
-      variant: oe,
-      offset: re,
-      wrapper: me,
-      events: ye,
-      openOnClick: w,
-      positionStrategy: we,
-      middlewares: S,
-      delayShow: ce,
-      delayHide: se,
+      className: classnames(u, Ee),
+      classNameArrow: d,
+      content: Re,
+      contentWrapperRef: xe,
+      place: te,
+      variant: le,
+      offset: ne,
+      wrapper: fe,
+      events: he,
+      openOnClick: b,
+      positionStrategy: be,
+      middlewares: E,
+      delayShow: ie,
+      delayHide: ae,
       float: de,
-      hidden: pe,
-      noArrow: O,
-      clickable: T,
-      closeOnEsc: L,
-      closeOnScroll: C,
-      closeOnResize: R,
-      openEvents: x,
-      closeEvents: N,
-      globalCloseEvents: $,
-      imperativeModeOnly: j,
-      style: D,
-      position: q,
-      isOpen: H,
-      border: W,
-      opacity: P,
-      arrowColor: F,
-      setIsOpen: K,
-      afterShow: U,
-      afterHide: X,
-      activeAnchor: Se,
-      setActiveAnchor: e => Ee(e),
-      role: Y
+      hidden: ve,
+      noArrow: T,
+      clickable: L,
+      closeOnEsc: C,
+      closeOnScroll: R,
+      closeOnResize: x,
+      openEvents: N,
+      closeEvents: $,
+      globalCloseEvents: j,
+      imperativeModeOnly: D,
+      style: q,
+      position: H,
+      isOpen: M,
+      border: P,
+      opacity: F,
+      arrowColor: K,
+      setIsOpen: U,
+      afterShow: X,
+      afterHide: Y,
+      activeAnchor: _e,
+      setActiveAnchor: e => Ae(e),
+      role: G
     };
     return React__default["default"].createElement(I, {
-      ...Ce
+      ...Ne
     });
   });
 "undefined" != typeof window && window.addEventListener("react-tooltip-inject-styles", e => {