@selfdecode/sd-component-library 4.0.107 → 4.0.109

package/lib/sd-component-library288.js

@@ -1,5 +1,73 @@
-var e = {};
+import { startOfDay as y, addDays as l, endOfDay as i, startOfWeek as O, addWeeks as n, endOfWeek as S, startOfMonth as u, addMonths as f, endOfMonth as M, startOfYear as b, addYears as c, endOfYear as C, isSameDay as r, format as W } from "date-fns";
+const D = (t) => W(t, "EEE d MMM yyyy"), x = (t) => {
+  const e = "No date selected";
+  return !t || !t.startDate || !t.endDate ? e : r(t.startDate, t.endDate) ? D(t.startDate) : `${D(t.startDate)} - ${D(
+    t.endDate
+  )}`;
+}, Y = [
+  {
+    label: "Yesterday",
+    startDate: y(l(/* @__PURE__ */ new Date(), -1)),
+    endDate: i(l(/* @__PURE__ */ new Date(), -1))
+  },
+  {
+    label: "Last Week",
+    startDate: O(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 }),
+    endDate: S(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  },
+  {
+    label: "Last 2 Weeks",
+    startDate: O(n(/* @__PURE__ */ new Date(), -2), { weekStartsOn: 1 }),
+    endDate: S(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  },
+  {
+    label: "Last Month",
+    startDate: u(f(/* @__PURE__ */ new Date(), -1)),
+    endDate: M(f(/* @__PURE__ */ new Date(), -1))
+  },
+  {
+    label: "Last Year",
+    startDate: b(c(/* @__PURE__ */ new Date(), -1)),
+    endDate: C(c(/* @__PURE__ */ new Date(), -1))
+  }
+], _ = (t, e, E, k, m, h) => {
+  const o = (m || Y).map(
+    ({ label: s, startDate: d, endDate: w }) => ({
+      label: s,
+      range: (a) => ({
+        startDate: d,
+        endDate: w
+      }),
+      isSelected: (a) => a.startDate && a.endDate ? r(a.startDate, d) && r(a.endDate, w) : !1
+    })
+  );
+  return h ? o.concat({
+    label: "Custom Range",
+    range: (s) => (e(), {
+      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
+      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
+    }),
+    isSelected: (s) => k
+  }) : o;
+}, g = (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);
+  }
+});
 export {
-  e as __exports
+  g as getCalendarProps,
+  x as getSelectedRangeText,
+  _ as getStaticRanges
 };
 //# sourceMappingURL=sd-component-library288.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library288.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library288.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","isSameDay","ranges","startOfDay","addDays","endOfDay","startOfWeek","addWeeks","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","label","startDate","endDate","_","getCalendarProps","props","value"],"mappings":";AAsBA,MAAMA,IAAmB,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuB,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEb,SAAA,CAACD,KAAS,CAACA,EAAM,aAAa,CAACA,EAAM,UACxCC,IACAC,EAAUF,EAAM,WAAWA,EAAM,OAAO,IACxCJ,EAAiBI,EAAM,SAAS,IAChC,GAAGJ,EAAiBI,EAAM,SAAS,CAAC,MAAMJ;AAAA,IACxCI,EAAM;AAAA,EACP,CAAA;AACP,GAEMG,IAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,WAAWC,EAAWC,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,IAC7C,SAASC,EAASD,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWD,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAaC,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,IACjD,SAASC,EAAWD,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,IAC/C,SAASC,EAAUD,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7C;AACF,GAEaE,IAAkB,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAElB,QAAMC,KADeF,KAAgBlB,GACY;AAAA,IAC/C,CAAC,EAAE,OAAAqB,GAAO,WAAAC,GAAW,SAAAC,SAAe;AAAA,MAClC,OAAAF;AAAA,MACA,OAAO,CAACG,OAAO;AAAA,QACb,WAAAF;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,YAAY,CAAC1B,MACXA,EAAM,aAAaA,EAAM,UACrBE,EAAUF,EAAM,WAAWyB,CAAS,KACpCvB,EAAUF,EAAM,SAAS0B,CAAO,IAChC;AAAA,IAAA;AAAA,EACR;AAGF,SAAQJ,IAEJC,EAAa,OAAO;AAAA,IAClB,OAAO;AAAA,IACP,OAAO,CAACI,OACcT,KACb;AAAA,MACL,YAAWD,KAAA,gBAAAA,EAAe,cAAa,oBAAI,KAAK;AAAA,MAChD,UAASA,KAAA,gBAAAA,EAAe,YAAW,oBAAI,KAAK;AAAA,IAAA;AAAA,IAGhD,YAAY,CAACU,MAAMP;AAAA,EAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmB,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAA,EACH,aAAa,CAACA,EAAM,SAAS,SAAS;AAAA,EACtC,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,IACNA,EAAM,iBAAiB;AAAA,MACrB,+BAAe,KAAK;AAAA,MACpB,6BAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EACA,QAAQA,EAAM;AAAA,EACd,UAAU,CAACC,MAAyB;AAC5B,IAAAD,EAAA,iBAAkBC,EAA2B,MAAM;AAAA,EAC3D;AACF;"}

