@selfdecode/sd-component-library 4.0.73-vite16 → 4.0.73-vite17

package/lib/sd-component-library284.js

@@ -1,5 +1,30 @@
-var r = {};
+import { j as o } from "./sd-component-library195.js";
+import { ThirteenBold as h } from "./sd-component-library151.js";
+import { Button as m } from "./sd-component-library28.js";
+import { MaxMaxContainer as f } from "./sd-component-library43.js";
+const T = (s) => {
+  const {
+    Icon: i,
+    iconHeight: n,
+    title: l,
+    isActive: r,
+    hash: t,
+    onTabSelect: c,
+    enableScroll: a,
+    activeColor: e,
+    history: p
+  } = s, x = a ? {
+    scrollTo: t
+  } : {};
+  return /* @__PURE__ */ o.jsx(m, { bg: "transparent", onClick: () => c(t), history: p, "data-test": `tab-${t}`, ...x, children: /* @__PURE__ */ o.jsxs(f, { gap: ["15px", "20px"], children: [
+    /* @__PURE__ */ o.jsx(i, { style: {
+      height: n,
+      fill: r ? e : "#434A54"
+    } }),
+    /* @__PURE__ */ o.jsx(h, { textTransform: "uppercase", color: r ? e : "#434A54", cursor: "pointer", children: l })
+  ] }) });
+};
 export {
-  r as __exports
+  T as Tab
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library284.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n  const {\n    Icon,\n    iconHeight,\n    title,\n    isActive,\n    hash,\n    onTabSelect,\n    enableScroll,\n    activeColor,\n    history,\n  } = props;\n\n  const scrollProps = enableScroll\n    ? {\n        scrollTo: hash,\n      }\n    : {};\n\n  return (\n    <Button\n      bg=\"transparent\"\n      onClick={() => onTabSelect(hash)}\n      history={history}\n      data-test={`tab-${hash}`}\n      {...scrollProps}\n    >\n      <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n        <Icon\n          style={{\n            height: iconHeight,\n            fill: isActive ? activeColor : \"#434A54\",\n          }}\n        />\n        <ThirteenBold\n          textTransform=\"uppercase\"\n          color={isActive ? activeColor : \"#434A54\"}\n          cursor=\"pointer\"\n        >\n          {title}\n        </ThirteenBold>\n      </MaxMaxContainer>\n    </Button>\n  );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","scrollTo","jsx","Button","jsxs","MaxMaxContainer","height","fill","ThirteenBold"],"mappings":";;;;AAQO,MAAMA,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IACJC,MAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,EACET,IAAAA,GAEEU,IAAcH,IAChB;AAAA,IACEI,UAAUN;AAAAA,MAEZ;AAGF,SAAAO,gBAAAA,MAACC,KACC,IAAG,eACH,SAAS,MAAMP,EAAYD,CAAI,GAC/B,SAAAI,GACA,aAAY,OAAMJ,CAAK,IACvB,GAAIK,GAEJ,UAAAI,gBAAAA,EAAAA,KAACC,KAAgB,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,IAAAH,gBAAAA,MAACX,KACC,OAAO;AAAA,MACLe,QAAQd;AAAAA,MACRe,MAAMb,IAAWI,IAAc;AAAA,IAAA,GAC/B;AAAA,IAEJI,gBAAAA,EAAAA,IAACM,GACC,EAAA,eAAc,aACd,OAAOd,IAAWI,IAAc,WAChC,QAAO,WAENL,UACHA,EAAA,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library285.js

@@ -1,5 +1,27 @@
-var e = {};
+import { j as r } from "./sd-component-library195.js";
+import { ReactComponent as s } from "./sd-component-library191.js";
+import { FlexItemsCenter as i } from "./sd-component-library37.js";
+const l = ({
+  width: e,
+  direction: t,
+  onClick: o
+}) => /* @__PURE__ */ r.jsx(i, { justifyContent: t === "right" ? "flex-end" : "flex-start", sx: {
+  position: "absolute",
+  ...t === "right" ? {
+    right: 0
+  } : 0,
+  top: 0,
+  width: e,
+  height: "100%",
+  stroke: "cl_blue",
+  cursor: "pointer",
+  bg: "cl_white",
+  ":hover": {
+    stroke: "cl_purple"
+  },
+  zIndex: 1
+}, onClick: o, children: /* @__PURE__ */ r.jsx(s, { width: "18px", transform: `rotate(${t === "right" ? 180 : 0})` }) });
 export {
-  e as __exports
+  l as ArrowButton
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library285.js","sources":["../src/components/tabs/tab-bar/partials/arrow-button/arrow-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexItemsCenter } from \"../../../../containers\";\nimport { ThinArrowLeftIcon } from \"../../../../icons\";\nimport { ArrowButtonProps as Props } from \"./interfaces\";\n\nexport const ArrowButton: React.FC<Props> = ({ width, direction, onClick }) => {\n  return (\n    <FlexItemsCenter\n      justifyContent={direction === \"right\" ? \"flex-end\" : \"flex-start\"}\n      sx={{\n        position: \"absolute\",\n        ...(direction === \"right\" ? { right: 0 } : { left: 0 } ? 0 : undefined),\n        top: 0,\n        width,\n        height: \"100%\",\n        stroke: \"cl_blue\",\n        cursor: \"pointer\",\n        bg: \"cl_white\",\n        \":hover\": { stroke: \"cl_purple\" },\n        zIndex: 1,\n      }}\n      onClick={onClick}\n    >\n      <ThinArrowLeftIcon\n        width=\"18px\"\n        transform={`rotate(${direction === \"right\" ? 180 : 0})`}\n      />\n    </FlexItemsCenter>\n  );\n};\n"],"names":["ArrowButton","width","direction","onClick","FlexItemsCenter","position","right","top","height","stroke","cursor","bg","zIndex","jsx","ThinArrowLeftIcon"],"mappings":";;;AAMO,MAAMA,IAA+BA,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,SAAAA;AAAQ,4BAEpEC,GACC,EAAA,gBAAgBF,MAAc,UAAU,aAAa,cACrD,IAAI;AAAA,EACFG,UAAU;AAAA,EACV,GAAIH,MAAc,UAAU;AAAA,IAAEI,OAAO;AAAA,EAAA,IAAoB;AAAA,EACzDC,KAAK;AAAA,EACLN,OAAAA;AAAAA,EACAO,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,IAAI;AAAA,EACJ,UAAU;AAAA,IAAEF,QAAQ;AAAA,EAAY;AAAA,EAChCG,QAAQ;AAAA,GAEV,SAAAT,GAEA,UAACU,gBAAAA,EAAA,IAAAC,GAAA,EACC,OAAM,QACN,WAAY,UAASZ,MAAc,UAAU,MAAM,CAAE,KAAG,EAE5D,CAAA;"}

