@caseparts-org/caseblocks 0.0.53 → 0.0.54

package/dist/molecules/Cart/Cart.js

@@ -7,35 +7,37 @@ import { Tooltip as f } from "../Tooltip/Tooltip.js";
 import { Pricing as v } from "../Pricing/Pricing.js";
 import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
 import { Availability as b } from "../Availability/Availability.js";
-import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9", C = "_cartTooltip_1uglw_24", z = "_cartContainer_1uglw_27", x = "_cartItems_1uglw_35", k = "_topRow_1uglw_57", T = "_itemInfo_1uglw_63", L = "_purchaseInformation_1uglw_68", M = "_itemManagement_1uglw_75", R = "_removeItem_1uglw_93", P = "_noItems_1uglw_101", S = "_subtotal_1uglw_108", i = {
+import '../../assets/Cart.css';const y = "_cart_1uglw_2", N = "_count_1uglw_9", z = "_cartTooltip_1uglw_24", C = "_cartContainer_1uglw_27", k = "_cartItems_1uglw_35", x = "_topRow_1uglw_57", T = "_itemInfo_1uglw_63", R = "_purchaseInformation_1uglw_68", L = "_itemManagement_1uglw_75", M = "_removeItem_1uglw_93", P = "_noItems_1uglw_101", S = "_subtotal_1uglw_108", i = {
   cart: y,
   count: N,
-  cartTooltip: C,
-  cartContainer: z,
-  cartItems: x,
-  topRow: k,
+  cartTooltip: z,
+  cartContainer: C,
+  cartItems: k,
+  topRow: x,
   itemInfo: T,
-  purchaseInformation: L,
-  itemManagement: M,
-  removeItem: R,
+  purchaseInformation: R,
+  itemManagement: L,
+  removeItem: M,
   noItems: P,
   subtotal: S
 };
-function U({
+function O({
   cart: n,
-  onItemQtyChange: c,
-  onItemDelete: m,
+  onItemQtyChange: m,
+  onItemDelete: c,
   onCheckout: l,
   subtotal: r,
   contactHref: d,
-  contactLinkBehavior: h,
-  itemPriceLabel: p,
+  contactLinkBehavior: p,
+  itemPriceLabel: h,
   ...u
 }) {
   return n = n || { items: [] }, /* @__PURE__ */ t(
     f,
     {
       tooltipClassName: i.cartTooltip,
+      repositionOnResize: !0,
+      keepTooltipInside: !0,
       trigger: /* @__PURE__ */ o("button", { className: i.cart, tabIndex: 0, ...u, children: [
         /* @__PURE__ */ t(
           s,
@@ -47,7 +49,7 @@ function U({
         ),
         n.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: n.items.length }) })
       ] }),
-      position: "bottom center",
+      position: "bottom left",
       on: "click",
       children: /* @__PURE__ */ o("div", { className: i.cartContainer, children: [
         /* @__PURE__ */ t(a, { size: "2xl", children: "Cart" }),
@@ -63,7 +65,7 @@ function U({
                     e.itemId
                   ] })
                 ] }),
-                /* @__PURE__ */ t("button", { onClick: () => m(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+                /* @__PURE__ */ t("button", { onClick: () => c(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
               ] }),
               /* @__PURE__ */ o("div", { className: i.itemManagement, children: [
                 /* @__PURE__ */ o("div", { className: i.purchaseInformation, children: [
@@ -73,12 +75,12 @@ function U({
                       availId: e.availabilityId || "",
                       availDescription: e.availability || "",
                       contactHref: d || "",
-                      contactLinkBehavior: h || "new-tab"
+                      contactLinkBehavior: p || "new-tab"
                     }
                   ),
-                  /* @__PURE__ */ t(v, { pricingLabel: p || "List Price", price: e.price })
+                  /* @__PURE__ */ t(v, { pricingLabel: h || "List Price", price: e.price })
                 ] }),
-                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => c(e, g), size: "sm" })
+                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (g) => m(e, g), size: "sm" })
               ] })
             ] })
           ] }, e.id)
@@ -93,5 +95,5 @@ function U({
   );
 }
 export {
-  U as ShoppingCart
+  O as ShoppingCart
 };

package/dist/molecules/Tooltip/Tooltip.js