package/lib/sd-component-library289.js

@@ -1,39 +1,105 @@
-var c = function u(r, t) {
-  if (r === t)
-    return !0;
-  if (r && t && typeof r == "object" && typeof t == "object") {
-    if (r.constructor !== t.constructor)
-      return !1;
-    var f, e, o;
-    if (Array.isArray(r)) {
-      if (f = r.length, f != t.length)
-        return !1;
-      for (e = f; e-- !== 0; )
-        if (!u(r[e], t[e]))
-          return !1;
-      return !0;
-    }
-    if (r.constructor === RegExp)
-      return r.source === t.source && r.flags === t.flags;
-    if (r.valueOf !== Object.prototype.valueOf)
-      return r.valueOf() === t.valueOf();
-    if (r.toString !== Object.prototype.toString)
-      return r.toString() === t.toString();
-    if (o = Object.keys(r), f = o.length, f !== Object.keys(t).length)
-      return !1;
-    for (e = f; e-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, o[e]))
-        return !1;
-    for (e = f; e-- !== 0; ) {
-      var n = o[e];
-      if (!u(r[n], t[n]))
-        return !1;
-    }
-    return !0;
+import { j as r } from "./sd-component-library198.js";
+import l from "react";
+import { DateRangePicker as s } from "react-date-range";
+import { Box as x } from "rebass";
+import { getCalendarProps as c } from "./sd-component-library288.js";
+import { OutsideClickBox as m } from "./sd-component-library12.js";
+import { ResponsiveTextV2 as f } from "./sd-component-library152.js";
+import { SelectedRangeText as h } from "./sd-component-library324.js";
+import { FrFrContainer as g } from "./sd-component-library38.js";
+import { PrimaryTextButton as u } from "./sd-component-library22.js";
+import { ApplyButton as R } from "./sd-component-library325.js";
+const z = l.forwardRef(
+  (e, i) => {
+    const { zIndex: n, customOptionSelected: a, 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-testid": "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: n,
+              ".rdrDateRangePickerWrapper": {
+                width: "100%",
+                flexDirection: "column"
+              },
+              ".rdrDefinedRangesWrapper": {
+                width: "100%"
+              },
+              ".rdrCalendarWrapper": {
+                display: a ? "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(f, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(
+                s,
+                {
+                  ...c(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 })
+              ] })
+            ]
+          }
+        )
+      }
+    );
   }