package/lib/sd-component-library286.js

@@ -1,10 +1,24 @@
-import o from "./sd-component-library312.js";
-import e from "./sd-component-library313.js";
-function f(t) {
-  var r = e(t, "string");
-  return o(r) === "symbol" ? r : String(r);
-}
+import { j as e } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { Box as n } from "./sd-component-library198.js";
+const x = ({
+  width: s,
+  direction: t,
+  offset: o
+}) => {
+  const r = "#000000AA", a = "#00000000";
+  return /* @__PURE__ */ e.jsx(n, { sx: {
+    position: "absolute",
+    top: 0,
+    left: t === "left" ? o : void 0,
+    right: t === "right" ? o : void 0,
+    height: "100%",
+    width: s,
+    background: `transparent linear-gradient(-90deg, ${t === "left" ? a : r} 0%, ${t === "right" ? a : r} 100%) 0% 0% no-repeat padding-box`,
+    opacity: 0.05
+  } });
+};
 export {
-  f as default
+  x as Mask
 };
 //# sourceMappingURL=sd-component-library286.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library286.js","sources":["../src/components/tabs/tab-bar/partials/mask/mask.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaskProps as Props } from \"./interfaces\";\n\nexport const Mask: React.FC<Props> = ({ width, direction, offset }) => {\n  const startColor = \"#000000AA\";\n  const endColor = \"#00000000\";\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: 0,\n        left: direction === \"left\" ? offset : undefined,\n        right: direction === \"right\" ? offset : undefined,\n        height: \"100%\",\n        width,\n        background: `transparent linear-gradient(-90deg, ${\n          direction === \"left\" ? endColor : startColor\n        } 0%, ${\n          direction === \"right\" ? endColor : startColor\n        } 100%) 0% 0% no-repeat padding-box`,\n        opacity: 0.05,\n      }}\n    />\n  );\n};\n"],"names":["Mask","width","direction","offset","startColor","endColor","jsx","Box","position","top","left","undefined","right","height","background","opacity"],"mappings":";;;AAMO,MAAMA,IAAwBA,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,QAAAA;AAAO,MAAM;AACrE,QAAMC,IAAa,aACbC,IAAW;AAGf,SAAAC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAMR,MAAc,SAASC,IAASQ;AAAAA,IACtCC,OAAOV,MAAc,UAAUC,IAASQ;AAAAA,IACxCE,QAAQ;AAAA,IACRZ,OAAAA;AAAAA,IACAa,YAAa,uCACXZ,MAAc,SAASG,IAAWD,CACnC,QACCF,MAAc,UAAUG,IAAWD,CACpC;AAAA,IACDW,SAAS;AAAA,EAEX,EAAA,CAAA;AAEN;"}

package/lib/sd-component-library287.js