@@ -574,7 +574,7 @@ var Ze = function(a, c) {
 }, lt = /* @__PURE__ */ Xe(function(s, a) {
   var c = s.trigger, o = c === void 0 ? null : c, f = s.onOpen, d = f === void 0 ? function() {
   } : f, p = s.onClose, m = p === void 0 ? function() {
-  } : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, i = e === void 0 ? !1 : e, y = s.nested, v = y === void 0 ? !1 : y, w = s.closeOnDocumentClick, R = w === void 0 ? !0 : w, k = s.repositionOnResize, we = k === void 0 ? !0 : k, W = s.closeOnEscape, Te = W === void 0 ? !0 : W, J = s.on, I = J === void 0 ? ["click"] : J, Q = s.contentStyle, Re = Q === void 0 ? {} : Q, Z = s.arrowStyle, X = Z === void 0 ? {} : Z, B = s.overlayStyle, De = B === void 0 ? {} : B, ee = s.className, A = ee === void 0 ? "" : ee, te = s.position, ke = te === void 0 ? "bottom center" : te, re = s.modal, ne = re === void 0 ? !1 : re, oe = s.lockScroll, ie = oe === void 0 ? !1 : oe, ae = s.arrow, F = ae === void 0 ? !0 : ae, se = s.offsetX, Ce = se === void 0 ? 0 : se, ce = s.offsetY, Le = ce === void 0 ? 0 : ce, le = s.mouseEnterDelay, Pe = le === void 0 ? 100 : le, ue = s.mouseLeaveDelay, Me = ue === void 0 ? 100 : ue, fe = s.keepTooltipInside, Ae = fe === void 0 ? !1 : fe, z = s.children, de = Fe(r || t), D = de[0], pe = de[1], C = N(null), b = N(null), P = N(null), ye = N(null), ve = N("popup-" + ++st), S = ne ? !0 : !o, j = N(0);
+  } : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, i = e === void 0 ? !1 : e, y = s.nested, v = y === void 0 ? !1 : y, w = s.closeOnDocumentClick, R = w === void 0 ? !0 : w, k = s.repositionOnResize, we = k === void 0 ? !0 : k, W = s.closeOnEscape, Te = W === void 0 ? !0 : W, J = s.on, I = J === void 0 ? ["click"] : J, Q = s.contentStyle, Re = Q === void 0 ? {} : Q, Z = s.arrowStyle, X = Z === void 0 ? {} : Z, B = s.overlayStyle, De = B === void 0 ? {} : B, ee = s.className, P = ee === void 0 ? "" : ee, te = s.position, ke = te === void 0 ? "bottom center" : te, re = s.modal, ne = re === void 0 ? !1 : re, oe = s.lockScroll, ie = oe === void 0 ? !1 : oe, ae = s.arrow, F = ae === void 0 ? !0 : ae, se = s.offsetX, Ce = se === void 0 ? 0 : se, ce = s.offsetY, Le = ce === void 0 ? 0 : ce, le = s.mouseEnterDelay, Me = le === void 0 ? 100 : le, ue = s.mouseLeaveDelay, Ae = ue === void 0 ? 100 : ue, fe = s.keepTooltipInside, Pe = fe === void 0 ? !1 : fe, z = s.children, de = Fe(r || t), D = de[0], pe = de[1], C = N(null), b = N(null), M = N(null), ye = N(null), ve = N("popup-" + ++st), S = ne ? !0 : !o, j = N(0);
   rt(function() {
     return D ? (ye.current = document.activeElement, ge(), je(), xe()) : Ie(), function() {
       clearTimeout(j.current);
@@ -596,13 +596,13 @@ var Ze = function(a, c) {
   }, G = function(u) {
     clearTimeout(j.current), j.current = setTimeout(function() {
       return U(u);
-    }, Pe);
+    }, Me);
   }, Ne = function(u) {
     u == null || u.preventDefault(), V();
   }, q = function(u) {
     clearTimeout(j.current), j.current = setTimeout(function() {
       return L(u);
-    }, Me);
+    }, Ae);
   }, xe = function() {
     S && ie && (document.getElementsByTagName("body")[0].style.overflow = "hidden");
   }, Ie = function() {
@@ -629,10 +629,10 @@ var Ze = function(a, c) {
       var u = C.current.getBoundingClientRect(), _ = b.current.getBoundingClientRect(), g = at(u, _, ke, F, {
         offsetX: Ce,
         offsetY: Le
-      }, Ae);
-      if (b.current.style.top = g.top + window.scrollY + "px", b.current.style.left = g.left + window.scrollX + "px", F && P.current) {
-        var M, $;
-        P.current.style.transform = g.transform, P.current.style.setProperty("-ms-transform", g.transform), P.current.style.setProperty("-webkit-transform", g.transform), P.current.style.top = ((M = X.top) === null || M === void 0 ? void 0 : M.toString()) || g.arrowTop, P.current.style.left = (($ = X.left) === null || $ === void 0 ? void 0 : $.toString()) || g.arrowLeft;
+      }, Pe);
+      if (b.current.style.top = g.top + window.scrollY + "px", b.current.style.left = g.left + window.scrollX + "px", F && M.current) {
+        var A, $;
+        M.current.style.transform = g.transform, M.current.style.setProperty("-ms-transform", g.transform), M.current.style.setProperty("-webkit-transform", g.transform), M.current.style.top = ((A = X.top) === null || A === void 0 ? void 0 : A.toString()) || g.arrowTop, M.current.style.left = (($ = X.left) === null || $ === void 0 ? void 0 : $.toString()) || g.arrowLeft;
       }
     }
   };