-  return r !== r && t !== t;
-};
+);
 export {
-  c as f
+  z as BaseDateRangeInputMobile
 };
 //# sourceMappingURL=sd-component-library289.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library289.js","sources":["../node_modules/fast-deep-equal/index.js"],"sourcesContent":["'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n  if (a === b) return true;\n\n  if (a && b && typeof a == 'object' && typeof b == 'object') {\n    if (a.constructor !== b.constructor) return false;\n\n    var length, i, keys;\n    if (Array.isArray(a)) {\n      length = a.length;\n      if (length != b.length) return false;\n      for (i = length; i-- !== 0;)\n        if (!equal(a[i], b[i])) return false;\n      return true;\n    }\n\n\n\n    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n    keys = Object.keys(a);\n    length = keys.length;\n    if (length !== Object.keys(b).length) return false;\n\n    for (i = length; i-- !== 0;)\n      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n    for (i = length; i-- !== 0;) {\n      var key = keys[i];\n\n      if (!equal(a[key], b[key])) return false;\n    }\n\n    return true;\n  }\n\n  // true if both NaN, false otherwise\n  return a!==a && b!==b;\n};\n"],"names":["fastDeepEqual","equal","a","b","length","i","keys","key"],"mappings":"AAMA,IAAAA,IAAiB,SAASC,EAAMC,GAAGC,GAAG;AACpC,MAAID,MAAMC;AAAG,WAAO;AAEpB,MAAID,KAAKC,KAAK,OAAOD,KAAK,YAAY,OAAOC,KAAK,UAAU;AAC1D,QAAID,EAAE,gBAAgBC,EAAE;AAAa,aAAO;AAE5C,QAAIC,GAAQC,GAAGC;AACf,QAAI,MAAM,QAAQJ,CAAC,GAAG;AAEpB,UADAE,IAASF,EAAE,QACPE,KAAUD,EAAE;AAAQ,eAAO;AAC/B,WAAKE,IAAID,GAAQC,QAAQ;AACvB,YAAI,CAACJ,EAAMC,EAAEG,CAAC,GAAGF,EAAEE,CAAC,CAAC;AAAG,iBAAO;AACjC,aAAO;AAAA,IACR;AAID,QAAIH,EAAE,gBAAgB;AAAQ,aAAOA,EAAE,WAAWC,EAAE,UAAUD,EAAE,UAAUC,EAAE;AAC5E,QAAID,EAAE,YAAY,OAAO,UAAU;AAAS,aAAOA,EAAE,QAAO,MAAOC,EAAE,QAAO;AAC5E,QAAID,EAAE,aAAa,OAAO,UAAU;AAAU,aAAOA,EAAE,SAAQ,MAAOC,EAAE,SAAQ;AAIhF,QAFAG,IAAO,OAAO,KAAKJ,CAAC,GACpBE,IAASE,EAAK,QACVF,MAAW,OAAO,KAAKD,CAAC,EAAE;AAAQ,aAAO;AAE7C,SAAKE,IAAID,GAAQC,QAAQ;AACvB,UAAI,CAAC,OAAO,UAAU,eAAe,KAAKF,GAAGG,EAAKD,CAAC,CAAC;AAAG,eAAO;AAEhE,SAAKA,IAAID,GAAQC,QAAQ,KAAI;AAC3B,UAAIE,IAAMD,EAAKD,CAAC;AAEhB,UAAI,CAACJ,EAAMC,EAAEK,CAAG,GAAGJ,EAAEI,CAAG,CAAC;AAAG,eAAO;AAAA,IACpC;AAED,WAAO;AAAA,EACR;AAGD,SAAOL,MAAIA,KAAKC,MAAIA;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library289.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-testid=\"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","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,eAAY;AAAA,QAEZ,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/lib/sd-component-library29.js

