@selfdecode/sd-component-library 4.0.73-vite22 → 4.0.73-vite24

package/lib/sd-component-library309.js

@@ -1,86 +1,6 @@
-import p from "./sd-component-library385.js";
-import f from "./sd-component-library386.js";
-import h from "./sd-component-library387.js";
-import w from "./sd-component-library388.js";
-import r from "./sd-component-library389.js";
-import i from "./sd-component-library390.js";
-import y from "./sd-component-library391.js";
-import l from "./sd-component-library392.js";
-import u from "./sd-component-library393.js";
-import M from "./sd-component-library394.js";
-import O from "./sd-component-library395.js";
-import b from "./sd-component-library396.js";
-import s from "./sd-component-library397.js";
-import C from "./sd-component-library313.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);
-  }
-});
+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)" }));
 export {
-  H as getCalendarProps,
-  A as getSelectedRangeText,
-  G as getStaticRanges
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library309.js.map

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

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

package/lib/sd-component-library310.js

@@ -1,107 +1,145 @@
-import { j as r } from "./sd-component-library195.js";
-import l from "react";
-import "./sd-component-library305.js";
-import "./sd-component-library198.js";
-import { getCalendarProps as s } from "./sd-component-library309.js";
-import { Box as x } from "./sd-component-library199.js";
-import { OutsideClickBox as m } from "./sd-component-library15.js";
-import { ResponsiveTextV2 as c } from "./sd-component-library148.js";
-import { __exports as f } from "./sd-component-library308.js";
-import { SelectedRangeText as h } from "./sd-component-library674.js";
-import { FrFrContainer as g } from "./sd-component-library40.js";
-import { PrimaryTextButton as u } from "./sd-component-library25.js";
-import { ApplyButton as R } from "./sd-component-library675.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 })
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
+import a from "./sd-component-library311.js";
+var r = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+], t = a.bind();
+r.forEach(function(e) {
+  t[e] = t(e);
+});
 export {
-  A as BaseDateRangeInputMobile
+  t as default
 };
 //# sourceMappingURL=sd-component-library310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library310.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","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;AAAAA,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,aAAU;AAAA,QAEV,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,EAAA;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;"}
+{"version":3,"file":"sd-component-library310.js","sources":["../node_modules/@emotion/styled/dist/styled.browser.esm.js"],"sourcesContent":["import styled from '@emotion/styled-base';\n\nvar tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n\nvar newStyled = styled.bind();\ntags.forEach(function (tagName) {\n  newStyled[tagName] = newStyled(tagName);\n});\n\nexport default newStyled;\n"],"names":["tags","newStyled","styled","tagName"],"mappings":";AAEA,IAAIA,IAAO;AAAA,EAAC;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAS;AAAA,EAAS;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAO;AAAA,EAAO;AAAA,EAAc;AAAA,EAAQ;AAAA,EAAM;AAAA,EAAU;AAAA,EAAU;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAY;AAAA,EAAM;AAAA,EAAO;AAAA,EAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAAO;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAS;AAAA,EAAY;AAAA,EAAc;AAAA,EAAU;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAU;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EAAU;AAAA,EAAO;AAAA,EAAS;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAS;AAAA,EAAU;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAS;AAAA,EAAO;AAAA,EAAY;AAAA,EAAU;AAAA,EAAM;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EAAK;AAAA,EAAS;AAAA,EAAW;AAAA,EAAO;AAAA,EAAY;AAAA,EAAK;AAAA,EAAM;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAW;AAAA,EAAU;AAAA,EAAS;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAS;AAAA,EAAO;AAAA,EAAW;AAAA,EAAO;AAAA,EAAS;AAAA,EAAS;AAAA,EAAM;AAAA,EAAY;AAAA,EAAS;AAAA,EAAM;AAAA,EAAS;AAAA,EAAQ;AAAA,EAAS;AAAA,EAAM;AAAA,EAAS;AAAA,EAAK;AAAA,EAAM;AAAA,EAAO;AAAA,EAAS;AAAA;AAAA,EAC77B;AAAA,EAAU;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAiB;AAAA,EAAK;AAAA,EAAS;AAAA,EAAQ;AAAA,EAAkB;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAW;AAAA,EAAY;AAAA,EAAkB;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAQ;AAAO,GAExMC,IAAYC,EAAO,KAAO;AAC9BF,EAAK,QAAQ,SAAUG,GAAS;AAC9B,EAAAF,EAAUE,CAAO,IAAIF,EAAUE,CAAO;AACxC,CAAC;","x_google_ignoreList":[0]}

package/lib/sd-component-library311.js