@@ -642,7 +642,7 @@ var Ze = function(a, c) {
       key: "T",
       ref: C,
       "aria-describedby": ve.current
-    }, _ = Array.isArray(I) ? I : [I], g = 0, M = _.length; g < M; g++)
+    }, _ = Array.isArray(I) ? I : [I], g = 0, A = _.length; g < A; g++)
       switch (_[g]) {
         case "click":
           u.onClick = V;
@@ -664,15 +664,15 @@ var Ze = function(a, c) {
     return !!o && T.cloneElement(o, u);
   }, He = function() {
     var u = S ? H.popupContent.modal : H.popupContent.tooltip, _ = {
-      className: "popup-content " + (A !== "" ? A.split(" ").map(function(g) {
+      className: "popup-content " + (P !== "" ? P.split(" ").map(function(g) {
         return g + "-content";
       }).join(" ") : ""),
       style: Y({}, u, Re, {
         pointerEvents: "auto"
       }),
       ref: b,
-      onClick: function(M) {
-        M.stopPropagation();
+      onClick: function(A) {
+        A.stopPropagation();
       }
     };
     return !ne && I.indexOf("hover") >= 0 && (_.onMouseEnter = G, _.onMouseLeave = q), _;
@@ -682,11 +682,11 @@ var Ze = function(a, c) {
       role: S ? "dialog" : "tooltip",
       id: ve.current
     }), F && !S && T.createElement("div", {
-      ref: P,
+      ref: M,
       style: H.popupArrow
     }, T.createElement("svg", {
       "data-testid": "arrow",
-      className: "popup-arrow " + (A !== "" ? A.split(" ").map(function(u) {
+      className: "popup-arrow " + (P !== "" ? P.split(" ").map(function(u) {
         return u + "-arrow";
       }).join(" ") : ""),
       viewBox: "0 0 32 16",
@@ -701,7 +701,7 @@ var Ze = function(a, c) {
     key: "O",
     "data-testid": "overlay",
     "data-popup": S ? "modal" : "tooltip",
-    className: "popup-overlay " + (A !== "" ? A.split(" ").map(function(h) {
+    className: "popup-overlay " + (P !== "" ? P.split(" ").map(function(h) {
       return h + "-overlay";
     }).join(" ") : ""),
     style: Y({}, ze, De, {
@@ -724,6 +724,8 @@ const ut = "_content_1wx0f_2", be = {
   {
     arrow: !0,
     on: o.on ?? "hover",
+    repositionOnResize: o.repositionOnResize ?? !0,
+    keepTooltipInside: o.keepTooltipInside ?? !0,
     ...o,
     className: Oe(be.tooltip, s),
     children: /* @__PURE__ */ he("div", { className: Oe(be.content, a), children: c })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.53",
+  "version": "0.0.54",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",