@@ -1,51 +1,56 @@
-import { j as i } from "./sd-component-library197.js";
-import { useRef as p, useState as x, useCallback as C, useEffect as b } from "react";
-import { debounce as R } from "lodash-es";
-import { Card as w } from "rebass";
-const z = (o) => {
-  const {
-    width: d = ["max-content"],
-    borderWidth: s = ["10px"],
-    p: c = ["10%"],
-    borderColor: a = "cl_lightGrey",
-    height: l,
-    children: u,
-    backgroundColor: h = "cl_white",
-    borderRadius: m,
-    minWidth: f
-  } = o, e = p(null), [t, g] = x(0), r = () => {
-    e.current && g(e.current.getBoundingClientRect().height);
-  }, n = C(R(r, 200), [
-    e
-  ]);
-  return b(() => (setTimeout(() => {
-    r();
-  }), window.addEventListener("resize", n), () => {
-    window.addEventListener("resize", n);
-  }), []), /* @__PURE__ */ i.jsx("div", { ref: e, children: /* @__PURE__ */ i.jsx(
-    w,
-    {
-      "data-testid": "round-card",
-      sx: {
-        position: "relative",
-        display: "grid",
-        alignItems: "center",
-        justifyContent: "center",
-        p: c,
-        height: l,
-        width: d,
-        backgroundColor: h,
-        minWidth: t || f,
-        borderRadius: m || `${t}px`,
-        borderStyle: "solid",
-        borderWidth: s,
-        borderColor: a
-      },
-      children: u
+import { j as n } from "./sd-component-library198.js";
+import { Box as p } from "rebass";
+import { ReactComponent as i } from "./sd-component-library189.js";
+import { ReactComponent as a } from "./sd-component-library188.js";
+import { ReactComponent as x } from "./sd-component-library178.js";
+import { ReactComponent as C } from "./sd-component-library180.js";
+const t = ({
+  sx: o,
+  onClick: r,
+  fill: c,
+  iconHeight: s,
+  IconComponent: m,
+  disabled: e
+}) => /* @__PURE__ */ n.jsx(
+  p,
+  {
+    onClick: e ? void 0 : r,
+    sx: {
+      bg: "transparent",
+      cursor: "pointer",
+      width: "min-content",
+      ...o
+    },
+    children: /* @__PURE__ */ n.jsx(
+      m,
+      {
+        style: {
+          height: s || "18px",
+          fill: e ? "#CCD0DB" : c || "#4568F9"
+        }
+      }
+    )
+  }
+), S = ({
+  rotationDegree: o,
+  iconHeight: r,
+  ...c
+}) => /* @__PURE__ */ n.jsx(
+  t,
+  {
+    ...c,
+    iconHeight: r || "12px",
+    IconComponent: i,
+    sx: {
+      transform: `rotate(${o}deg)`
     }
-  ) });
-};
+  }
+), B = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: a }), v = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: x, iconHeight: "16px" }), R = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: C });
 export {
-  z as RoundCard
+  v as CrossIconButton,
+  R as HamburgerIconButton,
+  t as IconButton,
+  B as SearchIconButton,
+  S as ShortArrowIconButton
 };
 //# sourceMappingURL=sd-component-library29.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library29.js","sources":["../src/components/cards/round-card/round-card.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { debounce } from \"lodash-es\";\nimport { Card } from \"rebass\";\n\nimport { RoundCardProps } from \"./interfaces\";\n\n/**\n *  RoundCard component.\n */\nexport const RoundCard: React.FC<RoundCardProps> = (props) => {\n  const {\n    width = [\"max-content\"],\n    borderWidth = [\"10px\"],\n    p = [\"10%\"],\n    borderColor = \"cl_lightGrey\",\n    height,\n    children,\n    backgroundColor = \"cl_white\",\n    borderRadius,\n    minWidth,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = () => {\n    if (contentRef.current)\n      setContentHeight(contentRef.current.getBoundingClientRect().height);\n  };\n\n  /**\n   * Waits 0.2s and updates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    contentRef,\n  ]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.addEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return (\n    <div ref={contentRef}>\n      <Card\n        data-testid=\"round-card\"\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          p,\n          height,\n          width,\n          backgroundColor,\n          minWidth: contentHeight || minWidth,\n          borderRadius: borderRadius || `${contentHeight}px`,\n          borderStyle: \"solid\",\n          borderWidth,\n          borderColor,\n        }}\n      >\n        {children}\n      </Card>\n    </div>\n  );\n};\n"],"names":["RoundCard","props","width","borderWidth","p","borderColor","height","children","backgroundColor","borderRadius","minWidth","contentRef","useRef","contentHeight","setContentHeight","useState","calcContentHeight","handleResize","useCallback","debounce","useEffect","jsx","Card"],"mappings":";;;;AAUa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,aAAAC,IAAc,CAAC,MAAM;AAAA,IACrB,GAAAC,IAAI,CAAC,KAAK;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,cAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAT,GAEEU,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAeC,CAAgB,IAAIC,EAAiB,CAAC,GAEtDC,IAAoB,MAAM;AAC9B,IAAIL,EAAW,WACbG,EAAiBH,EAAW,QAAQ,sBAAsB,EAAE,MAAM;AAAA,EAAA,GAMhEM,IAAeC,EAAYC,EAASH,GAAmB,GAAG,GAAG;AAAA,IACjEL;AAAA,EAAA,CACD;AAED,SAAAS,EAAU,OACR,WAAW,MAAM;AACG,IAAAJ;EAAA,CACnB,GAEM,OAAA,iBAAiB,UAAUC,CAAY,GACvC,MAAM;AACJ,WAAA,iBAAiB,UAAUA,CAAY;AAAA,EAAA,IAE/C,CAAE,CAAA,GAGHI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKV,GACR,UAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,GAAAlB;AAAA,QACA,QAAAE;AAAA,QACA,OAAAJ;AAAA,QACA,iBAAAM;AAAA,QACA,UAAUK,KAAiBH;AAAA,QAC3B,cAAcD,KAAgB,GAAGI,CAAa;AAAA,QAC9C,aAAa;AAAA,QACb,aAAAV;AAAA,QACA,aAAAE;AAAA,MACF;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library29.js","sources":["../src/components/buttons/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> = ({\n  sx,\n  onClick,\n  fill,\n  iconHeight,\n  IconComponent,\n  disabled,\n}) => (\n  <Box\n    onClick={disabled ? undefined : 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\nexport const ShortArrowIconButton: React.FC<ShortArrowIconButtonProps> = ({\n  rotationDegree,\n  iconHeight,\n  ...rest\n}) => (\n  <IconButton\n    {...rest}\n    iconHeight={iconHeight || \"12px\"}\n    IconComponent={ShortDownArrowIcon}\n    sx={{\n      transform: `rotate(${rotationDegree}deg)`,\n    }}\n  />\n);\n\nexport const SearchIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => <IconButton {...props} IconComponent={SearchIcon} />;\n\nexport const CrossIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\" | \"iconHeight\">\n> = (props) => (\n  <IconButton {...props} IconComponent={CrossIcon} iconHeight=\"16px\" />\n);\n\nexport const HamburgerIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => <IconButton {...props} IconComponent={HamburgerIcon} />;\n"],"names":["IconButton","sx","onClick","fill","iconHeight","IconComponent","disabled","jsx","Box","ShortArrowIconButton","rotationDegree","rest","ShortDownArrowIcon","SearchIconButton","props","SearchIcon","CrossIconButton","CrossIcon","HamburgerIconButton","HamburgerIcon"],"mappings":";;;;;;AAYO,MAAMA,IAAwC,CAAC;AAAA,EACpD,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAASF,IAAW,SAAYJ;AAAA,IAChC,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,GAAGD;AAAA,IACL;AAAA,IAEA,UAAAM,gBAAAA,EAAA;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,QAAQD,KAAc;AAAA,UACtB,MAAME,IAAW,YAAYH,KAAQ;AAAA,QACvC;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF,GAGWM,IAA4D,CAAC;AAAA,EACxE,gBAAAC;AAAA,EACA,YAAAN;AAAA,EACA,GAAGO;AACL,MACEJ,gBAAAA,EAAA;AAAA,EAACP;AAAA,EAAA;AAAA,IACE,GAAGW;AAAA,IACJ,YAAYP,KAAc;AAAA,IAC1B,eAAeQ;AAAAA,IACf,IAAI;AAAA,MACF,WAAW,UAAUF,CAAc;AAAA,IACrC;AAAA,EAAA;AACF,GAGWG,IAET,CAACC,MAAUP,gBAAAA,MAACP,KAAY,GAAGc,GAAO,eAAeC,GAAY,GAEpDC,IAET,CAACF,MACFP,gBAAAA,EAAA,IAAAP,GAAA,EAAY,GAAGc,GAAO,eAAeG,GAAW,YAAW,OAAO,CAAA,GAGxDC,IAET,CAACJ,MAAUP,gBAAAA,MAACP,KAAY,GAAGc,GAAO,eAAeK,EAAe,CAAA;"}

