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

package/lib/sd-component-library299.js

@@ -1,82 +1,86 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library301.js";
-import "./sd-component-library197.js";
-import { getCalendarProps as d } from "./sd-component-library297.js";
-import { Box as l } from "./sd-component-library198.js";
-import { TenSb as x } from "./sd-component-library150.js";
-import { __exports as s } from "./sd-component-library302.js";
-import { PrimaryTextButton as m } from "./sd-component-library24.js";
-import { SelectedRangeText as c } from "./sd-component-library659.js";
-import { ApplyButton as f } from "./sd-component-library660.js";
-import { GridContainerV2 as g } from "./sd-component-library41.js";
-const k = (e) => {
-  const {
-    selectedRange: o,
-    zIndex: n,
-    getStaticRanges: i,
-    handleCancel: a,
-    quickSelectionLabel: p,
-    alignCalendar: r
-  } = e;
-  return /* @__PURE__ */ t.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: r === "left" ? "0" : r === "right" ? "unset" : void 0,
-    right: r === "right" ? "0" : r === "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: p,
-      fontSize: "14px",
-      fontFamily: "proxima-nova",
-      color: "#9BA2B4",
-      fontWeight: "300",
-      p: "10px 20px"
-    },
-    ".rdrStaticRange": {
-      fontSize: "14px",
-      fontFamily: "proxima-nova",
-      color: "#434A54",
-      borderBottomWidth: "1px"
-    }
-  }, "data-test": "calendar-wrapper", children: [
-    /* @__PURE__ */ t.jsx(x, { children: /* @__PURE__ */ t.jsx(s.DateRangePicker, { ...d(e), direction: "horizontal", staticRanges: i() }) }),
-    /* @__PURE__ */ t.jsxs(g, { sx: {
-      gridTemplateColumns: "max-content 1fr max-content",
-      gap: "30px",
-      p: "10px",
-      borderTopWidth: "1px",
-      borderTopStyle: "solid",
-      borderTopColor: "#CCD0DB"
-    }, children: [
-      /* @__PURE__ */ t.jsx(m, { onClick: a, height: "42px", color: "cl_darkGrey", padding: "0 0 0 10px", children: "Cancel" }),
-      /* @__PURE__ */ t.jsx(c, { selectedRange: o }),
-      /* @__PURE__ */ t.jsx(f, { ...e })
-    ] })
-  ] });
-};
+import p from "./sd-component-library369.js";
+import f from "./sd-component-library370.js";
+import h from "./sd-component-library371.js";
+import w from "./sd-component-library372.js";
+import r from "./sd-component-library373.js";
+import i from "./sd-component-library374.js";
+import y from "./sd-component-library375.js";
+import l from "./sd-component-library376.js";
+import u from "./sd-component-library377.js";
+import M from "./sd-component-library378.js";
+import O from "./sd-component-library379.js";
+import b from "./sd-component-library380.js";
+import s from "./sd-component-library381.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);
+  }
+});
 export {
-  k as BaseDateRangeInputDesktop
+  H as getCalendarProps,
+  A as getSelectedRangeText,
+  G as getStaticRanges
 };
 //# sourceMappingURL=sd-component-library299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library299.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-test=\"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","overflowX","borderStyle","borderWidth","minWidth","borderColor","position","maxWidth","width","top","left","undefined","right","margin","backgroundColor","flexDirection","display","content","fontSize","fontFamily","color","fontWeight","p","borderBottomWidth","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","gridTemplateColumns","gap","borderTopWidth","borderTopStyle","borderTopColor","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;;;AAaO,MAAMA,IAA8CC,CAAUA,MAAA;AAC7D,QAAA;AAAA,IACJC,eAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,eAAAA;AAAAA,EACEN,IAAAA;AAEF,SAAAO,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,WAAW;AAAA,IACXC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,MACEZ,MAAkB,SACd,MACAA,MAAkB,UAClB,UACAa;AAAAA,IACNC,OACEd,MAAkB,UACd,MACAA,MAAkB,SAClB,UACAa;AAAAA,IACNE,QAAQ;AAAA,IACRC,iBAAiB;AAAA,IACjBpB,QAAAA;AAAAA,IACA,8BAA8B;AAAA,MAC5Bc,OAAO;AAAA,MACPO,eAAe;AAAA,IACjB;AAAA,IACA,4BAA4B;AAAA,MAC1BP,OAAO;AAAA,IACT;AAAA,IACA,uBAAuB;AAAA,MACrBQ,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjBA,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzBC,SAASpB;AAAAA,MACTqB,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,EAAA,GAEF,aAAU,oBAEV,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GACC,EAAA,UAAAD,gBAAAA,EAAAA,IAACE,EAAAA,iBACC,EAAA,GAAIC,EAAiBnC,CAAK,GAC1B,WAAU,cACV,cAAcG,EAAgB,EAAE,CAAA,GAEpC;AAAA,IAEAI,gBAAAA,OAAC6B,KACC,IAAI;AAAA,MACFC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLR,GAAG;AAAA,MACHS,gBAAgB;AAAA,MAChBC,gBAAgB;AAAA,MAChBC,gBAAgB;AAAA,IAGlB,GAAA,UAAA;AAAA,MAACT,gBAAAA,EAAAA,IAAAU,GAAA,EACC,SAAStC,GACT,QAAO,QACP,OAAM,eACN,SAAQ,cAAY,UAGtB,SAAA,CAAA;AAAA,MAEA4B,gBAAAA,MAACW,KAAkB,eAAA1C,GAA6B;AAAA,MAEhD+B,gBAAAA,EAAAA,IAACY,GAAY,EAAA,GAAI5C,GAAM;AAAA,IAAA,GACzB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library299.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":"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"}

