@selfdecode/sd-component-library 4.0.73-vite2 → 4.0.73-vite21

package/lib/sd-component-library165.js

@@ -0,0 +1,108 @@
+import { j as o } from "./sd-component-library195.js";
+import h from "react";
+import "./sd-component-library196.js";
+import { useHover as m } from "./sd-component-library4.js";
+import { Flex as s, Box as i } from "./sd-component-library197.js";
+import { ReactComponent as b } from "./sd-component-library187.js";
+import { HorizontalDivider as n } from "./sd-component-library52.js";
+import { TriangularPointerIcon as u } from "./sd-component-library190.js";
+import { ActionBox as g } from "./sd-component-library214.js";
+const C = (x) => {
+  const {
+    actions: e,
+    actionsBoxWidth: l = "max-content",
+    actionBoxPx: p,
+    actionBoxPy: a
+  } = x, { isHover: t, hoverCallbacks: d } = m();
+  return e.length ? /* @__PURE__ */ o.jsxs(
+    s,
+    {
+      sx: {
+        width: "fit-content",
+        position: "relative",
+        borderRadius: [!0, !0, !t, !t].map((r) => r ? "50%" : "0").join(" ")
+      },
+      ...d,
+      "data-test": "actions-tooltip",
+      children: [
+        /* @__PURE__ */ o.jsx(
+          s,
+          {
+            sx: {
+              width: "20px",
+              height: "20px",
+              justifyContent: "center",
+              alignItems: "center",
+              borderWidth: "1px",
+              borderColor: "cl_lightGrey",
+              borderRadius: "50%",
+              borderStyle: "solid",
+              svg: {
+                transform: `rotate3d(${t ? 1 : 0}, 0, 0, 180deg)`,
+                transition: "transform 0.2s",
+                width: "10px",
+                fill: "cl_blue"
+              }
+            },
+            children: /* @__PURE__ */ o.jsx(b, {})
+          }
+        ),
+        t && /* @__PURE__ */ o.jsxs(
+          i,
+          {
+            sx: {
+              position: "absolute",
+              top: "calc(100% + 12px)",
+              right: "-20px",
+              width: l
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(n, { color: "cl_purple", height: "2px" }),
+              /* @__PURE__ */ o.jsx(
+                u,
+                {
+                  direction: "top",
+                  sx: { position: "absolute", top: "-10px", right: "24px" }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    position: "absolute",
+                    width: "100%",
+                    height: "12px",
+                    left: 0,
+                    top: "-12px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    borderWidth: "1px",
+                    borderColor: "cl_lightGrey",
+                    borderStyle: "solid",
+                    borderTopStyle: "none",
+                    boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+                    borderRadius: "0 0 3px 3px",
+                    bg: "cl_white"
+                  },
+                  children: e.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(g, { ...r, px: p, py: a }),
+                    c !== e.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
+                  ] }, r.text))
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+export {
+  C as ActionsTooltip
+};
+//# sourceMappingURL=sd-component-library165.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library165.js","sources":["../src/components/tooltips/actions-tooltip/actions-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers/horizontal-divider\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { TriangularPointerIcon } from \"../../icons/triangular-pointer-icon\";\nimport { ActionsTooltipProps as Props } from \"./interfaces\";\nimport { ActionBox } from \"./partials/action-box\";\n\nexport const ActionsTooltip: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n  } = props;\n\n  const { isHover, hoverCallbacks } = useHover();\n\n  if (!actions.length) return null;\n\n  return (\n    <Flex\n      sx={{\n        width: \"fit-content\",\n        position: \"relative\",\n        borderRadius: [true, true, !isHover, !isHover]\n          .map((flag) => (flag ? \"50%\" : \"0\"))\n          .join(\" \"),\n      }}\n      {...hoverCallbacks}\n      data-test=\"actions-tooltip\"\n    >\n      <Flex\n        sx={{\n          width: \"20px\",\n          height: \"20px\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"50%\",\n          borderStyle: \"solid\",\n          svg: {\n            transform: `rotate3d(${isHover ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"transform 0.2s\",\n            width: \"10px\",\n            fill: \"cl_blue\",\n          },\n        }}\n      >\n        <ShortDownArrowIcon />\n      </Flex>\n\n      {isHover && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 12px)\",\n            right: \"-20px\",\n            width: actionsBoxWidth,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <TriangularPointerIcon\n            direction=\"top\"\n            sx={{ position: \"absolute\", top: \"-10px\", right: \"24px\" }}\n          />\n\n          <Box\n            sx={{\n              position: \"absolute\",\n              width: \"100%\",\n              height: \"12px\",\n              left: 0,\n              top: \"-12px\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox {...action} px={actionBoxPx} py={actionBoxPy} />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["ActionsTooltip","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","isHover","hoverCallbacks","useHover","jsxs","Flex","flag","jsx","ShortDownArrowIcon","Box","HorizontalDivider","TriangularPointerIcon","action","idx","React","ActionBox"],"mappings":";;;;;;;;;AAWa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,aAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAJ,GAEE,EAAE,SAAAK,GAAS,gBAAAC,EAAe,IAAIC,EAAS;AAE7C,SAAKN,EAAQ,SAGXO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc,CAAC,IAAM,IAAM,CAACJ,GAAS,CAACA,CAAO,EAC1C,IAAI,CAACK,MAAUA,IAAO,QAAQ,GAAI,EAClC,KAAK,GAAG;AAAA,MACb;AAAA,MACC,GAAGJ;AAAA,MACJ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACF;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,aAAa;AAAA,cACb,KAAK;AAAA,gBACH,WAAW,YAAYJ,IAAU,IAAI,CAAC;AAAA,gBACtC,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,MAAM;AAAA,cACR;AAAA,YACF;AAAA,YAEA,gCAACO,GAAmB,EAAA;AAAA,UAAA;AAAA,QACtB;AAAA,QAECP,KACCG,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OAAOX;AAAA,YACT;AAAA,YAEA,UAAA;AAAA,cAAAS,gBAAAA,EAAA,IAACG,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,cAElDH,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI,EAAE,UAAU,YAAY,KAAK,SAAS,OAAO,OAAO;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEAJ,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,KAAK;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,cAEAF,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,gBAAgB;AAAA,oBAChB,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,IAAI;AAAA,kBACN;AAAA,kBAEC,UAAAZ,EAAQ,IAAI,CAACe,GAAQC,MACnBT,gBAAAA,EAAAA,KAAAU,EAAM,UAAN,EACC,UAAA;AAAA,oBAAAP,gBAAAA,MAACQ,KAAW,GAAGH,GAAQ,IAAIb,GAAa,IAAIC,GAAa;AAAA,oBAExDa,MAAQhB,EAAQ,SAAS,KACvBU,gBAAAA,EAAA,IAAAG,GAAA,EAAkB,OAAM,iBAAgB;AAAA,kBAAA,KAJxBE,EAAO,IAM5B,CACD;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlFsB;AAsF9B;"}

package/lib/sd-component-library166.js

@@ -0,0 +1,59 @@
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { BaseTooltip as m } from "./sd-component-library167.js";
+import { Box as x } from "./sd-component-library197.js";
+import { ReactComponent as c } from "./sd-component-library274.js";
+const T = (r) => {
+  const {
+    tooltipText: s,
+    width: e,
+    iconColor: n,
+    placement: l,
+    iconWidth: a = "16px",
+    color: t,
+    bg: i,
+    dontTranslate: p = !1
+  } = r;
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      color: t,
+      bg: i,
+      width: e,
+      placement: l,
+      "data-test": "base-info-tooltip",
+      tooltipText: s,
+      dontTranslate: p,
+      children: /* @__PURE__ */ o.jsx(
+        x,
+        {
+          sx: {
+            path: {
+              transition: "all 0.5s"
+            },
+            ":hover": {
+              path: {
+                fill: i,
+                stroke: t
+              }
+            }
+          },
+          children: /* @__PURE__ */ o.jsx(
+            c,
+            {
+              style: {
+                width: a,
+                fill: "none",
+                stroke: n
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  T as BaseInfoTooltip
+};
+//# sourceMappingURL=sd-component-library166.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library166.js","sources":["../src/components/tooltips/base-info-tooltip/base-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseTooltip } from \"../base-tooltip\";\nimport { InfoIcon } from \"./assets\";\nimport { BaseInfoTooltipProps } from \"./interfaces\";\n\n/**\n * BaseInfoTooltip component.\n * @deprecated\n */\nexport const BaseInfoTooltip: React.FC<BaseInfoTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    width,\n    iconColor,\n    placement,\n    iconWidth = \"16px\",\n    color,\n    bg,\n    dontTranslate = false,\n  } = props;\n\n  return (\n    <BaseTooltip\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      data-test=\"base-info-tooltip\"\n      tooltipText={tooltipText}\n      dontTranslate={dontTranslate}\n    >\n      <Box\n        sx={{\n          path: {\n            transition: \"all 0.5s\",\n          },\n          \":hover\": {\n            path: {\n              fill: bg,\n              stroke: color,\n            },\n          },\n        }}\n      >\n        <InfoIcon\n          style={{\n            width: iconWidth,\n            fill: \"none\",\n            stroke: iconColor,\n          }}\n        />\n      </Box>\n    </BaseTooltip>\n  );\n};\n"],"names":["BaseInfoTooltip","props","tooltipText","width","iconColor","placement","iconWidth","color","bg","dontTranslate","jsx","BaseTooltip","Box","InfoIcon"],"mappings":";;;;;AAYa,MAAAA,IAAkD,CAACC,MAAU;AAClE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EACd,IAAAR;AAGF,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAJ;AAAA,MACA,IAAAC;AAAA,MACA,OAAAL;AAAA,MACA,WAAAE;AAAA,MACA,aAAU;AAAA,MACV,aAAAH;AAAA,MACA,eAAAO;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,MAAM;AAAA,cACJ,YAAY;AAAA,YACd;AAAA,YACA,UAAU;AAAA,cACR,MAAM;AAAA,gBACJ,MAAMJ;AAAA,gBACN,QAAQD;AAAA,cACV;AAAA,YACF;AAAA,UACF;AAAA,UAEA,UAAAG,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAOP;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQF;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library167.js

@@ -0,0 +1,76 @@
+import { j as t } from "./sd-component-library195.js";
+import { useRef as x, useEffect as u } from "react";
+import "./sd-component-library196.js";
+import { Box as r } from "./sd-component-library197.js";
+import { TwelveRegular as f } from "./sd-component-library157.js";
+const w = (l) => {
+  const {
+    tooltipText: p,
+    placement: o = "right",
+    children: c,
+    dontTranslate: a = !1,
+    ...d
+  } = l, e = x(null), i = x(null);
+  return u(() => {
+    if (e.current && i.current) {
+      const m = e.current, n = i.current;
+      if (o === "right") {
+        const s = window.getComputedStyle(m).width;
+        n.style.left = `${parseInt(s) + 10}px`;
+      } else {
+        const s = window.getComputedStyle(n).width;
+        n.style.left = `-${parseInt(s) + 10}px`;
+      }
+    }
+  }, [o]), /* @__PURE__ */ t.jsxs(
+    r,
+    {
+      "data-test": "base-tooltip",
+      sx: {
+        position: "relative",
+        ".content-box:hover": {
+          "+ .tooltip-box": {
+            opacity: 1,
+            visibility: "visible"
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          r,
+          {
+            className: "content-box",
+            sx: {
+              maxWidth: "max-content"
+            },
+            ref: e,
+            children: c
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          r,
+          {
+            ref: i,
+            className: "tooltip-box",
+            sx: {
+              ...d,
+              transition: "all 0.5s",
+              position: "absolute",
+              padding: "20px",
+              borderRadius: o === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
+              top: 0,
+              opacity: 0,
+              visibility: "hidden",
+              zIndex: 1
+            },
+            children: /* @__PURE__ */ t.jsx(f, { color: l.color, dontTranslate: a, children: p })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as BaseTooltip
+};
+//# sourceMappingURL=sd-component-library167.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library167.js","sources":["../src/components/tooltips/base-tooltip/base-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TwelveRegular } from \"../../texts/twelve-regular\";\nimport { BaseTooltipProps } from \"./interfaces\";\n\n/**\n * BaseTooltip component.\n * @deprecated\n */\nexport const BaseTooltip: React.FC<BaseTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    placement = \"right\",\n    children,\n    dontTranslate = false,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      data-test=\"base-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{\n          maxWidth: \"max-content\",\n        }}\n        ref={contentBoxEl}\n      >\n        {children}\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n        }}\n      >\n        <TwelveRegular color={props.color} dontTranslate={dontTranslate}>\n          {tooltipText}\n        </TwelveRegular>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseTooltip","props","tooltipText","placement","children","dontTranslate","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","TwelveRegular"],"mappings":";;;;;AAWa,MAAAA,IAA0C,CAACC,MAAU;AAC1D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EACD,IAAAL,GAEEM,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIN,MAAc,SAAS;AACzB,cAAMU,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACX,CAAS,CAAC,GAGZY,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,UAAU;AAAA,YACZ;AAAA,YACA,KAAKT;AAAA,YAEJ,UAAAH;AAAA,UAAA;AAAA,QACH;AAAA,QACAa,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,YACV;AAAA,YAEA,gCAACe,GAAc,EAAA,OAAOjB,EAAM,OAAO,eAAAI,GAChC,UACHH,GAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library168.js

@@ -0,0 +1,29 @@
+import { j as n } from "./sd-component-library195.js";
+import { BaseInfoTooltip as m } from "./sd-component-library166.js";
+const s = (o) => {
+  const {
+    tooltipText: t,
+    placement: r,
+    bg: i = "cl_purple",
+    color: p = "cl_white",
+    width: e = ["204px"],
+    iconColor: l = "#4568F9"
+  } = o;
+  return /* @__PURE__ */ n.jsx(
+    m,
+    {
+      "data-test": "primary-info-tooltip",
+      ...o,
+      color: p,
+      bg: i,
+      width: e,
+      placement: r,
+      tooltipText: t,
+      iconColor: l
+    }
+  );
+};
+export {
+  s as PrimaryInfoTooltip
+};
+//# sourceMappingURL=sd-component-library168.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library168.js","sources":["../src/components/tooltips/primary-info-tooltip/primary-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseInfoTooltip } from \"../base-info-tooltip\";\nimport { PrimaryInfoTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n * @deprecated\n */\nexport const PrimaryInfoTooltip: React.FC<PrimaryInfoTooltipProps> = (\n  props\n) => {\n  const {\n    tooltipText,\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"204px\"],\n    iconColor = \"#4568F9\",\n  } = props;\n  return (\n    <BaseInfoTooltip\n      data-test=\"primary-info-tooltip\"\n      {...props}\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      tooltipText={tooltipText}\n      iconColor={iconColor}\n    />\n  );\n};\n"],"names":["PrimaryInfoTooltip","props","tooltipText","placement","bg","color","width","iconColor","jsx","BaseInfoTooltip"],"mappings":";;AASa,MAAAA,IAAwD,CACnEC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,OAAO;AAAA,IAChB,WAAAC,IAAY;AAAA,EACV,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGR;AAAA,MACJ,OAAAI;AAAA,MACA,IAAAD;AAAA,MACA,OAAAE;AAAA,MACA,WAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library169.js

@@ -0,0 +1,104 @@
+import { j as t } from "./sd-component-library195.js";
+import w, { useRef as c, useEffect as y } from "react";
+import "./sd-component-library196.js";
+import { Box as o } from "./sd-component-library197.js";
+import { ReactComponent as g } from "./sd-component-library274.js";
+const I = w.forwardRef((x, a) => {
+  const {
+    placement: e,
+    bg: r = "cl_purple",
+    color: p = "cl_white",
+    width: d = ["max-content"],
+    iconColor: m = "#4568F9",
+    iconWidth: h = "16px",
+    children: f,
+    ...u
+  } = x, i = c(null), n = c(null);
+  return y(() => {
+    if (i.current && n.current) {
+      const b = i.current, s = n.current;
+      if (e === "right") {
+        const l = window.getComputedStyle(b).width;
+        s.style.left = `${parseInt(l) + 10}px`;
+      } else {
+        const l = window.getComputedStyle(s).width;
+        s.style.left = `-${parseInt(l) + 10}px`;
+      }
+    }
+  }, [e]), /* @__PURE__ */ t.jsxs(
+    o,
+    {
+      ref: a,
+      "data-test": "react-element-tooltip",
+      sx: {
+        position: "relative",
+        ".content-box:hover": {
+          "+ .tooltip-box": {
+            opacity: 1,
+            visibility: "visible"
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ t.jsx(
+          o,
+          {
+            className: "content-box",
+            sx: { maxWidth: "max-content" },
+            ref: i,
+            children: /* @__PURE__ */ t.jsx(
+              o,
+              {
+                sx: {
+                  path: { transition: "all 0.5s" },
+                  ":hover": {
+                    path: {
+                      fill: r,
+                      stroke: p
+                    }
+                  }
+                },
+                children: /* @__PURE__ */ t.jsx(
+                  g,
+                  {
+                    style: {
+                      width: h,
+                      fill: "none",
+                      stroke: m
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          o,
+          {
+            ref: n,
+            className: "tooltip-box",
+            sx: {
+              ...u,
+              bg: r,
+              width: d,
+              transition: "all 0.5s",
+              position: "absolute",
+              padding: "20px",
+              borderRadius: e === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
+              top: 0,
+              opacity: 0,
+              visibility: "hidden",
+              zIndex: 1,
+              color: p
+            },
+            children: f
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  I as ReactElementTooltip
+};
+//# sourceMappingURL=sd-component-library169.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library169.js","sources":["../src/components/tooltips/react-element-tooltip/react-element-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box, BoxProps } from \"rebass\";\n\nimport { InfoIcon } from \"../base-info-tooltip/assets\";\nimport { ReactElementTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n */\nexport const ReactElementTooltip = React.forwardRef<\n  React.FC<BoxProps>,\n  ReactElementTooltipProps\n>((props, ref) => {\n  const {\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"max-content\"],\n    iconColor = \"#4568F9\",\n    iconWidth = \"16px\",\n    children,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      ref={ref}\n      data-test=\"react-element-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{ maxWidth: \"max-content\" }}\n        ref={contentBoxEl}\n      >\n        <Box\n          sx={{\n            path: { transition: \"all 0.5s\" },\n            \":hover\": {\n              path: {\n                fill: bg,\n                stroke: color,\n              },\n            },\n          }}\n        >\n          <InfoIcon\n            style={{\n              width: iconWidth,\n              fill: \"none\",\n              stroke: iconColor,\n            }}\n          />\n        </Box>\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          bg: bg,\n          width: width,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n          color: color,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n"],"names":["ReactElementTooltip","React","props","ref","placement","bg","color","width","iconColor","iconWidth","children","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","InfoIcon"],"mappings":";;;;;AAUO,MAAMA,IAAsBC,EAAM,WAGvC,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIV,MAAc,SAAS;AACzB,cAAMc,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACf,CAAS,CAAC,GAGZgB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,aAAU;AAAA,MACV,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,UAAU,cAAc;AAAA,YAC9B,KAAKT;AAAA,YAEL,UAAAU,gBAAAA,EAAA;AAAA,cAACD;AAAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,MAAM,EAAE,YAAY,WAAW;AAAA,kBAC/B,UAAU;AAAA,oBACR,MAAM;AAAA,sBACJ,MAAMhB;AAAA,sBACN,QAAQC;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEA,UAAAgB,gBAAAA,EAAA;AAAA,kBAACC;AAAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,sBACL,OAAOd;AAAA,sBACP,MAAM;AAAA,sBACN,QAAQD;AAAA,oBACV;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,IAAAN;AAAA,cACA,OAAAE;AAAA,cACA,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,OAAAE;AAAA,YACF;AAAA,YAEC,UAAAI;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/lib/sd-component-library17.js

@@ -0,0 +1,7 @@
+import { j as a } from "./sd-component-library195.js";
+import { Breadcrumb as m } from "./sd-component-library19.js";
+const i = (r) => /* @__PURE__ */ a.jsx(m, { ...r, variant: "primary", "data-test": "primary-breadcrumb" });
+export {
+  i as PrimaryBreadcrumb
+};
+//# sourceMappingURL=sd-component-library17.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library17.js","sources":["../src/components/breadcrumbs/primary-breadcrumb/primary-breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Breadcrumb } from \"../breadcrumb\";\nimport { PrimaryBreadCrumbProps } from \"./interfaces\";\n\nexport const PrimaryBreadcrumb: React.FC<PrimaryBreadCrumbProps> = (props) => {\n  return (\n    <Breadcrumb {...props} variant=\"primary\" data-test=\"primary-breadcrumb\" />\n  );\n};\n"],"names":["PrimaryBreadcrumb","props","Breadcrumb"],"mappings":";;AAKa,MAAAA,IAAsD,CAACC,4BAE/DC,GAAY,EAAA,GAAGD,GAAO,SAAQ,WAAU,aAAU,qBAAqB,CAAA;"}

package/lib/sd-component-library170.js

@@ -0,0 +1,99 @@
+import { j as o } from "./sd-component-library195.js";
+import { useState as v, useRef as a } from "react";
+import "./sd-component-library196.js";
+import { useBreakPoints as y, useBodyScrollLock as z } from "./sd-component-library4.js";
+import { Box as C } from "./sd-component-library197.js";
+import E from "./sd-component-library235.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library275.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library276.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library277.js";
+const f = 200, K = (x) => {
+  const {
+    children: u,
+    placement: s = "right",
+    tooltipOffset: h = 5,
+    pointerSize: d = 5,
+    tooltipPx: P = "10px",
+    tooltipPy: T = "5px",
+    tooltipWidth: j = "max-content",
+    tooltipVisible: S,
+    containerSx: b,
+    pointerSx: k,
+    showMobileVersion: l,
+    mobileTitle: w,
+    stopPropagation: R,
+    zIndex: W = 10,
+    pointerColor: p = "cl_purple",
+    ...r
+  } = x, { isDesktop: g } = y(), t = l !== void 0 ? l : !g, [m, B] = v(!1), O = (n) => {
+    R && n.stopPropagation(), B((e) => !e);
+  }, i = a(null), c = a(null);
+  return z(c.current, t && m), /* @__PURE__ */ o.jsxs(
+    C,
+    {
+      sx: {
+        width: "max-content",
+        position: "relative",
+        ...b
+      },
+      ref: c,
+      onClick: t ? O : void 0,
+      "data-test": "tooltip-with-pointer",
+      children: [
+        u,
+        /* @__PURE__ */ o.jsx(
+          E,
+          {
+            in: t ? m : S,
+            timeout: { enter: 0, exit: f },
+            mountOnEnter: !0,
+            unmountOnExit: !0,
+            nodeRef: i,
+            children: (n) => {
+              const e = {
+                placement: s,
+                animationDuration: f,
+                state: n,
+                pointerSize: d,
+                tooltipPx: P,
+                tooltipPy: T,
+                tooltipWidth: j,
+                tooltipOffset: h,
+                pointerSx: k,
+                pointerColor: p
+              };
+              return t ? /* @__PURE__ */ o.jsx(
+                M,
+                {
+                  ...r,
+                  zIndex: W,
+                  mobileTitle: w,
+                  pointerColor: p,
+                  ref: i
+                }
+              ) : ["left", "right"].includes(s) ? /* @__PURE__ */ o.jsx(
+                V,
+                {
+                  ...r,
+                  ...e,
+                  ref: i
+                }
+              ) : /* @__PURE__ */ o.jsx(
+                D,
+                {
+                  ...r,
+                  ...e,
+                  ref: i
+                }
+              );
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  K as TooltipWithPointer
+};
+//# sourceMappingURL=sd-component-library170.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library170.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;AAAAA,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;"}

package/lib/sd-component-library171.js

@@ -0,0 +1,53 @@
+import { j as n } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { ReactComponent as p } from "./sd-component-library187.js";
+import { ReactComponent as a } from "./sd-component-library186.js";
+import { ReactComponent as x } from "./sd-component-library176.js";
+import { ReactComponent as C } from "./sd-component-library178.js";
+import { Box as g } from "./sd-component-library197.js";
+const t = (o) => {
+  const { sx: r, onClick: e, fill: c, iconHeight: i, IconComponent: m, disabled: s } = o;
+  return /* @__PURE__ */ n.jsx(
+    g,
+    {
+      onClick: s ? () => {
+      } : e,
+      sx: {
+        bg: "transparent",
+        cursor: "pointer",
+        width: "min-content",
+        ...r
+      },
+      children: /* @__PURE__ */ n.jsx(
+        m,
+        {
+          style: {
+            height: i || "18px",
+            fill: s ? "#CCD0DB" : c || "#4568F9"
+          }
+        }
+      )
+    }
+  );
+}, S = (o) => {
+  const { rotationDegree: r, iconHeight: e, ...c } = o;
+  return /* @__PURE__ */ n.jsx(
+    t,
+    {
+      ...c,
+      iconHeight: e || "12px",
+      IconComponent: p,
+      sx: {
+        transform: `rotate(${r}deg)`
+      }
+    }
+  );
+}, H = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: a }), d = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: x, iconHeight: "16px" }), R = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: C });
+export {
+  d as CrossIconButton,
+  R as HamburgerIconButton,
+  t as IconButton,
+  H as SearchIconButton,
+  S as ShortArrowIconButton
+};
+//# sourceMappingURL=sd-component-library171.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library171.js","sources":["../src/components/complex/navbar/partials/icon-buttons/icon-buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  CrossIcon,\n  HamburgerIcon,\n  SearchIcon,\n  ShortDownArrowIcon,\n} from \"../../../../icons\";\nimport { IconButtonProps, ShortArrowIconButtonProps } from \"./interfaces\";\n\nexport const IconButton: React.FC<IconButtonProps> = (props) => {\n  const { sx, onClick, fill, iconHeight, IconComponent, disabled } = props;\n\n  return (\n    <Box\n      onClick={disabled ? () => {} : onClick}\n      sx={{\n        bg: \"transparent\",\n        cursor: \"pointer\",\n        width: \"min-content\",\n        ...sx,\n      }}\n    >\n      <IconComponent\n        style={{\n          height: iconHeight || \"18px\",\n          fill: disabled ? \"#CCD0DB\" : fill || \"#4568F9\",\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const ShortArrowIconButton: React.FC<ShortArrowIconButtonProps> = (\n  props\n) => {\n  const { rotationDegree, iconHeight, ...rest } = props;\n\n  return (\n    <IconButton\n      {...rest}\n      iconHeight={iconHeight || \"12px\"}\n      IconComponent={ShortDownArrowIcon}\n      sx={{\n        transform: `rotate(${rotationDegree}deg)`,\n      }}\n    />\n  );\n};\n\nexport const SearchIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={SearchIcon} />;\n};\n\nexport const CrossIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\" | \"iconHeight\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={CrossIcon} iconHeight=\"16px\" />;\n};\n\nexport const HamburgerIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={HamburgerIcon} />;\n};\n"],"names":["IconButton","props","sx","onClick","fill","iconHeight","IconComponent","disabled","jsx","Box","ShortArrowIconButton","rotationDegree","rest","ShortDownArrowIcon","SearchIconButton","SearchIcon","CrossIconButton","CrossIcon","HamburgerIconButton","HamburgerIcon"],"mappings":";;;;;;;AAYa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,IAAAC,GAAI,SAAAC,GAAS,MAAAC,GAAM,YAAAC,GAAY,eAAAC,GAAe,UAAAC,EAAa,IAAAN;AAGjE,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAASF,IAAW,MAAM;AAAA,MAAA,IAAKJ;AAAA,MAC/B,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,GAAGD;AAAA,MACL;AAAA,MAEA,UAAAM,gBAAAA,EAAA;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,QAAQD,KAAc;AAAA,YACtB,MAAME,IAAW,YAAYH,KAAQ;AAAA,UACvC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaM,IAA4D,CACvET,MACG;AACH,QAAM,EAAE,gBAAAU,GAAgB,YAAAN,GAAY,GAAGO,MAASX;AAG9C,SAAAO,gBAAAA,EAAA;AAAA,IAACR;AAAA,IAAA;AAAA,MACE,GAAGY;AAAA,MACJ,YAAYP,KAAc;AAAA,MAC1B,eAAeQ;AAAAA,MACf,IAAI;AAAA,QACF,WAAW,UAAUF,CAAc;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaG,IAET,CAACb,MACKO,gBAAAA,EAAAA,IAAAR,GAAA,EAAY,GAAGC,GAAO,eAAec,EAAY,CAAA,GAG9CC,IAET,CAACf,4BACKD,GAAY,EAAA,GAAGC,GAAO,eAAegB,GAAW,YAAW,OAAO,CAAA,GAG/DC,IAET,CAACjB,MACKO,gBAAAA,EAAAA,IAAAR,GAAA,EAAY,GAAGC,GAAO,eAAekB,EAAe,CAAA;"}