@selfdecode/sd-component-library 4.0.117 → 4.0.119-test1

package/lib/sd-component-library100.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library198.js";
 import { Box as j } from "rebass";
 import { isPDFFlow as g } from "./sd-component-library4.js";
-import { areSegmentsValid as v } from "./sd-component-library249.js";
-import { Segment as w } from "./sd-component-library250.js";
+import { areSegmentsValid as v } from "./sd-component-library248.js";
+import { Segment as w } from "./sd-component-library249.js";
 const E = ({
   segments: x,
   outlineWidth: e = 2,

package/lib/sd-component-library101.js

@@ -1,7 +1,7 @@
 import { j as n } from "./sd-component-library198.js";
-import { areSegmentsValid as h } from "./sd-component-library249.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library251.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library252.js";
+import { areSegmentsValid as h } from "./sd-component-library248.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library250.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library251.js";
 const C = ({
   segments: e,
   size: r = 70,

package/lib/sd-component-library102.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library198.js";
-import { LinearGaugeSegment as c } from "./sd-component-library253.js";
-import { LinearGaugeLabel as d } from "./sd-component-library254.js";
+import { LinearGaugeSegment as c } from "./sd-component-library252.js";
+import { LinearGaugeLabel as d } from "./sd-component-library253.js";
 import { GridCenter as f } from "./sd-component-library43.js";
 import { GridContainerV2 as h } from "./sd-component-library40.js";
 function $(l) {

package/lib/sd-component-library103.js

@@ -1,9 +1,9 @@
 import { j as e } from "./sd-component-library198.js";
-import { isMatchingRange as u } from "./sd-component-library255.js";
+import { isMatchingRange as u } from "./sd-component-library254.js";
 import { GridCenter as c } from "./sd-component-library43.js";
 import { GridContainerV2 as f } from "./sd-component-library40.js";
-import { LinearGaugeSegment as d } from "./sd-component-library253.js";
-import { LinearGaugeLabel as j } from "./sd-component-library254.js";
+import { LinearGaugeSegment as d } from "./sd-component-library252.js";
+import { LinearGaugeLabel as j } from "./sd-component-library253.js";
 const M = ({
   gap: i = 3,
   segmentHeight: l = 8,

package/lib/sd-component-library106.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library198.js";
 import { useDependantState as j } from "./sd-component-library3.js";
-import { SquareButton as g } from "./sd-component-library258.js";
+import { SquareButton as g } from "./sd-component-library262.js";
 import { ReactComponent as P } from "./sd-component-library259.js";
-import { CurrentPage as h } from "./sd-component-library260.js";
+import { CurrentPage as h } from "./sd-component-library263.js";
 import { ReactComponent as S } from "./sd-component-library261.js";
 import { GridCenter as R } from "./sd-component-library43.js";
 function x(m, t, o, n) {

package/lib/sd-component-library108.js

@@ -1,7 +1,7 @@
 import { j as e } from "./sd-component-library198.js";
-import { PaginationBarButton as i } from "./sd-component-library262.js";
+import { PaginationBarButton as i } from "./sd-component-library258.js";
 import { ReactComponent as h } from "./sd-component-library259.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library263.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library260.js";
 import { ReactComponent as f } from "./sd-component-library261.js";
 import { GridContainerV2 as s } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library152.js";

package/lib/sd-component-library114.js

@@ -3,7 +3,7 @@ import { useMemo as P } from "react";
 import { Select as Z } from "@rebass/forms";
 import { Box as q } from "rebass";
 import { useDependantState as G } from "./sd-component-library3.js";
-import { BaseLabel as J } from "./sd-component-library226.js";
+import { BaseLabel as J } from "./sd-component-library228.js";
 import { MaxMaxContainer as K } from "./sd-component-library42.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library152.js";
 const U = (s, r, t, d, a, n) => {

package/lib/sd-component-library119.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ReactComponent as j } from "./sd-component-library189.js";
-import { CustomOptionBox as C } from "./sd-component-library270.js";
+import { CustomOptionBox as C } from "./sd-component-library265.js";
 import { GridCenter as S } from "./sd-component-library43.js";
 import { EighteenRegular as d } from "./sd-component-library144.js";
 import { HorizontalDivider as _ } from "./sd-component-library50.js";

package/lib/sd-component-library120.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library198.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library226.js";
+import { BaseLabel as f } from "./sd-component-library228.js";
 import { OutsideClickBox as u } from "./sd-component-library12.js";
 import { ReactComponent as h } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library271.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library264.js";
 import { GridContainerV2 as g } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library152.js";
 import { FlexCenter as j } from "./sd-component-library36.js";

package/lib/sd-component-library122.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library189.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library152.js";
 import { BaseTextV2 as u } from "./sd-component-library140.js";
 import { FlexCenter as h } from "./sd-component-library36.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library271.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library264.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library123.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library198.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library272.js";
+import { BaseSelectorV2 as u } from "./sd-component-library266.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library128.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library198.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library226.js";
+import { BaseLabel as f } from "./sd-component-library228.js";
 import { ReactComponent as u } from "./sd-component-library189.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library267.js";
 import { GridContainerV2 as S } from "./sd-component-library40.js";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library152.js";

package/lib/sd-component-library129.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library198.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library12.js";
-import { BaseLabel as u } from "./sd-component-library226.js";
+import { BaseLabel as u } from "./sd-component-library228.js";
 import { ReactComponent as f } from "./sd-component-library189.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library274.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library268.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library152.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library131.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library198.js";
 import { IconButton as s } from "./sd-component-library23.js";
-import { ReactComponent as c } from "./sd-component-library205.js";
+import { ReactComponent as c } from "./sd-component-library206.js";
 import { EighteenBold as p } from "./sd-component-library143.js";
 import { GridCenter as g } from "./sd-component-library43.js";
 const C = ({

package/lib/sd-component-library135.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library198.js";
 import { useState as y } from "react";
 import { Flex as m } from "rebass";
 import { useBoundingClientRect as x } from "./sd-component-library3.js";
-import { ArrowButton as l } from "./sd-component-library265.js";
-import { Mask as p } from "./sd-component-library266.js";
-import { Tab as A } from "./sd-component-library267.js";
+import { ArrowButton as l } from "./sd-component-library269.js";
+import { Mask as p } from "./sd-component-library270.js";
+import { Tab as A } from "./sd-component-library271.js";
 import { HorizontalDivider as E } from "./sd-component-library50.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library136.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library198.js";
 import { Box as w, Flex as s } from "rebass";
-import { TabV2 as T } from "./sd-component-library264.js";
+import { TabV2 as T } from "./sd-component-library274.js";
 import { GridContainerV2 as G } from "./sd-component-library40.js";
 const h = 25, b = ({
   tabs: e,

package/lib/sd-component-library138.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library198.js";
 import { useRef as v, useState as w, useEffect as m } from "react";
 import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library268.js";
-import { Tab as j } from "./sd-component-library269.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library272.js";
+import { Tab as j } from "./sd-component-library273.js";
 import { VerticalDivider as E } from "./sd-component-library51.js";
 import { BaseGridContainer as y } from "./sd-component-library37.js";
 import { MaxMaxContainer as L } from "./sd-component-library42.js";

package/lib/sd-component-library16.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library198.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library206.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library202.js";
 import { GridCenter as d } from "./sd-component-library43.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library169.js

@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library189.js";
 import { TriangularPointerIcon as u } from "./sd-component-library192.js";
-import { ActionBox as g } from "./sd-component-library229.js";
+import { ActionBox as g } from "./sd-component-library255.js";
 import { HorizontalDivider as n } from "./sd-component-library50.js";
 const B = (x) => {
   const {

package/lib/sd-component-library170.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library198.js";
 import { Box as m } from "rebass";
 import { BaseTooltip as c } from "./sd-component-library171.js";
-import { ReactComponent as f } from "./sd-component-library276.js";
+import { ReactComponent as f } from "./sd-component-library275.js";
 const T = (i) => {
   const {
     tooltipText: n,

package/lib/sd-component-library173.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library198.js";
 import w, { useRef as c, useEffect as y } from "react";
 import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library276.js";
+import { ReactComponent as g } from "./sd-component-library275.js";
 const E = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library174.js

@@ -2,11 +2,12 @@ import { j as o } from "./sd-component-library198.js";
 import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library256.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library277.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library278.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library279.js";
-const f = 200, J = (u) => {
+import { isIOS as E } from "./sd-component-library4.js";
+import M from "./sd-component-library256.js";
+import { TooltipWithPointerMobile as V } from "./sd-component-library276.js";
+import { TooltipWithPointerHorizontal as D } from "./sd-component-library277.js";
+import { TooltipWithPointerVertical as I } from "./sd-component-library278.js";
+const f = 200, N = (u) => {
   const {
     children: x,
     placement: s = "right",
@@ -14,20 +15,23 @@ const f = 200, J = (u) => {
     pointerSize: d = 5,
     tooltipPx: P = "10px",
     tooltipPy: T = "5px",
-    tooltipWidth: j = "max-content",
-    tooltipVisible: S,
+    tooltipWidth: S = "max-content",
+    tooltipVisible: j,
     containerSx: b,
     pointerSx: k,
     showMobileVersion: l,
     mobileTitle: w,
-    stopPropagation: R,
-    zIndex: W = 10,
+    stopPropagation: O,
+    zIndex: R = 10,
     pointerColor: p = "cl_purple",
     ...r
-  } = u, { isDesktop: g } = B(), t = l !== void 0 ? l : !g, [c, O] = y(!1), v = (n) => {
-    R && n.stopPropagation(), O((e) => !e);
-  }, i = a(null), m = a(null);
-  return C(m.current, t && c), /* @__PURE__ */ o.jsxs(
+  } = u, { isDesktop: W } = B(), t = l !== void 0 ? l : !W, [m, g] = y(!1), v = (n) => {
+    O && n.stopPropagation(), g((e) => !e);
+  }, i = a(null), c = a(null);
+  return C(
+    c.current,
+    t && m && !E()
+  ), /* @__PURE__ */ o.jsxs(
     z,
     {
       sx: {
@@ -35,15 +39,15 @@ const f = 200, J = (u) => {
         position: "relative",
         ...b
       },
-      ref: m,
+      ref: c,
       onClick: t ? v : void 0,
       "data-test": "tooltip-with-pointer",
       children: [
         x,
         /* @__PURE__ */ o.jsx(
-          E,
+          M,
           {
-            in: t ? c : S,
+            in: t ? m : j,
             timeout: { enter: 0, exit: f },
             mountOnEnter: !0,
             unmountOnExit: !0,
@@ -56,29 +60,29 @@ const f = 200, J = (u) => {
                 pointerSize: d,
                 tooltipPx: P,
                 tooltipPy: T,
-                tooltipWidth: j,
+                tooltipWidth: S,
                 tooltipOffset: h,
                 pointerSx: k,
                 pointerColor: p
               };
               return t ? /* @__PURE__ */ o.jsx(
-                M,
+                V,
                 {
                   ...r,
-                  zIndex: W,
+                  zIndex: R,
                   mobileTitle: w,
                   pointerColor: p,
                   ref: i
                 }
               ) : ["left", "right"].includes(s) ? /* @__PURE__ */ o.jsx(
-                V,
+                D,
                 {
                   ...r,
                   ...e,
                   ref: i
                 }
               ) : /* @__PURE__ */ o.jsx(
-                D,
+                I,
                 {
                   ...r,
                   ...e,
@@ -93,6 +97,6 @@ const f = 200, J = (u) => {
   );
 };
 export {
-  J as TooltipWithPointer
+  N as TooltipWithPointer
 };
 //# sourceMappingURL=sd-component-library174.js.map

package/lib/sd-component-library174.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library174.js","sources":["../src/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock, useBreakPoints } from \"../../../core/custom-hooks\";\nimport { TooltipWithPointerProps as Props } from \"./interfaces\";\nimport {\n  TooltipWithPointerHorizontal,\n  TooltipWithPointerMobile,\n  TooltipWithPointerVertical,\n} from \"./partials\";\n\nconst animationDuration = 200;\n\nexport const TooltipWithPointer: React.FC<Props> = (props) => {\n  const {\n    children,\n    placement = \"right\",\n    tooltipOffset = 5,\n    pointerSize = 5,\n    tooltipPx = \"10px\",\n    tooltipPy = \"5px\",\n    tooltipWidth = \"max-content\",\n    tooltipVisible,\n    containerSx,\n    pointerSx,\n    showMobileVersion,\n    mobileTitle,\n    stopPropagation,\n    zIndex = 10,\n    pointerColor = \"cl_purple\",\n    ...restOfProps\n  } = props;\n\n  const { isDesktop } = useBreakPoints();\n  const useMobileStyle =\n    showMobileVersion !== undefined ? showMobileVersion : !isDesktop;\n\n  const [showTooltip, setShowTooltip] = useState(false);\n  const onTooltipClick: React.MouseEventHandler = (event) => {\n    stopPropagation && event.stopPropagation();\n    setShowTooltip((prev) => !prev);\n  };\n\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useBodyScrollLock(containerRef.current, useMobileStyle && showTooltip);\n\n  return (\n    <Box\n      sx={{\n        width: \"max-content\",\n        position: \"relative\",\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onClick={useMobileStyle ? onTooltipClick : undefined}\n      data-test=\"tooltip-with-pointer\"\n    >\n      {children}\n\n      <Transition\n        in={useMobileStyle ? showTooltip : tooltipVisible}\n        timeout={{ enter: 0, exit: animationDuration }}\n        mountOnEnter\n        unmountOnExit\n        nodeRef={tooltipRef}\n      >\n        {(state) => {\n          const commonProps = {\n            placement,\n            animationDuration,\n            state,\n            pointerSize,\n            tooltipPx,\n            tooltipPy,\n            tooltipWidth,\n            tooltipOffset,\n            pointerSx,\n            pointerColor,\n          };\n\n          return useMobileStyle ? (\n            <TooltipWithPointerMobile\n              {...restOfProps}\n              zIndex={zIndex}\n              mobileTitle={mobileTitle}\n              pointerColor={pointerColor}\n              ref={tooltipRef}\n            />\n          ) : [\"left\", \"right\"].includes(placement) ? (\n            <TooltipWithPointerHorizontal\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          ) : (\n            <TooltipWithPointerVertical\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          );\n        }}\n      </Transition>\n    </Box>\n  );\n};\n"],"names":["animationDuration","TooltipWithPointer","props","children","placement","tooltipOffset","pointerSize","tooltipPx","tooltipPy","tooltipWidth","tooltipVisible","containerSx","pointerSx","showMobileVersion","mobileTitle","stopPropagation","zIndex","pointerColor","restOfProps","isDesktop","useBreakPoints","useMobileStyle","showTooltip","setShowTooltip","useState","onTooltipClick","event","prev","tooltipRef","useRef","containerRef","useBodyScrollLock","jsxs","Box","jsx","Transition","state","commonProps","TooltipWithPointerMobile","TooltipWithPointerHorizontal","TooltipWithPointerVertical"],"mappings":";;;;;;;;AAaA,MAAMA,IAAoB,KAEbC,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,WAAAiB,MAAcC,KAChBC,IACJR,MAAsB,SAAYA,IAAoB,CAACM,GAEnD,CAACG,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAA0C,CAACC,MAAU;AACzD,IAAAX,KAAmBW,EAAM,mBACVH,EAAA,CAACI,MAAS,CAACA,CAAI;AAAA,EAAA,GAG1BC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI;AAC9B,SAAAE,EAAAD,EAAa,SAAST,KAAkBC,CAAW,GAGnEU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,GAAGtB;AAAA,MACL;AAAA,MACA,KAAKmB;AAAA,MACL,SAAST,IAAiBI,IAAiB;AAAA,MAC3C,aAAU;AAAA,MAET,UAAA;AAAA,QAAAtB;AAAA,QAED+B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAId,IAAiBC,IAAcZ;AAAA,YACnC,SAAS,EAAE,OAAO,GAAG,MAAMV,EAAkB;AAAA,YAC7C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,SAAS4B;AAAA,YAER,WAACQ,MAAU;AACV,oBAAMC,IAAc;AAAA,gBAClB,WAAAjC;AAAA,gBACA,mBAAAJ;AAAA,gBACA,OAAAoC;AAAA,gBACA,aAAA9B;AAAA,gBACA,WAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,cAAAC;AAAA,gBACA,eAAAJ;AAAA,gBACA,WAAAO;AAAA,gBACA,cAAAK;AAAA,cAAA;AAGF,qBAAOI,IACLa,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGpB;AAAA,kBACJ,QAAAF;AAAA,kBACA,aAAAF;AAAA,kBACA,cAAAG;AAAA,kBACA,KAAKW;AAAA,gBAAA;AAAA,cAAA,IAEL,CAAC,QAAQ,OAAO,EAAE,SAASxB,CAAS,IACtC8B,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGrB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA,IAGPM,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACE,GAAGtB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library174.js","sources":["../src/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock, useBreakPoints } from \"../../../core/custom-hooks\";\nimport { isIOS } from \"../../../core/functions\";\nimport { TooltipWithPointerProps as Props } from \"./interfaces\";\nimport {\n  TooltipWithPointerHorizontal,\n  TooltipWithPointerMobile,\n  TooltipWithPointerVertical,\n} from \"./partials\";\n\nconst animationDuration = 200;\n\nexport const TooltipWithPointer: React.FC<Props> = (props) => {\n  const {\n    children,\n    placement = \"right\",\n    tooltipOffset = 5,\n    pointerSize = 5,\n    tooltipPx = \"10px\",\n    tooltipPy = \"5px\",\n    tooltipWidth = \"max-content\",\n    tooltipVisible,\n    containerSx,\n    pointerSx,\n    showMobileVersion,\n    mobileTitle,\n    stopPropagation,\n    zIndex = 10,\n    pointerColor = \"cl_purple\",\n    ...restOfProps\n  } = props;\n\n  const { isDesktop } = useBreakPoints();\n  const useMobileStyle =\n    showMobileVersion !== undefined ? showMobileVersion : !isDesktop;\n\n  const [showTooltip, setShowTooltip] = useState(false);\n  const onTooltipClick: React.MouseEventHandler = (event) => {\n    stopPropagation && event.stopPropagation();\n    setShowTooltip((prev) => !prev);\n  };\n\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useBodyScrollLock(\n    containerRef.current,\n    useMobileStyle && showTooltip && !isIOS()\n  );\n\n  return (\n    <Box\n      sx={{\n        width: \"max-content\",\n        position: \"relative\",\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onClick={useMobileStyle ? onTooltipClick : undefined}\n      data-test=\"tooltip-with-pointer\"\n    >\n      {children}\n\n      <Transition\n        in={useMobileStyle ? showTooltip : tooltipVisible}\n        timeout={{ enter: 0, exit: animationDuration }}\n        mountOnEnter\n        unmountOnExit\n        nodeRef={tooltipRef}\n      >\n        {(state) => {\n          const commonProps = {\n            placement,\n            animationDuration,\n            state,\n            pointerSize,\n            tooltipPx,\n            tooltipPy,\n            tooltipWidth,\n            tooltipOffset,\n            pointerSx,\n            pointerColor,\n          };\n\n          return useMobileStyle ? (\n            <TooltipWithPointerMobile\n              {...restOfProps}\n              zIndex={zIndex}\n              mobileTitle={mobileTitle}\n              pointerColor={pointerColor}\n              ref={tooltipRef}\n            />\n          ) : [\"left\", \"right\"].includes(placement) ? (\n            <TooltipWithPointerHorizontal\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          ) : (\n            <TooltipWithPointerVertical\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          );\n        }}\n      </Transition>\n    </Box>\n  );\n};\n"],"names":["animationDuration","TooltipWithPointer","props","children","placement","tooltipOffset","pointerSize","tooltipPx","tooltipPy","tooltipWidth","tooltipVisible","containerSx","pointerSx","showMobileVersion","mobileTitle","stopPropagation","zIndex","pointerColor","restOfProps","isDesktop","useBreakPoints","useMobileStyle","showTooltip","setShowTooltip","useState","onTooltipClick","event","prev","tooltipRef","useRef","containerRef","useBodyScrollLock","isIOS","jsxs","Box","jsx","Transition","state","commonProps","TooltipWithPointerMobile","TooltipWithPointerHorizontal","TooltipWithPointerVertical"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAoB,KAEbC,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,WAAAiB,MAAcC,KAChBC,IACJR,MAAsB,SAAYA,IAAoB,CAACM,GAEnD,CAACG,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAA0C,CAACC,MAAU;AACzD,IAAAX,KAAmBW,EAAM,mBACVH,EAAA,CAACI,MAAS,CAACA,CAAI;AAAA,EAAA,GAG1BC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI;AAChD,SAAAE;AAAA,IACED,EAAa;AAAA,IACbT,KAAkBC,KAAe,CAACU,EAAM;AAAA,EAAA,GAIxCC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,GAAGvB;AAAA,MACL;AAAA,MACA,KAAKmB;AAAA,MACL,SAAST,IAAiBI,IAAiB;AAAA,MAC3C,aAAU;AAAA,MAET,UAAA;AAAA,QAAAtB;AAAA,QAEDgC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIf,IAAiBC,IAAcZ;AAAA,YACnC,SAAS,EAAE,OAAO,GAAG,MAAMV,EAAkB;AAAA,YAC7C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,SAAS4B;AAAA,YAER,WAACS,MAAU;AACV,oBAAMC,IAAc;AAAA,gBAClB,WAAAlC;AAAA,gBACA,mBAAAJ;AAAA,gBACA,OAAAqC;AAAA,gBACA,aAAA/B;AAAA,gBACA,WAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,cAAAC;AAAA,gBACA,eAAAJ;AAAA,gBACA,WAAAO;AAAA,gBACA,cAAAK;AAAA,cAAA;AAGF,qBAAOI,IACLc,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGrB;AAAA,kBACJ,QAAAF;AAAA,kBACA,aAAAF;AAAA,kBACA,cAAAG;AAAA,kBACA,KAAKW;AAAA,gBAAA;AAAA,cAAA,IAEL,CAAC,QAAQ,OAAO,EAAE,SAASxB,CAAS,IACtC+B,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGtB;AAAA,kBACH,GAAGoB;AAAA,kBACJ,KAAKV;AAAA,gBAAA;AAAA,cAAA,IAGPO,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACE,GAAGvB;AAAA,kBACH,GAAGoB;AAAA,kBACJ,KAAKV;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library175.js

@@ -1,7 +1,7 @@
 import { j as E } from "./sd-component-library198.js";
 import { useRef as b, useCallback as j, useEffect as l } from "react";
 import { Box as H } from "rebass";
-import { refsManager as h } from "./sd-component-library275.js";
+import { refsManager as h } from "./sd-component-library279.js";
 const Y = (m) => {
   const e = b(), {
     id: n,

package/lib/sd-component-library198.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library202.js";
-import { __require as r } from "./sd-component-library203.js";
-import { __require as o } from "./sd-component-library204.js";
+import { __module as e } from "./sd-component-library203.js";
+import { __require as r } from "./sd-component-library204.js";
+import { __require as o } from "./sd-component-library205.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library202.js

@@ -1,5 +1,60 @@
-var e = { exports: {} };
+import { j as t } from "./sd-component-library198.js";
+import { Crumb as c } from "./sd-component-library17.js";
+const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    variant: h,
+    crumb: { title: e, dontTranslate: r },
+    isLast: o === s.length - 1,
+    textTransform: p,
+    onClick: u
+  },
+  e + o
+)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
+      },
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
+  }), e;
+};
 export {
-  e as __module
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library202.js.map

package/lib/sd-component-library202.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library202.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library202.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library203.js

@@ -1,33 +1,5 @@
-import { __exports as t } from "./sd-component-library280.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p)
-    return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r)
-      c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps)
-      for (e in r = o.defaultProps, r)
-        n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+var e = { exports: {} };
 export {
-  v as __require
+  e as __module
 };
 //# sourceMappingURL=sd-component-library203.js.map

package/lib/sd-component-library203.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library203.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library203.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}