@@ -1,9 +1,72 @@
-import { __module as r } from "./sd-component-library323.js";
-import { __require as e } from "./sd-component-library324.js";
-import { __require as o } from "./sd-component-library325.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { Flex as f, Box as W } from "./sd-component-library198.js";
+import { Button as y } from "./sd-component-library28.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library147.js";
+const z = ({
+  active: n = !1,
+  activeColor: s = "cl_purple",
+  color: r = "transparent"
+}) => /* @__PURE__ */ t.jsx(W, { height: 4, width: "100%", bg: n ? s : r, sx: {
+  mt: "auto",
+  transition: "all 175ms ease"
+} });
+function E({
+  width: n,
+  height: s,
+  label: r,
+  secondaryText: p,
+  icon: l,
+  id: h,
+  onClick: u,
+  selected: i = !1,
+  activeColor: o = "cl_purple",
+  color: a = "cl_darkGrey",
+  tabPadding: d,
+  bg: e = "cl_transparent",
+  activeBg: c = "cl_transparent",
+  activeRibbonColor: j,
+  borderRadius: b = "4px",
+  tabHeaderComponent: x,
+  elementId: _,
+  maxWidth: g,
+  labelSx: R,
+  secondaryTextSx: S,
+  containerSx: w
+}) {
+  const T = x ? i ? c : e : j || o;
+  return /* @__PURE__ */ t.jsxs(f, { flexDirection: "column", sx: {
+    width: "fit-content",
+    maxWidth: g,
+    minWidth: "fit-content",
+    ...w
+  }, children: [
+    /* @__PURE__ */ t.jsxs(y, { id: _, width: n, height: s, bg: i ? c : e, onClick: u, borderRadius: b, "data-test": `tab-${h}`, padding: d, disabled: i, display: "flex", children: [
+      r && /* @__PURE__ */ t.jsx(m, { fontSizeWeight: [[13, "bold"]], sx: {
+        letterSpacing: "1.3px",
+        textTransform: "uppercase",
+        ...R
+      }, color: i ? o : a, children: r }),
+      p && /* @__PURE__ */ t.jsx(m, { fontSizeWeight: [[10, "semi-bold"]], sx: {
+        letterSpacing: "1px",
+        textTransform: "uppercase",
+        ...S
+      }, color: i ? o : a, children: p }),
+      l && /* @__PURE__ */ t.jsx(f, { height: "16px", flexDirection: "column", justifyContent: "space-between", ml: "10px", children: l }),
+      x
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      z,
+      {
+        active: i || !!x,
+        activeColor: T,
+        color: e
+      }
+    )
+  ] });
+}
 export {
-  i as r
+  z as Ribbon,
+  E as Tab
 };
 //# sourceMappingURL=sd-component-library287.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library287.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library287.js","sources":["../src/components/tabs/tab-bar/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Button } from \"../../../../buttons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TabProps } from \"./interfaces\";\n\nexport const Ribbon = ({\n  active = false,\n  activeColor = \"cl_purple\",\n  color = \"transparent\",\n}) => (\n  <Box\n    height={4}\n    width=\"100%\"\n    bg={active ? activeColor : color}\n    sx={{\n      mt: \"auto\",\n      transition: \"all 175ms ease\",\n    }}\n  />\n);\n\nexport function Tab<T>({\n  width,\n  height,\n  label,\n  secondaryText,\n  icon,\n  id,\n  onClick,\n  selected = false,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  tabPadding,\n  bg = \"cl_transparent\",\n  activeBg = \"cl_transparent\",\n  activeRibbonColor,\n  borderRadius = \"4px\",\n  tabHeaderComponent,\n  elementId,\n  maxWidth,\n  labelSx,\n  secondaryTextSx,\n  containerSx,\n}: TabProps<T>) {\n  const activeColorOfRibbon = tabHeaderComponent\n    ? selected\n      ? activeBg\n      : bg\n    : activeRibbonColor || activeColor;\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      sx={{\n        width: \"fit-content\",\n        maxWidth,\n        minWidth: \"fit-content\",\n        ...containerSx,\n      }}\n    >\n      <Button\n        id={elementId}\n        width={width}\n        height={height}\n        bg={selected ? activeBg : bg}\n        onClick={onClick}\n        borderRadius={borderRadius}\n        data-test={`tab-${id}`}\n        padding={tabPadding}\n        disabled={selected}\n        display=\"flex\"\n      >\n        {label && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[13, \"bold\"]]}\n            sx={{\n              letterSpacing: \"1.3px\",\n              textTransform: \"uppercase\",\n              ...labelSx,\n            }}\n            color={selected ? activeColor : color}\n          >\n            {label}\n          </ResponsiveTextV2>\n        )}\n\n        {secondaryText && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[10, \"semi-bold\"]]}\n            sx={{\n              letterSpacing: \"1px\",\n              textTransform: \"uppercase\",\n              ...secondaryTextSx,\n            }}\n            color={selected ? activeColor : color}\n          >\n            {secondaryText}\n          </ResponsiveTextV2>\n        )}\n\n        {icon && (\n          <Flex\n            height=\"16px\"\n            flexDirection=\"column\"\n            justifyContent=\"space-between\"\n            ml=\"10px\"\n          >\n            {icon}\n          </Flex>\n        )}\n\n        {/* Render custom component, if provided */}\n        {tabHeaderComponent}\n      </Button>\n\n      <Ribbon\n        active={selected || !!tabHeaderComponent} // in tabHeaderComponent mode, it should fill the gap.\n        activeColor={activeColorOfRibbon}\n        color={bg}\n      />\n    </Flex>\n  );\n}\n"],"names":["Ribbon","active","activeColor","color","jsx","Box","mt","transition","Tab","width","height","label","secondaryText","icon","id","onClick","selected","tabPadding","bg","activeBg","activeRibbonColor","borderRadius","tabHeaderComponent","elementId","maxWidth","labelSx","secondaryTextSx","containerSx","activeColorOfRibbon","jsxs","Flex","minWidth","Button","ResponsiveTextV2","letterSpacing","textTransform"],"mappings":";;;;;AAQO,MAAMA,IAASA,CAAC;AAAA,EACrBC,QAAAA,IAAS;AAAA,EACTC,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AACV,MACEC,gBAAAA,MAACC,GACC,EAAA,QAAQ,GACR,OAAM,QACN,IAAIJ,IAASC,IAAcC,GAC3B,IAAI;AAAA,EACFG,IAAI;AAAA,EACJC,YAAY;AACd,GAEH;AAEM,SAASC,EAAO;AAAA,EACrBC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXd,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AAAA,EACRc,YAAAA;AAAAA,EACAC,IAAAA,IAAK;AAAA,EACLC,UAAAA,IAAW;AAAA,EACXC,mBAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,oBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,aAAAA;AACW,GAAG;AACd,QAAMC,IAAsBN,IACxBN,IACEG,IACAD,IACFE,KAAqBlB;AAEzB,SACG2B,gBAAAA,EAAA,KAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFrB,OAAO;AAAA,IACPe,UAAAA;AAAAA,IACAO,UAAU;AAAA,IACV,GAAGJ;AAAAA,EAGL,GAAA,UAAA;AAAA,IAACE,gBAAAA,EAAAA,KAAAG,GAAA,EACC,IAAIT,GACJ,OAAAd,GACA,QAAAC,GACA,IAAIM,IAAWG,IAAWD,GAC1B,SAAAH,GACA,cAAAM,GACA,aAAY,OAAMP,CAAG,IACrB,SAASG,GACT,UAAUD,GACV,SAAQ,QAEPL,UAAAA;AAAAA,MACCA,KAAAP,gBAAAA,EAAAA,IAAC6B,KACC,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAC7B,IAAI;AAAA,QACFC,eAAe;AAAA,QACfC,eAAe;AAAA,QACf,GAAGV;AAAAA,MAAAA,GAEL,OAAOT,IAAWd,IAAcC,GAE/BQ,UACHA,GAAA;AAAA,MAGDC,KACER,gBAAAA,EAAAA,IAAA6B,GAAA,EACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC,GAClC,IAAI;AAAA,QACFC,eAAe;AAAA,QACfC,eAAe;AAAA,QACf,GAAGT;AAAAA,MAAAA,GAEL,OAAOV,IAAWd,IAAcC,GAE/BS,UACHA,GAAA;AAAA,MAGDC,KACET,gBAAAA,EAAAA,IAAA0B,GAAA,EACC,QAAO,QACP,eAAc,UACd,gBAAe,iBACf,IAAG,QAEFjB,UACHA,EAAA,CAAA;AAAA,MAIDS;AAAAA,IAAAA,GACH;AAAA,IAEAlB,gBAAAA,EAAA;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,QAAQgB,KAAY,CAAC,CAACM;AAAAA,QACtB,aAAaM;AAAAA,QACb,OAAOV;AAAAA,MAAAA;AAAAA,IAAG;AAAA,EAEd,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library289.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as r from "./sd-component-library326.js";
+import * as r from "./sd-component-library323.js";
 const m = /* @__PURE__ */ e(r);
 export {
   m as default

package/lib/sd-component-library290.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as m from "./sd-component-library328.js";
+import * as m from "./sd-component-library325.js";
 const t = /* @__PURE__ */ e(m);
 export {
   t as default

package/lib/sd-component-library291.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./sd-component-library304.js";
-import * as m from "./sd-component-library341.js";
+import * as m from "./sd-component-library338.js";
 const t = /* @__PURE__ */ e(m);
 export {
   t as default

package/lib/sd-component-library294.js

@@ -1,18 +1,18 @@
-import m from "./sd-component-library322.js";
-import e from "./sd-component-library342.js";
-import "./sd-component-library328.js";
-import { compose as p } from "./sd-component-library329.js";
-import { space as i } from "./sd-component-library338.js";
-import { typography as f } from "./sd-component-library332.js";
-import { color as a } from "./sd-component-library331.js";
-import { layout as n } from "./sd-component-library330.js";
-import { flexbox as l } from "./sd-component-library333.js";
-import { border as d } from "./sd-component-library335.js";
-import { background as c } from "./sd-component-library336.js";
-import { position as s } from "./sd-component-library337.js";
-import { grid as u } from "./sd-component-library334.js";
-import { shadow as x } from "./sd-component-library339.js";
-import { buttonStyle as y, textStyle as g, colorStyle as S } from "./sd-component-library340.js";
+import m from "./sd-component-library318.js";
+import e from "./sd-component-library339.js";
+import "./sd-component-library325.js";
+import { compose as p } from "./sd-component-library326.js";
+import { space as i } from "./sd-component-library335.js";
+import { typography as f } from "./sd-component-library329.js";
+import { color as a } from "./sd-component-library328.js";
+import { layout as n } from "./sd-component-library327.js";
+import { flexbox as l } from "./sd-component-library330.js";
+import { border as d } from "./sd-component-library332.js";
+import { background as c } from "./sd-component-library333.js";
+import { position as s } from "./sd-component-library334.js";
+import { grid as u } from "./sd-component-library331.js";
+import { shadow as x } from "./sd-component-library336.js";
+import { buttonStyle as y, textStyle as g, colorStyle as S } from "./sd-component-library337.js";
 var b = p(i, f, a, n, l, d, c, s, u, x, y, g, S), h = b.propNames, v = function(r) {
   var t = new RegExp("^(" + r.join("|") + ")$");
   return m(function(o) {

package/lib/sd-component-library295.js

@@ -1,5 +1,56 @@
-const s = "";
-export {
-  s as default
-};
+import { __exports as o } from "./sd-component-library298.js";
+import "./sd-component-library359.js";
+import "./sd-component-library360.js";
+import "./sd-component-library361.js";
+import "./sd-component-library362.js";
+import "./sd-component-library363.js";
+import { __exports as g } from "./sd-component-library364.js";
+import { __exports as d } from "./sd-component-library365.js";
+import { __exports as c } from "./sd-component-library366.js";
+import { __exports as l } from "./sd-component-library367.js";
+import { __exports as m } from "./sd-component-library368.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "DateRange", {
+    enumerable: !0,
+    get: function() {
+      return a.default;
+    }
+  }), Object.defineProperty(t, "Calendar", {
+    enumerable: !0,
+    get: function() {
+      return u.default;
+    }
+  }), Object.defineProperty(t, "DateRangePicker", {
+    enumerable: !0,
+    get: function() {
+      return i.default;
+    }
+  }), Object.defineProperty(t, "DefinedRange", {
+    enumerable: !0,
+    get: function() {
+      return f.default;
+    }
+  }), Object.defineProperty(t, "defaultInputRanges", {
+    enumerable: !0,
+    get: function() {
+      return n.defaultInputRanges;
+    }
+  }), Object.defineProperty(t, "defaultStaticRanges", {
+    enumerable: !0,
+    get: function() {
+      return n.defaultStaticRanges;
+    }
+  }), Object.defineProperty(t, "createStaticRanges", {
+    enumerable: !0,
+    get: function() {
+      return n.createStaticRanges;
+    }
+  });
+  var a = r(d), u = r(c), i = r(l), f = r(m), n = g;
+  function r(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+})(o);
 //# sourceMappingURL=sd-component-library295.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library295.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library295.js","sources":["../node_modules/react-date-range/dist/index.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"DateRange\", {\n  enumerable: true,\n  get: function get() {\n    return _DateRange[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"Calendar\", {\n  enumerable: true,\n  get: function get() {\n    return _Calendar[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"DateRangePicker\", {\n  enumerable: true,\n  get: function get() {\n    return _DateRangePicker[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"DefinedRange\", {\n  enumerable: true,\n  get: function get() {\n    return _DefinedRange[\"default\"];\n  }\n});\nObject.defineProperty(exports, \"defaultInputRanges\", {\n  enumerable: true,\n  get: function get() {\n    return _defaultRanges.defaultInputRanges;\n  }\n});\nObject.defineProperty(exports, \"defaultStaticRanges\", {\n  enumerable: true,\n  get: function get() {\n    return _defaultRanges.defaultStaticRanges;\n  }\n});\nObject.defineProperty(exports, \"createStaticRanges\", {\n  enumerable: true,\n  get: function get() {\n    return _defaultRanges.createStaticRanges;\n  }\n});\n\nvar _DateRange = _interopRequireDefault(require(\"./components/DateRange\"));\n\nvar _Calendar = _interopRequireDefault(require(\"./components/Calendar\"));\n\nvar _DateRangePicker = _interopRequireDefault(require(\"./components/DateRangePicker\"));\n\nvar _DefinedRange = _interopRequireDefault(require(\"./components/DefinedRange\"));\n\nvar _defaultRanges = require(\"./defaultRanges\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }"],"names":["exports","_DateRange","_Calendar","_DateRangePicker","_DefinedRange","_defaultRanges","_interopRequireDefault","require$$0","require$$1","require$$2","require$$3","require$$4","obj"],"mappings":";;;;;;;;;;;;AAEA,SAAO,eAAwBA,GAAA,cAAc;AAAA,IAC3C,OAAO;AAAA,EACT,CAAC,GACD,OAAO,eAAeA,GAAS,aAAa;AAAA,IAC1C,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOC,EAAW;AAAA,IACnB;AAAA,EACH,CAAC,GACD,OAAO,eAAeD,GAAS,YAAY;AAAA,IACzC,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOE,EAAU;AAAA,IAClB;AAAA,EACH,CAAC,GACD,OAAO,eAAeF,GAAS,mBAAmB;AAAA,IAChD,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOG,EAAiB;AAAA,IACzB;AAAA,EACH,CAAC,GACD,OAAO,eAAeH,GAAS,gBAAgB;AAAA,IAC7C,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOI,EAAc;AAAA,IACtB;AAAA,EACH,CAAC,GACD,OAAO,eAAeJ,GAAS,sBAAsB;AAAA,IACnD,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOK,EAAe;AAAA,IACvB;AAAA,EACH,CAAC,GACD,OAAO,eAAeL,GAAS,uBAAuB;AAAA,IACpD,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOK,EAAe;AAAA,IACvB;AAAA,EACH,CAAC,GACD,OAAO,eAAeL,GAAS,sBAAsB;AAAA,IACnD,YAAY;AAAA,IACZ,KAAK,WAAe;AAClB,aAAOK,EAAe;AAAA,IACvB;AAAA,EACH,CAAC;AAED,MAAIJ,IAAaK,EAAuBC,CAAiC,GAErEL,IAAYI,EAAuBE,CAAgC,GAEnEL,IAAmBG,EAAuBG,CAAuC,GAEjFL,IAAgBE,EAAuBI,CAAoC,GAE3EL,IAAiBM;AAErB,WAASL,EAAuBM,GAAK;AAAE,WAAOA,KAAOA,EAAI,aAAaA,IAAM,EAAE,SAAWA,EAAK;AAAA,EAAC;;","x_google_ignoreList":[0]}

package/lib/sd-component-library296.js

@@ -1,5 +1,5 @@
-const t = "";
+const s = "";
 export {
-  t as default
+  s as default
 };
 //# sourceMappingURL=sd-component-library296.js.map

package/lib/sd-component-library297.js

@@ -1,86 +1,5 @@
-import p from "./sd-component-library360.js";
-import f from "./sd-component-library361.js";
-import h from "./sd-component-library362.js";
-import w from "./sd-component-library363.js";
-import r from "./sd-component-library364.js";
-import i from "./sd-component-library365.js";
-import y from "./sd-component-library366.js";
-import l from "./sd-component-library367.js";
-import u from "./sd-component-library368.js";
-import M from "./sd-component-library369.js";
-import O from "./sd-component-library370.js";
-import b from "./sd-component-library371.js";
-import s from "./sd-component-library372.js";
-import C from "./sd-component-library303.js";
-const n = (t) => C(t, "EEE d MMM yyyy"), A = (t) => {
-  const e = "No date selected";
-  return !t || !t.startDate || !t.endDate ? e : s(t.startDate, t.endDate) ? n(t.startDate) : `${n(t.startDate)} - ${n(t.endDate)}`;
-}, W = [{
-  label: "Yesterday",
-  startDate: p(f(/* @__PURE__ */ new Date(), -1)),
-  endDate: h(f(/* @__PURE__ */ new Date(), -1))
-}, {
-  label: "Last Week",
-  startDate: w(r(/* @__PURE__ */ new Date(), -1), {
-    weekStartsOn: 1
-  }),
-  endDate: i(r(/* @__PURE__ */ new Date(), -1), {
-    weekStartsOn: 1
-  })
-}, {
-  label: "Last 2 Weeks",
-  startDate: w(r(/* @__PURE__ */ new Date(), -2), {
-    weekStartsOn: 1
-  }),
-  endDate: i(r(/* @__PURE__ */ new Date(), -1), {
-    weekStartsOn: 1
-  })
-}, {
-  label: "Last Month",
-  startDate: y(l(/* @__PURE__ */ new Date(), -1)),
-  endDate: u(l(/* @__PURE__ */ new Date(), -1))
-}, {
-  label: "Last Year",
-  startDate: M(O(/* @__PURE__ */ new Date(), -1)),
-  endDate: b(O(/* @__PURE__ */ new Date(), -1))
-}], G = (t, e, Y, S, c, k) => {
-  const D = (c || W).map(({
-    label: o,
-    startDate: m,
-    endDate: d
-  }) => ({
-    label: o,
-    range: (a) => ({
-      startDate: m,
-      endDate: d
-    }),
-    isSelected: (a) => a.startDate && a.endDate ? s(a.startDate, m) && s(a.endDate, d) : !1
-  }));
-  return k ? D.concat({
-    label: "Custom Range",
-    range: (o) => (e(), {
-      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
-      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
-    }),
-    isSelected: (o) => S
-  }) : D;
-}, H = (t) => ({
-  ...t,
-  rangeColors: [t.color ?? "#9E1CB5"],
-  weekStartsOn: 1,
-  inputRanges: [],
-  ranges: [t.selectedRange ?? {
-    startDate: /* @__PURE__ */ new Date(),
-    endDate: /* @__PURE__ */ new Date()
-  }],
-  months: t.months,
-  onChange: (e) => {
-    t.setSelectedRange(e.range1);
-  }
-});
+const t = "";
 export {
-  H as getCalendarProps,
-  A as getSelectedRangeText,
-  G as getStaticRanges
+  t as default
 };
 //# sourceMappingURL=sd-component-library297.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library297.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/utils.ts"],"sourcesContent":["import { OnChangeProps, Range, StaticRange } from \"react-date-range\";\n\nimport {\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  endOfDay,\n  endOfMonth,\n  endOfWeek,\n  endOfYear,\n  format,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n} from \"date-fns\";\n\nimport { OnRangeSelection, StaticRangeOption } from \"./interfaces\";\nimport { BaseDateRangeInputMobileProps } from \"./partials/base-date-range-input-mobile/interfaces\";\n\nconst getFormattedDate = (date: Date) => format(date, \"EEE d MMM yyyy\");\n\nexport const getSelectedRangeText = (range: Range | null | undefined) => {\n  const defaultText = \"No date selected\";\n\n  return !range || !range.startDate || !range.endDate\n    ? defaultText\n    : isSameDay(range.startDate, range.endDate)\n    ? getFormattedDate(range.startDate)\n    : `${getFormattedDate(range.startDate)} - ${getFormattedDate(\n        range.endDate\n      )}`;\n};\n\nconst ranges = [\n  {\n    label: \"Yesterday\",\n    startDate: startOfDay(addDays(new Date(), -1)),\n    endDate: endOfDay(addDays(new Date(), -1)),\n  },\n  {\n    label: \"Last Week\",\n    startDate: startOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last 2 Weeks\",\n    startDate: startOfWeek(addWeeks(new Date(), -2), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last Month\",\n    startDate: startOfMonth(addMonths(new Date(), -1)),\n    endDate: endOfMonth(addMonths(new Date(), -1)),\n  },\n  {\n    label: \"Last Year\",\n    startDate: startOfYear(addYears(new Date(), -1)),\n    endDate: endOfYear(addYears(new Date(), -1)),\n  },\n];\n\nexport const getStaticRanges = (\n  selectedRange: Range | undefined | null,\n  onCustomRangeSelect: () => void,\n  deselectCustomRange: () => void,\n  customOptionSelected: boolean,\n  customRanges?: StaticRangeOption[],\n  mobile?: boolean\n): StaticRange[] => {\n  const rangesToShow = customRanges || ranges;\n  const staticRanges: StaticRange[] = rangesToShow.map(\n    ({ label, startDate, endDate }) => ({\n      label,\n      range: (_) => ({\n        startDate,\n        endDate,\n      }),\n      isSelected: (range) =>\n        range.startDate && range.endDate\n          ? isSameDay(range.startDate, startDate) &&\n            isSameDay(range.endDate, endDate)\n          : false,\n    })\n  );\n\n  return !mobile\n    ? staticRanges\n    : staticRanges.concat({\n        label: \"Custom Range\",\n        range: (_) => {\n          onCustomRangeSelect();\n          return {\n            startDate: selectedRange?.startDate || new Date(),\n            endDate: selectedRange?.endDate || new Date(),\n          };\n        },\n        isSelected: (_) => customOptionSelected,\n      });\n};\n\nexport const getCalendarProps = (props: BaseDateRangeInputMobileProps) => ({\n  ...props,\n  rangeColors: [props.color ?? \"#9E1CB5\"],\n  weekStartsOn: 1,\n  inputRanges: [],\n  ranges: [\n    props.selectedRange ?? {\n      startDate: new Date(),\n      endDate: new Date(),\n    },\n  ],\n  months: props.months,\n  onChange: (value: OnChangeProps) => {\n    props.setSelectedRange((value as OnRangeSelection).range1);\n  },\n});\n"],"names":["getFormattedDate","date","format","getSelectedRangeText","range","defaultText","startDate","endDate","isSameDay","ranges","label","startOfDay","addDays","Date","endOfDay","startOfWeek","addWeeks","weekStartsOn","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","map","_","isSelected","concat","getCalendarProps","props","rangeColors","color","inputRanges","months","onChange","value","setSelectedRange","range1"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAAmBA,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuBA,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEpB,SAAO,CAACD,KAAS,CAACA,EAAME,aAAa,CAACF,EAAMG,UACxCF,IACAG,EAAUJ,EAAME,WAAWF,EAAMG,OAAO,IACxCP,EAAiBI,EAAME,SAAS,IAC/B,GAAEN,EAAiBI,EAAME,SAAS,CAAE,MAAKN,EACxCI,EAAMG,OACR,CAAE;AACR,GAEME,IAAS,CACb;AAAA,EACEC,OAAO;AAAA,EACPJ,WAAWK,EAAWC,sBAAYC,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7CN,SAASO,EAASF,sBAAYC,KAAK,GAAG,EAAE,CAAC;AAC3C,GACA;AAAA,EACEH,OAAO;AAAA,EACPJ,WAAWS,EAAYC,sBAAaH,KAAK,GAAG,EAAE,GAAG;AAAA,IAAEI,cAAc;AAAA,EAAA,CAAG;AAAA,EACpEV,SAASW,EAAUF,sBAAaH,KAAK,GAAG,EAAE,GAAG;AAAA,IAAEI,cAAc;AAAA,EAAA,CAAG;AAClE,GACA;AAAA,EACEP,OAAO;AAAA,EACPJ,WAAWS,EAAYC,sBAAaH,KAAK,GAAG,EAAE,GAAG;AAAA,IAAEI,cAAc;AAAA,EAAA,CAAG;AAAA,EACpEV,SAASW,EAAUF,sBAAaH,KAAK,GAAG,EAAE,GAAG;AAAA,IAAEI,cAAc;AAAA,EAAA,CAAG;AAClE,GACA;AAAA,EACEP,OAAO;AAAA,EACPJ,WAAWa,EAAaC,sBAAcP,KAAK,GAAG,EAAE,CAAC;AAAA,EACjDN,SAASc,EAAWD,sBAAcP,KAAK,GAAG,EAAE,CAAC;AAC/C,GACA;AAAA,EACEH,OAAO;AAAA,EACPJ,WAAWgB,EAAYC,sBAAaV,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/CN,SAASiB,EAAUD,sBAAaV,KAAK,GAAG,EAAE,CAAC;AAC7C,CAAC,GAGUY,IAAkBA,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAEZC,QAAAA,KADeF,KAAgBrB,GACYwB,IAC/C,CAAC;AAAA,IAAEvB,OAAAA;AAAAA,IAAOJ,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,EAAAA,OAAe;AAAA,IAClCG,OAAAA;AAAAA,IACAN,OAAQ8B,CAAOA,OAAA;AAAA,MACb5B,WAAAA;AAAAA,MACAC,SAAAA;AAAAA,IAAAA;AAAAA,IAEF4B,YAAa/B,CAAAA,MACXA,EAAME,aAAaF,EAAMG,UACrBC,EAAUJ,EAAME,WAAWA,CAAS,KACpCE,EAAUJ,EAAMG,SAASA,CAAO,IAChC;AAAA,EAEV,EAAA;AAEA,SAAQwB,IAEJC,EAAaI,OAAO;AAAA,IAClB1B,OAAO;AAAA,IACPN,OAAQ8B,CAAMA,OACQP,KACb;AAAA,MACLrB,YAAWoB,KAAAA,gBAAAA,EAAepB,cAAa,oBAAIO,KAAK;AAAA,MAChDN,UAASmB,KAAAA,gBAAAA,EAAenB,YAAW,oBAAIM,KAAK;AAAA,IAAA;AAAA,IAGhDsB,YAAaD,CAAML,MAAAA;AAAAA,EAAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmBA,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAAA,EACHC,aAAa,CAACD,EAAME,SAAS,SAAS;AAAA,EACtCvB,cAAc;AAAA,EACdwB,aAAa,CAAE;AAAA,EACfhC,QAAQ,CACN6B,EAAMZ,iBAAiB;AAAA,IACrBpB,+BAAeO,KAAK;AAAA,IACpBN,6BAAaM,KAAK;AAAA,EAAA,CACnB;AAAA,EAEH6B,QAAQJ,EAAMI;AAAAA,EACdC,UAAUA,CAACC,MAAyB;AAC5BC,IAAAA,EAAAA,iBAAkBD,EAA2BE,MAAM;AAAA,EAC3D;AACF;"}
+{"version":3,"file":"sd-component-library297.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library298.js

@@ -1,80 +1,5 @@
-import { j as r } from "./sd-component-library195.js";
-import l from "react";
-import "./sd-component-library301.js";
-import "./sd-component-library197.js";
-import { getCalendarProps as s } from "./sd-component-library297.js";
-import { Box as x } from "./sd-component-library198.js";
-import { OutsideClickBox as m } from "./sd-component-library14.js";
-import { ResponsiveTextV2 as c } from "./sd-component-library147.js";
-import { __exports as f } from "./sd-component-library302.js";
-import { SelectedRangeText as h } from "./sd-component-library659.js";
-import { FrFrContainer as g } from "./sd-component-library39.js";
-import { PrimaryTextButton as u } from "./sd-component-library24.js";
-import { ApplyButton as R } from "./sd-component-library660.js";
-const A = l.forwardRef((e, i) => {
-  const {
-    zIndex: a,
-    customOptionSelected: n,
-    handleCancel: o,
-    getStaticRanges: d
-  } = e, p = (t) => {
-    t == null || t.preventDefault(), o();
-  };
-  return /* @__PURE__ */ r.jsx(x, { sx: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    overflowY: "auto",
-    py: "30px",
-    bg: "#434A5499"
-  }, "data-test": "calendar-wrapper", children: /* @__PURE__ */ r.jsxs(m, { onClickOutside: p, sx: {
-    borderStyle: "solid",
-    borderWidth: "1px",
-    borderColor: "cl_lightGrey",
-    minWidth: "352px",
-    width: "max-content",
-    backgroundColor: "#fff",
-    m: "auto",
-    borderRadius: "4px",
-    zIndex: a,
-    ".rdrDateRangePickerWrapper": {
-      width: "100%",
-      flexDirection: "column"
-    },
-    ".rdrDefinedRangesWrapper": {
-      width: "100%"
-    },
-    ".rdrCalendarWrapper": {
-      display: n ? "inline-flex" : "none"
-    },
-    ".rdrInputRanges": {
-      display: "none"
-    },
-    ".rdrStaticRanges:before": {
-      fontSize: "16px",
-      fontFamily: "proxima-nova",
-      color: "#9BA2B4",
-      fontWeight: "300",
-      p: "10px 20px"
-    },
-    ".rdrStaticRange": {
-      fontSize: "16px",
-      fontFamily: "proxima-nova",
-      color: "#434A54",
-      borderBottomWidth: "0"
-    }
-  }, children: [
-    /* @__PURE__ */ r.jsx(c, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(f.DateRangePicker, { ...s(e), direction: "vertical", staticRanges: d(!0) }) }),
-    /* @__PURE__ */ r.jsx(h, { ...e, isMobile: !0 }),
-    /* @__PURE__ */ r.jsxs(g, { p: "10px 20px", children: [
-      /* @__PURE__ */ r.jsx(u, { onClick: o, height: "42px", color: "cl_darkGrey", padding: "0", children: "Cancel" }),
-      /* @__PURE__ */ r.jsx(R, { ...e })
-    ] })
-  ] }) });
-});
+var r = {};
 export {
-  A as BaseDateRangeInputMobile
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library298.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library298.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n      props;\n\n    const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n      event?.preventDefault();\n      handleCancel();\n    };\n\n    return (\n      <Box\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          overflowY: \"auto\",\n          py: \"30px\",\n          bg: \"#434A5499\",\n        }}\n        data-test=\"calendar-wrapper\"\n      >\n        <OutsideClickBox\n          onClickOutside={onClickOutside}\n          sx={{\n            borderStyle: \"solid\",\n            borderWidth: \"1px\",\n            borderColor: \"cl_lightGrey\",\n            minWidth: \"352px\",\n            width: \"max-content\",\n            backgroundColor: \"#fff\",\n            m: \"auto\",\n            borderRadius: \"4px\",\n            zIndex,\n            \".rdrDateRangePickerWrapper\": {\n              width: \"100%\",\n              flexDirection: \"column\",\n            },\n            \".rdrDefinedRangesWrapper\": {\n              width: \"100%\",\n            },\n            \".rdrCalendarWrapper\": {\n              display: customOptionSelected ? \"inline-flex\" : \"none\",\n            },\n            \".rdrInputRanges\": {\n              display: \"none\",\n            },\n            \".rdrStaticRanges:before\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#9BA2B4\",\n              fontWeight: \"300\",\n              p: \"10px 20px\",\n            },\n            \".rdrStaticRange\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#434A54\",\n              borderBottomWidth: \"0\",\n            },\n          }}\n        >\n          <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n            <DateRangePicker\n              {...getCalendarProps(props)}\n              direction=\"vertical\"\n              staticRanges={getStaticRanges(true)}\n            />\n          </ResponsiveTextV2>\n\n          <SelectedRangeText {...props} isMobile />\n\n          <FrFrContainer p=\"10px 20px\">\n            <PrimaryTextButton\n              onClick={handleCancel}\n              height=\"42px\"\n              color=\"cl_darkGrey\"\n              padding=\"0\"\n            >\n              Cancel\n            </PrimaryTextButton>\n\n            <ApplyButton {...props} />\n          </FrFrContainer>\n        </OutsideClickBox>\n      </Box>\n    );\n  }\n);\n"],"names":["BaseDateRangeInputMobile","React","forwardRef","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","preventDefault","jsx","Box","position","top","left","width","height","overflowY","py","bg","jsxs","OutsideClickBox","borderStyle","borderWidth","borderColor","minWidth","backgroundColor","m","borderRadius","flexDirection","display","fontSize","fontFamily","color","fontWeight","p","borderBottomWidth","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAMC,WAC5C,CAACC,GAAOC,MAAQ;AACR,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,sBAAAA;AAAAA,IAAsBC,cAAAA;AAAAA,IAAcC,iBAAAA;AAAAA,EAClDL,IAAAA,GAEIM,IAAiBA,CAACC,MAA6C;AACnEA,IAAAA,KAAAA,QAAAA,EAAOC,kBACMJ;EAAA;AAIb,SAAAK,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,IAAI;AAAA,IACJC,IAAI;AAAA,EAAA,GAEN,aAAU,oBAEV,UAACC,gBAAAA,EAAA,KAAAC,GAAA,EACC,gBAAAd,GACA,IAAI;AAAA,IACFe,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVV,OAAO;AAAA,IACPW,iBAAiB;AAAA,IACjBC,GAAG;AAAA,IACHC,cAAc;AAAA,IACdzB,QAAAA;AAAAA,IACA,8BAA8B;AAAA,MAC5BY,OAAO;AAAA,MACPc,eAAe;AAAA,IACjB;AAAA,IACA,4BAA4B;AAAA,MAC1Bd,OAAO;AAAA,IACT;AAAA,IACA,uBAAuB;AAAA,MACrBe,SAAS1B,IAAuB,gBAAgB;AAAA,IAClD;AAAA,IACA,mBAAmB;AAAA,MACjB0B,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzBC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,OAAO;AAAA,MACPC,YAAY;AAAA,MACZC,GAAG;AAAA,IACL;AAAA,IACA,mBAAmB;AAAA,MACjBJ,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,OAAO;AAAA,MACPG,mBAAmB;AAAA,IACrB;AAAA,EAGF,GAAA,UAAA;AAAA,IAAA1B,gBAAAA,MAAC2B,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAnC,GACnD,UAACQ,gBAAAA,MAAA4B,EAAAA,iBAAA,EACC,GAAIC,EAAiBtC,CAAK,GAC1B,WAAU,YACV,cAAcK,EAAgB,EAAI,EAAE,CAAA,GAExC;AAAA,IAECI,gBAAAA,EAAA,IAAA8B,GAAA,KAAsBvC,GAAO,UAAQ,GAAA,CAAA;AAAA,IAEtCmB,gBAAAA,EAAAA,KAACqB,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,MAAC/B,gBAAAA,EAAAA,IAAAgC,GAAA,EACC,SAASrC,GACT,QAAO,QACP,OAAM,eACN,SAAQ,KAAG,UAGb,SAAA,CAAA;AAAA,MAEAK,gBAAAA,EAAAA,IAACiC,GAAY,EAAA,GAAI1C,GAAM;AAAA,IAAA,GACzB;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library298.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}