package/lib/sd-component-library290.js

@@ -1,17 +1,109 @@
-import { getDefaultExportFromCjs as e } from "./sd-component-library287.js";
-import { __module as r } from "./sd-component-library291.js";
-import { __require as o } from "./sd-component-library292.js";
-import { __require as p } from "./sd-component-library293.js";
-import { __require as t } from "./sd-component-library294.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = o(), i = !0;
-  r.exports = p()(s.isElement, i);
-} else
-  r.exports = t()();
-var a = r.exports;
-const q = /* @__PURE__ */ e(a);
+import { j as e } from "./sd-component-library198.js";
+import { DateRangePicker as p } from "react-date-range";
+import { Box as l } from "rebass";
+import { getCalendarProps as x } from "./sd-component-library288.js";
+import { TenSb as m } from "./sd-component-library155.js";
+import { PrimaryTextButton as s } from "./sd-component-library22.js";
+import { SelectedRangeText as c } from "./sd-component-library324.js";
+import { ApplyButton as f } from "./sd-component-library325.js";
+import { GridContainerV2 as g } from "./sd-component-library40.js";
+const B = (r) => {
+  const {
+    selectedRange: o,
+    zIndex: n,
+    getStaticRanges: i,
+    handleCancel: a,
+    quickSelectionLabel: d,
+    alignCalendar: t
+  } = r;
+  return /* @__PURE__ */ e.jsxs(
+    l,
+    {
+      sx: {
+        overflowX: "auto",
+        borderStyle: "solid",
+        borderWidth: "1px",
+        minWidth: "max-content",
+        borderColor: "cl_lightGrey",
+        position: "absolute",
+        maxWidth: "max-content",
+        width: "max-content",
+        top: 0,
+        left: t === "left" ? "0" : t === "right" ? "unset" : void 0,
+        right: t === "right" ? "0" : t === "left" ? "unset" : void 0,
+        margin: "auto",
+        backgroundColor: "#fff",
+        zIndex: n,
+        ".rdrDateRangePickerWrapper": {
+          width: "unset",
+          flexDirection: "row"
+        },
+        ".rdrDefinedRangesWrapper": {
+          width: "226px"
+        },
+        ".rdrCalendarWrapper": {
+          display: "inline-flex"
+        },
+        ".rdrInputRanges": {
+          display: "none"
+        },
+        ".rdrStaticRanges:before": {
+          content: d,
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#9BA2B4",
+          fontWeight: "300",
+          p: "10px 20px"
+        },
+        ".rdrStaticRange": {
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#434A54",
+          borderBottomWidth: "1px"
+        }
+      },
+      "data-testid": "calendar-wrapper",
+      children: [
+        /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+          p,
+          {
+            ...x(r),
+            direction: "horizontal",
+            staticRanges: i()
+          }
+        ) }),
+        /* @__PURE__ */ e.jsxs(
+          g,
+          {
+            sx: {
+              gridTemplateColumns: "max-content 1fr max-content",
+              gap: "30px",
+              p: "10px",
+              borderTopWidth: "1px",
+              borderTopStyle: "solid",
+              borderTopColor: "#CCD0DB"
+            },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                s,
+                {
+                  onClick: a,
+                  height: "42px",
+                  color: "cl_darkGrey",
+                  padding: "0 0 0 10px",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(c, { selectedRange: o }),
+              /* @__PURE__ */ e.jsx(f, { ...r })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  q as default,
-  a as p
+  B as BaseDateRangeInputDesktop
 };
 //# sourceMappingURL=sd-component-library290.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library290.js","sources":["../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\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\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["ReactIs","require$$0","throwOnDirectAccess","propTypesModule","require$$1","require$$2"],"mappings":";;;;;AAOA,IAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,MAAIA,IAAUC,KAIVC,IAAsB;AAC1BC,EAAAA,EAAA,UAAiBC,EAAA,EAAqCJ,EAAQ,WAAWE,CAAmB;AAC9F;AAGEC,EAAAA,EAAc,UAAGE,EAAqC;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library290.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n  const {\n    selectedRange,\n    zIndex,\n    getStaticRanges,\n    handleCancel,\n    quickSelectionLabel,\n    alignCalendar,\n  } = props;\n  return (\n    <Box\n      sx={{\n        overflowX: \"auto\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        minWidth: \"max-content\",\n        borderColor: \"cl_lightGrey\",\n        position: \"absolute\",\n        maxWidth: \"max-content\",\n        width: \"max-content\",\n        top: 0,\n        left:\n          alignCalendar === \"left\"\n            ? \"0\"\n            : alignCalendar === \"right\"\n            ? \"unset\"\n            : undefined,\n        right:\n          alignCalendar === \"right\"\n            ? \"0\"\n            : alignCalendar === \"left\"\n            ? \"unset\"\n            : undefined,\n        margin: \"auto\",\n        backgroundColor: \"#fff\",\n        zIndex,\n        \".rdrDateRangePickerWrapper\": {\n          width: \"unset\",\n          flexDirection: \"row\",\n        },\n        \".rdrDefinedRangesWrapper\": {\n          width: \"226px\",\n        },\n        \".rdrCalendarWrapper\": {\n          display: \"inline-flex\",\n        },\n        \".rdrInputRanges\": {\n          display: \"none\",\n        },\n        \".rdrStaticRanges:before\": {\n          content: quickSelectionLabel,\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#9BA2B4\",\n          fontWeight: \"300\",\n          p: \"10px 20px\",\n        },\n        \".rdrStaticRange\": {\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#434A54\",\n          borderBottomWidth: \"1px\",\n        },\n      }}\n      data-testid=\"calendar-wrapper\"\n    >\n      <TenSb>\n        <DateRangePicker\n          {...getCalendarProps(props)}\n          direction=\"horizontal\"\n          staticRanges={getStaticRanges()}\n        />\n      </TenSb>\n\n      <Grid\n        sx={{\n          gridTemplateColumns: \"max-content 1fr max-content\",\n          gap: \"30px\",\n          p: \"10px\",\n          borderTopWidth: \"1px\",\n          borderTopStyle: \"solid\",\n          borderTopColor: \"#CCD0DB\",\n        }}\n      >\n        <PrimaryTextButton\n          onClick={handleCancel}\n          height=\"42px\"\n          color=\"cl_darkGrey\"\n          padding=\"0 0 0 10px\"\n        >\n          Cancel\n        </PrimaryTextButton>\n\n        <SelectedRangeText selectedRange={selectedRange} />\n\n        <ApplyButton {...props} />\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library291.js

@@ -1,5 +1,13 @@
-var p = { exports: {} };
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .calendar{
+        fill:none;
+        stroke-linecap:round;
+        stroke-linejoin:round;
+        stroke-width:2px;
+      }
+    `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
 export {
-  p as __module
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library291.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library291.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library291.js","sources":["../src/components/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library292.js

@@ -1,11 +1,5 @@
-import { __module as e } from "./sd-component-library298.js";
-import { __require as o } from "./sd-component-library299.js";
-import { __require as t } from "./sd-component-library300.js";
-var r;
-function p() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
-}
+var e = {};
 export {
-  p as __require
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library292.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library292.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":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library292.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}