package/lib/sd-component-library300.js

@@ -1,13 +1,80 @@
-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)" })));
+import { j as r } from "./sd-component-library195.js";
+import l from "react";
+import "./sd-component-library295.js";
+import "./sd-component-library197.js";
+import { getCalendarProps as s } from "./sd-component-library299.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-library298.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 })
+    ] })
+  ] }) });
+});
 export {
-  a as ReactComponent
+  A as BaseDateRangeInputMobile
 };
 //# sourceMappingURL=sd-component-library300.js.map

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

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

package/lib/sd-component-library301.js

@@ -1,56 +1,82 @@
-import { __exports as o } from "./sd-component-library302.js";
-import "./sd-component-library373.js";
-import "./sd-component-library374.js";
-import "./sd-component-library375.js";
-import "./sd-component-library376.js";
-import "./sd-component-library377.js";
-import { __exports as g } from "./sd-component-library378.js";
-import { __exports as d } from "./sd-component-library379.js";
-import { __exports as c } from "./sd-component-library380.js";
-import { __exports as l } from "./sd-component-library381.js";
-import { __exports as m } from "./sd-component-library382.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "DateRange", {
-    enumerable: !0,
-    get: function() {
-      return a.default;
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library295.js";
+import "./sd-component-library197.js";
+import { getCalendarProps as d } from "./sd-component-library299.js";
+import { Box as l } from "./sd-component-library198.js";
+import { TenSb as x } from "./sd-component-library150.js";
+import { __exports as s } from "./sd-component-library298.js";
+import { PrimaryTextButton as m } from "./sd-component-library24.js";
+import { SelectedRangeText as c } from "./sd-component-library659.js";
+import { ApplyButton as f } from "./sd-component-library660.js";
+import { GridContainerV2 as g } from "./sd-component-library41.js";
+const k = (e) => {
+  const {
+    selectedRange: o,
+    zIndex: n,
+    getStaticRanges: i,
+    handleCancel: a,
+    quickSelectionLabel: p,
+    alignCalendar: r
+  } = e;
+  return /* @__PURE__ */ t.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: r === "left" ? "0" : r === "right" ? "unset" : void 0,
+    right: r === "right" ? "0" : r === "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: p,
+      fontSize: "14px",
+      fontFamily: "proxima-nova",
+      color: "#9BA2B4",
+      fontWeight: "300",
+      p: "10px 20px"
+    },
+    ".rdrStaticRange": {
+      fontSize: "14px",
+      fontFamily: "proxima-nova",
+      color: "#434A54",
+      borderBottomWidth: "1px"
     }
-  }), 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);
+  }, "data-test": "calendar-wrapper", children: [
+    /* @__PURE__ */ t.jsx(x, { children: /* @__PURE__ */ t.jsx(s.DateRangePicker, { ...d(e), direction: "horizontal", staticRanges: i() }) }),
+    /* @__PURE__ */ t.jsxs(g, { sx: {
+      gridTemplateColumns: "max-content 1fr max-content",
+      gap: "30px",
+      p: "10px",
+      borderTopWidth: "1px",
+      borderTopStyle: "solid",
+      borderTopColor: "#CCD0DB"
+    }, children: [
+      /* @__PURE__ */ t.jsx(m, { onClick: a, height: "42px", color: "cl_darkGrey", padding: "0 0 0 10px", children: "Cancel" }),
+      /* @__PURE__ */ t.jsx(c, { selectedRange: o }),
+      /* @__PURE__ */ t.jsx(f, { ...e })
+    ] })
+  ] });
+};
+export {
+  k as BaseDateRangeInputDesktop
+};
 //# sourceMappingURL=sd-component-library301.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library301.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]}