@@ -1,111 +1,95 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library305.js";
-import "./sd-component-library198.js";
-import { getCalendarProps as d } from "./sd-component-library309.js";
-import { Box as l } from "./sd-component-library199.js";
-import { TenSb as x } from "./sd-component-library151.js";
-import { __exports as s } from "./sd-component-library308.js";
-import { PrimaryTextButton as m } from "./sd-component-library25.js";
-import { SelectedRangeText as c } from "./sd-component-library674.js";
-import { ApplyButton as f } from "./sd-component-library675.js";
-import { GridContainerV2 as g } from "./sd-component-library42.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 A from "./sd-component-library212.js";
+import { createElement as y, Fragment as L } from "react";
+import Y from "./sd-component-library327.js";
+import { w as z, T as U } from "./sd-component-library214.js";
+import { getRegisteredStyles as q, insertStyles as I } from "./sd-component-library336.js";
+import { serializeStyles as J } from "./sd-component-library215.js";
+var B = Y, G = function(e) {
+  return e !== "theme" && e !== "innerRef";
+}, N = function(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96 ? B : G;
+};
+function b(o, e) {
+  var r = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(o);
+    e && (n = n.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(o, l).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function K(o) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? b(Object(r), !0).forEach(function(n) {
+      A(o, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach(function(n) {
+      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return o;
+}
+var C = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, M = function() {
+  return null;
+}, $ = function o(e, r) {
+  if (process.env.NODE_ENV !== "production" && e === void 0)
+    throw new Error(`You are trying to create a styled element with an undefined component.
+You may have forgotten to import it.`);
+  var n, l, d;
+  r !== void 0 && (n = r.label, d = r.target, l = e.__emotion_forwardProp && r.shouldForwardProp ? function(a) {
+    return e.__emotion_forwardProp(a) && // $FlowFixMe
+    r.shouldForwardProp(a);
+  } : r.shouldForwardProp);
+  var h = e.__emotion_real === e, u = h && e.__emotion_base || e;
+  typeof l != "function" && h && (l = e.__emotion_forwardProp);
+  var w = l || N(u), O = !w("as");
+  return function() {
+    var a = arguments, s = h && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
+    if (n !== void 0 && s.push("label:" + n + ";"), a[0] == null || a[0].raw === void 0)
+      s.push.apply(s, a);
+    else {
+      process.env.NODE_ENV !== "production" && a[0][0] === void 0 && console.error(C), s.push(a[0][0]);
+      for (var j = a.length, c = 1; c < j; c++)
+        process.env.NODE_ENV !== "production" && a[0][c] === void 0 && console.error(C), s.push(a[c], a[0][c]);
     }
-  );
+    var i = z(function(t, f, D) {
+      return /* @__PURE__ */ y(U.Consumer, null, function(R) {
+        var P = O && t.as || u, m = "", E = [], p = t;
+        if (t.theme == null) {
+          p = {};
+          for (var g in t)
+            p[g] = t[g];
+          p.theme = R;
+        }
+        typeof t.className == "string" ? m = q(f.registered, E, t.className) : t.className != null && (m = t.className + " ");
+        var S = J(s.concat(E), f.registered, p);
+        I(f, S, typeof P == "string"), m += f.key + "-" + S.name, d !== void 0 && (m += " " + d);
+        var F = O && l === void 0 ? N(P) : w, v = {};
+        for (var _ in t)
+          O && _ === "as" || // $FlowFixMe
+          F(_) && (v[_] = t[_]);
+        v.className = m, v.ref = D || t.innerRef, process.env.NODE_ENV !== "production" && t.innerRef && console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead" + (n === void 0 ? "" : " in the usage of `" + n + "`"));
+        var T = /* @__PURE__ */ y(P, v), V = /* @__PURE__ */ y(M, null);
+        return /* @__PURE__ */ y(L, null, V, T);
+      });
+    });
+    return i.displayName = n !== void 0 ? n : "Styled(" + (typeof u == "string" ? u : u.displayName || u.name || "Component") + ")", i.defaultProps = e.defaultProps, i.__emotion_real = i, i.__emotion_base = u, i.__emotion_styles = s, i.__emotion_forwardProp = l, Object.defineProperty(i, "toString", {
+      value: function() {
+        return d === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + d;
+      }
+    }), i.withComponent = function(t, f) {
+      return o(t, f !== void 0 ? K({}, r || {}, {}, f) : r).apply(void 0, s);
+    }, i;
+  };
 };
 export {
-  k as BaseDateRangeInputDesktop
+  $ as default
 };
 //# sourceMappingURL=sd-component-library311.js.map