+{"version":3,"file":"sd-component-library301.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-test=\"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","overflowX","borderStyle","borderWidth","minWidth","borderColor","position","maxWidth","width","top","left","undefined","right","margin","backgroundColor","flexDirection","display","content","fontSize","fontFamily","color","fontWeight","p","borderBottomWidth","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","gridTemplateColumns","gap","borderTopWidth","borderTopStyle","borderTopColor","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;;;AAaO,MAAMA,IAA8CC,CAAUA,MAAA;AAC7D,QAAA;AAAA,IACJC,eAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,eAAAA;AAAAA,EACEN,IAAAA;AAEF,SAAAO,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,WAAW;AAAA,IACXC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,MACEZ,MAAkB,SACd,MACAA,MAAkB,UAClB,UACAa;AAAAA,IACNC,OACEd,MAAkB,UACd,MACAA,MAAkB,SAClB,UACAa;AAAAA,IACNE,QAAQ;AAAA,IACRC,iBAAiB;AAAA,IACjBpB,QAAAA;AAAAA,IACA,8BAA8B;AAAA,MAC5Bc,OAAO;AAAA,MACPO,eAAe;AAAA,IACjB;AAAA,IACA,4BAA4B;AAAA,MAC1BP,OAAO;AAAA,IACT;AAAA,IACA,uBAAuB;AAAA,MACrBQ,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjBA,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzBC,SAASpB;AAAAA,MACTqB,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,EAAA,GAEF,aAAU,oBAEV,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GACC,EAAA,UAAAD,gBAAAA,EAAAA,IAACE,EAAAA,iBACC,EAAA,GAAIC,EAAiBnC,CAAK,GAC1B,WAAU,cACV,cAAcG,EAAgB,EAAE,CAAA,GAEpC;AAAA,IAEAI,gBAAAA,OAAC6B,KACC,IAAI;AAAA,MACFC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLR,GAAG;AAAA,MACHS,gBAAgB;AAAA,MAChBC,gBAAgB;AAAA,MAChBC,gBAAgB;AAAA,IAGlB,GAAA,UAAA;AAAA,MAACT,gBAAAA,EAAAA,IAAAU,GAAA,EACC,SAAStC,GACT,QAAO,QACP,OAAM,eACN,SAAQ,cAAY,UAGtB,SAAA,CAAA;AAAA,MAEA4B,gBAAAA,MAACW,KAAkB,eAAA1C,GAA6B;AAAA,MAEhD+B,gBAAAA,EAAAA,IAACY,GAAY,EAAA,GAAI5C,GAAM;AAAA,IAAA,GACzB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library302.js

@@ -1,5 +1,13 @@
-var r = {};
+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 {
-  r as __exports
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library302.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library302.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library302.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-library303.js

@@ -1,14 +1,14 @@
-import I from "./sd-component-library516.js";
-import y from "./sd-component-library598.js";
-import M from "./sd-component-library605.js";
-import j from "./sd-component-library639.js";
-import q from "./sd-component-library640.js";
-import Q from "./sd-component-library636.js";
-import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./sd-component-library641.js";
-import x from "./sd-component-library635.js";
-import K from "./sd-component-library634.js";
-import { getDefaultOptions as V } from "./sd-component-library638.js";
-import Z from "./sd-component-library642.js";
+import I from "./sd-component-library532.js";
+import y from "./sd-component-library614.js";
+import M from "./sd-component-library621.js";
+import j from "./sd-component-library648.js";
+import q from "./sd-component-library649.js";
+import Q from "./sd-component-library645.js";
+import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./sd-component-library650.js";
+import x from "./sd-component-library644.js";
+import K from "./sd-component-library643.js";
+import { getDefaultOptions as V } from "./sd-component-library647.js";
+import Z from "./sd-component-library637.js";
 var B = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, G = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, J = /^'([^]*?)'?$/, N = /''/g, U = /[a-zA-Z]/;
 function de(a, t, e) {
   var v, d, c, u, m, s, p, k, w, g, O, _, h, $, D, E, S, C;

package/lib/sd-component-library307.js

@@ -1,6 +1,6 @@
 import { getDefaultExportFromCjs as e } from "./sd-component-library304.js";
 import { __module as r } from "./sd-component-library344.js";
-import { r as o } from "./sd-component-library287.js";
+import { r as o } from "./sd-component-library278.js";
 import { __require as p } from "./sd-component-library345.js";
 import { __require as t } from "./sd-component-library346.js";
 if (process.env.NODE_ENV !== "production") {

package/lib/sd-component-library308.js

@@ -1,6 +1,12 @@
-import * as t from "react";
-const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M10037.5,1055.48l-1,1.02-4-3.97-4,3.97-1-1.02,4-3.98-4-3.98,1-1.02,4,3.97,4-3.97,1,1.02-4,3.98Z", transform: "translate(-10027.5 -1046.5)" }));
+function o(e) {
+  "@babel/helpers - typeof";
+  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, o(e);
+}
 export {
-  a as ReactComponent
+  o as default
 };
 //# sourceMappingURL=sd-component-library308.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library308.js","sources":["../src/components/inputs/search-input/presentational/assets/x.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPHBhdGggZD0iTTEwMDM3LjUsMTA1NS40OGwtMSwxLjAyLTQtMy45Ny00LDMuOTctMS0xLjAyLDQtMy45OC00LTMuOTgsMS0xLjAyLDQsMy45Nyw0LTMuOTcsMSwxLjAyLTQsMy45OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAyNy41IC0xMDQ2LjUpIi8+Cjwvc3ZnPgo=\""],"names":["SvgX","props","React"],"mappings":";AACK,MAACA,IAAO,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,mGAAmG,WAAW,+BAA+B,CAAC;"}
+{"version":3,"file":"sd-component-library308.js","sources":["../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}"],"names":["_typeof","obj"],"mappings":"AAAe,SAASA,EAAQC,GAAK;AACnC;AAEA,SAAOD,IAAwB,OAAO,UAArB,cAA2C,OAAO,OAAO,YAA1B,WAAqC,SAAUC,GAAK;AAClG,WAAO,OAAOA;AAAA,EACf,IAAG,SAAUA,GAAK;AACjB,WAAOA,KAAqB,OAAO,UAArB,cAA+BA,EAAI,gBAAgB,UAAUA,MAAQ,OAAO,YAAY,WAAW,OAAOA;AAAA,EAC5H,GAAKD,EAAQC,CAAG;AAChB;","x_google_ignoreList":[0]}