@selfdecode/sd-component-library 4.0.76-test → 4.0.76-test1

package/lib/sd-component-library272.js

@@ -1,95 +1,52 @@
-import { j as o } from "./sd-component-library190.js";
-import g from "react";
-import { Flex as j, Box as s } from "rebass";
-import { TriangularPointerIcon as n } from "./sd-component-library184.js";
-import { ResponsiveTextV2 as y } from "./sd-component-library144.js";
-const w = g.forwardRef(
-  ({
-    pointerSx: x,
-    tooltipPx: p,
-    tooltipText: d,
-    tooltipSx: a,
-    tooltipPy: l,
-    tooltipOffset: e,
-    pointerSize: m,
-    tooltipWidth: c,
-    placement: t,
-    state: h,
-    containerSx: R,
-    animationDuration: b,
-    pointerColor: r
-  }, u) => {
-    const f = t === "bottom" ? {
-      top: "100%"
-    } : {
-      bottom: "100%"
-    }, i = {
-      size: `${m}px`,
-      color: r,
-      sx: {
-        my: "auto",
-        ...x
-      }
-    };
-    return /* @__PURE__ */ o.jsxs(
-      j,
-      {
-        flexDirection: "column",
-        sx: {
-          position: "absolute",
-          left: "50%",
-          transform: "translateX(-50%)",
-          cursor: "default",
-          alignItems: "center",
-          opacity: h === "entered" ? 1 : 0,
-          transition: `opacity ${b}ms`,
-          zIndex: 1,
-          ...f,
-          ...a
-        },
-        ref: u,
-        "data-test": "tooltip-content",
-        children: [
-          t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
-            /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
-          ] }),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              fontSizeWeight: [14, "regular"],
-              sx: {
-                width: c,
-                lineHeight: "16px",
-                bg: "cl_white",
-                px: p,
-                py: l,
-                borderColor: "cl_lightGrey",
-                borderWidth: "1px",
-                borderStyle: "solid",
-                ...t === "top" ? {
-                  borderBottomWidth: "2px",
-                  borderBottomColor: r,
-                  borderRadius: "3px 3px 0 0"
-                } : {
-                  borderTopWidth: "2px",
-                  borderTopColor: r,
-                  borderRadius: "0 0 3px 3px"
-                }
-              },
-              children: d
-            }
-          ),
-          t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
-          ] })
-        ]
-      }
-    );
+var n = Object.defineProperty;
+var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
+class h {
+  constructor() {
+    i(this, "refRegistry", {});
   }
-);
+  /**
+   * Check if ref is registered for a component with provided ID.
+   * @param id ID for the component.
+   */
+  doesRefExist(e) {
+    return !!this.refRegistry[e];
+  }
+  /**
+   * Register a ref.
+   *
+   * @param id ID for the component.
+   * @param ref React Ref object for the component. Used for scrolling.
+   */
+  addRef(e, s) {
+    const r = e.startsWith("#") ? e : `#${e}`;
+    this.refRegistry[r] = s;
+  }
+  /**
+   * Remove a ref from registry.
+   *
+   * @param id ID for the component.
+   */
+  removeRef(e) {
+    this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+  /**
+   * Scroll the component with provided ID into the view.
+   *
+   * @param id ID for the component.
+   * @param behavior Scroll behavior.
+   */
+  scrollToRef(e, { behavior: s = "smooth", block: r, inline: f }) {
+    var o;
+    this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
+      behavior: s,
+      block: r,
+      inline: f
+    }) : console.error(`Ref with ID ${e} does not exist in the registry`);
+  }
+}
+const g = new h();
 export {
-  w as TooltipWithPointerVertical
+  g as refsManager
 };
 //# sourceMappingURL=sd-component-library272.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library272.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library272.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n  refRegistry: refsMap = {};\n\n  /**\n   * Check if ref is registered for a component with provided ID.\n   * @param id ID for the component.\n   */\n  public doesRefExist(id: string) {\n    return !!this.refRegistry[id];\n  }\n\n  /**\n   * Register a ref.\n   *\n   * @param id ID for the component.\n   * @param ref React Ref object for the component. Used for scrolling.\n   */\n  public addRef(\n    id: string,\n    ref: React.MutableRefObject<HTMLDivElement | undefined>\n  ) {\n    const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n    this.refRegistry[key] = ref;\n  }\n\n  /**\n   * Remove a ref from registry.\n   *\n   * @param id ID for the component.\n   */\n  public removeRef(id: string) {\n    if (this.doesRefExist(id)) delete this.refRegistry[id];\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n\n  /**\n   * Scroll the component with provided ID into the view.\n   *\n   * @param id ID for the component.\n   * @param behavior Scroll behavior.\n   */\n  public scrollToRef(\n    id: string,\n    { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n  ) {\n    if (this.doesRefExist(id))\n      this.refRegistry[id].current?.scrollIntoView({\n        behavior,\n        block,\n        inline,\n      });\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","__publicField","id","ref","key","behavior","block","inline","_a","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACE,IAAAC,EAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAK,YAAYA,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,OACLA,GACAC,GACA;AACA,UAAMC,IAAMF,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AAEvC,SAAA,YAAYE,CAAG,IAAID;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,UAAUD,GAAY;AACvB,IAAA,KAAK,aAAaA,CAAE,IAAU,OAAA,KAAK,YAAYA,CAAE,IACxC,QAAA,MAAM,eAAeA,CAAE,iCAAiC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,YACLA,GACA,EAAE,UAAAG,IAAW,UAAU,OAAAC,GAAO,QAAAC,KAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAK,aAAaN,CAAE,KACtBM,IAAA,KAAK,YAAYN,CAAE,EAAE,YAArB,QAAAM,EAA8B,eAAe;AAAA,MAC3C,UAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,KAES,QAAA,MAAM,eAAeL,CAAE,iCAAiC;AAAA,EACvE;AACF;AAEa,MAAAO,IAAc,IAAIT,EAAY;"}

package/lib/sd-component-library275.js

@@ -1,14 +1,14 @@
 import { __exports as o } from "./sd-component-library278.js";
-import "./sd-component-library308.js";
-import "./sd-component-library309.js";
-import "./sd-component-library310.js";
-import "./sd-component-library311.js";
 import "./sd-component-library312.js";
-import { __exports as g } from "./sd-component-library313.js";
-import { __exports as d } from "./sd-component-library314.js";
-import { __exports as c } from "./sd-component-library315.js";
-import { __exports as l } from "./sd-component-library316.js";
-import { __exports as m } from "./sd-component-library317.js";
+import "./sd-component-library313.js";
+import "./sd-component-library314.js";
+import "./sd-component-library315.js";
+import "./sd-component-library316.js";
+import { __exports as g } from "./sd-component-library317.js";
+import { __exports as d } from "./sd-component-library318.js";
+import { __exports as c } from "./sd-component-library319.js";
+import { __exports as l } from "./sd-component-library320.js";
+import { __exports as m } from "./sd-component-library321.js";
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0

package/lib/sd-component-library279.js

@@ -1,16 +1,16 @@
-import p from "./sd-component-library319.js";
-import f from "./sd-component-library320.js";
-import h from "./sd-component-library321.js";
-import w from "./sd-component-library322.js";
-import r from "./sd-component-library323.js";
-import i from "./sd-component-library324.js";
-import y from "./sd-component-library325.js";
-import l from "./sd-component-library326.js";
-import u from "./sd-component-library327.js";
-import M from "./sd-component-library328.js";
-import O from "./sd-component-library329.js";
-import b from "./sd-component-library330.js";
-import s from "./sd-component-library331.js";
+import p from "./sd-component-library322.js";
+import f from "./sd-component-library323.js";
+import h from "./sd-component-library324.js";
+import w from "./sd-component-library325.js";
+import r from "./sd-component-library326.js";
+import i from "./sd-component-library327.js";
+import y from "./sd-component-library328.js";
+import l from "./sd-component-library329.js";
+import u from "./sd-component-library330.js";
+import M from "./sd-component-library331.js";
+import O from "./sd-component-library332.js";
+import b from "./sd-component-library333.js";
+import s from "./sd-component-library334.js";
 import C from "./sd-component-library283.js";
 const n = (t) => C(t, "EEE d MMM yyyy"), A = (t) => {
   const e = "No date selected";

package/lib/sd-component-library283.js

@@ -1,14 +1,14 @@
-import I from "./sd-component-library389.js";
-import y from "./sd-component-library390.js";
+import I from "./sd-component-library403.js";
+import y from "./sd-component-library404.js";
 import M from "./sd-component-library380.js";
-import j from "./sd-component-library391.js";
-import q from "./sd-component-library392.js";
-import Q from "./sd-component-library384.js";
-import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./sd-component-library393.js";
-import x from "./sd-component-library379.js";
+import j from "./sd-component-library405.js";
+import q from "./sd-component-library406.js";
+import Q from "./sd-component-library386.js";
+import { isProtectedWeekYearToken as F, throwProtectedError as T, isProtectedDayOfYearToken as H } from "./sd-component-library407.js";
+import x from "./sd-component-library384.js";
 import K from "./sd-component-library381.js";
-import { getDefaultOptions as V } from "./sd-component-library388.js";
-import Z from "./sd-component-library394.js";
+import { getDefaultOptions as V } from "./sd-component-library401.js";
+import Z from "./sd-component-library408.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-library296.js

@@ -1,4 +1,4 @@
-import e from "./sd-component-library318.js";
+import e from "./sd-component-library307.js";
 function p(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
 }

package/lib/sd-component-library301.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./sd-component-library333.js";
+import { __exports as r } from "./sd-component-library309.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/lib/sd-component-library302.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./sd-component-library334.js";
+import { __exports as r } from "./sd-component-library310.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/lib/sd-component-library307.js

@@ -1,61 +1,9 @@
-import { j as e } from "./sd-component-library190.js";
-import { useMemo as h } from "react";
-import { Flex as p, Box as j } from "rebass";
-import { SixteenRegular as l } from "./sd-component-library145.js";
-import { ThirteenRegular as i } from "./sd-component-library149.js";
-function b(o) {
-  const { synonyms: t, value: r, onSelect: c } = o, n = h(() => t[0], [t]), x = h(() => t.slice(1), [t]), a = h(() => {
-    const s = n.toLowerCase().indexOf(r.toLowerCase());
-    return /* @__PURE__ */ e.jsxs(p, { children: [
-      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(0, s) }) }),
-      /* @__PURE__ */ e.jsx(l, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s, s + r.length) }) }),
-      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s + r.length) }) })
-    ] });
-  }, [n, r]);
-  return /* @__PURE__ */ e.jsxs(
-    j,
-    {
-      sx: {
-        p: "10px 16px",
-        cursor: "pointer"
-      },
-      onClick: (s) => c(n),
-      "data-test": "result-box",
-      children: [
-        a,
-        /* @__PURE__ */ e.jsx(p, { flexWrap: "wrap", children: x.map((s, d, u) => /* @__PURE__ */ e.jsx(
-          m,
-          {
-            value: r,
-            synonym: s,
-            appendSlash: d !== u.length - 1
-          },
-          s
-        )) })
-      ]
-    }
-  );
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
+    return t.__proto__ = f, t;
+  }, e(o, r);
 }
-const m = (o) => {
-  const { value: t, synonym: r, appendSlash: c } = o, n = r.toLowerCase().indexOf(t.toLowerCase());
-  return /* @__PURE__ */ e.jsxs(p, { children: [
-    n !== -1 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(0, n) }) }),
-      /* @__PURE__ */ e.jsx(i, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n, n + t.length) }) }),
-      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n + t.length) }) })
-    ] }) : /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r }) }),
-    c && /* @__PURE__ */ e.jsx(
-      i,
-      {
-        color: "cl_darkGrey",
-        width: ["12px"],
-        textAlign: "center",
-        children: "/"
-      }
-    )
-  ] }, r);
-};
 export {
-  b as AutocompleteOptionBox
+  e as default
 };
 //# sourceMappingURL=sd-component-library307.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library307.js","sources":["../src/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { SixteenRegular } from \"../../../../texts/sixteen-regular\";\nimport { ThirteenRegular } from \"../../../../texts/thirteen-regular\";\nimport { AutocompleteOptionBox as Props } from \"./interfaces\";\n\nexport function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { synonyms, value, onSelect } = props;\n\n  /* Synonym that first matches the query */\n  const matchingSynonym = useMemo(() => synonyms[0], [synonyms]);\n  /* List of synonyms to be displayed below the matching synonym */\n  const otherSynonyms = useMemo(() => synonyms.slice(1), [synonyms]);\n\n  const renderMatchingSynonym = useMemo(() => {\n    const startIndex = matchingSynonym\n      .toLowerCase()\n      .indexOf(value.toLowerCase());\n\n    return (\n      <Flex>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(0, startIndex)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex, startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n      </Flex>\n    );\n  }, [matchingSynonym, value]);\n\n  return (\n    <Box\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n      }}\n      onClick={(x) => onSelect(matchingSynonym)}\n      data-test=\"result-box\"\n    >\n      {renderMatchingSynonym}\n      <Flex flexWrap=\"wrap\">\n        {otherSynonyms.map((synonym, idx, arr) => (\n          <OtherSynonym\n            key={synonym}\n            value={value}\n            synonym={synonym}\n            appendSlash={idx !== arr.length - 1}\n          />\n        ))}\n      </Flex>\n    </Box>\n  );\n}\n\nconst OtherSynonym: React.FC<{\n  value: string;\n  synonym: string;\n  appendSlash: boolean;\n}> = (props) => {\n  const { value, synonym, appendSlash } = props;\n  const matchIdx = synonym.toLowerCase().indexOf(value.toLowerCase());\n\n  return (\n    <Flex key={synonym}>\n      {matchIdx !== -1 ? (\n        <>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(0, matchIdx)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx, matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n        </>\n      ) : (\n        <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>{synonym}</span>\n        </ThirteenRegular>\n      )}\n\n      {appendSlash && (\n        <ThirteenRegular\n          color=\"cl_darkGrey\"\n          width={[\"12px\"]}\n          textAlign=\"center\"\n        >\n          /\n        </ThirteenRegular>\n      )}\n    </Flex>\n  );\n};\n"],"names":["AutocompleteOptionBox","props","synonyms","value","onSelect","matchingSynonym","useMemo","otherSynonyms","renderMatchingSynonym","startIndex","Flex","jsx","SixteenRegular","jsxs","Box","x","synonym","idx","arr","OtherSynonym","appendSlash","matchIdx","Fragment","ThirteenRegular"],"mappings":"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"}
+{"version":3,"file":"sd-component-library307.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}"],"names":["_setPrototypeOf","p","o"],"mappings":"AAAe,SAASA,EAAgB,GAAGC,GAAG;AAC5C,SAAAD,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAyBE,GAAGD,GAAG;AACtG,WAAAC,EAAE,YAAYD,GACPC;AAAA,EACX,GACSF,EAAgB,GAAGC,CAAC;AAC7B;","x_google_ignoreList":[0]}

package/lib/sd-component-library308.js

@@ -1,271 +1,9 @@
-import { __exports as q } from "./sd-component-library314.js";
-import U from "react";
-import { p as X } from "./sd-component-library287.js";
-import "./sd-component-library309.js";
-import "./sd-component-library335.js";
-import "./sd-component-library336.js";
-import Y from "./sd-component-library337.js";
-import Z from "./sd-component-library338.js";
-import k from "./sd-component-library339.js";
-import ee from "./sd-component-library340.js";
-import te from "./sd-component-library341.js";
-import re from "./sd-component-library342.js";
-import { c as ne } from "./sd-component-library343.js";
-import "./sd-component-library344.js";
-import { __exports as ae } from "./sd-component-library315.js";
-import { __exports as oe } from "./sd-component-library345.js";
-import { __exports as ie } from "./sd-component-library346.js";
-import { __exports as fe } from "./sd-component-library347.js";
-function w(e) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? w = function(r) {
-    return typeof r;
-  } : w = function(r) {
-    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, w(e);
-}
-Object.defineProperty(q, "__esModule", {
-  value: !0
-});
-q.default = void 0;
-var j = ge(U), v = c(X), A = c(ae), ue = oe, F = fe, se = c(Y), ce = c(Z), B = c(k), $ = c(ee), le = c(te), V = c(re), pe = c(ne), de = c(ie);
-function c(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-function G(e) {
-  if (typeof WeakMap != "function")
-    return null;
-  var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (G = function(i) {
-    return i ? r : t;
-  })(e);
-}
-function ge(e, t) {
-  if (!t && e && e.__esModule)
-    return e;
-  if (e === null || w(e) !== "object" && typeof e != "function")
-    return { default: e };
-  var r = G(t);
-  if (r && r.has(e))
-    return r.get(e);
-  var n = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var a in e)
-    if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var o = i ? Object.getOwnPropertyDescriptor(e, a) : null;
-      o && (o.get || o.set) ? Object.defineProperty(n, a, o) : n[a] = e[a];
-    }
-  return n.default = e, r && r.set(e, n), n;
-}
-function E() {
-  return E = Object.assign || function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var r = arguments[t];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
-    }
-    return e;
-  }, E.apply(this, arguments);
-}
-function z(e, t) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(e, i).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function h(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? z(Object(r), !0).forEach(function(n) {
-      m(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : z(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return e;
-}
-function ve(e, t) {
-  if (!(e instanceof t))
-    throw new TypeError("Cannot call a class as a function");
-}
-function K(e, t) {
-  for (var r = 0; r < t.length; r++) {
-    var n = t[r];
-    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
-  }
-}
-function me(e, t, r) {
-  return t && K(e.prototype, t), r && K(e, r), e;
-}
-function he(e, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Super expression must either be null or a function");
-  e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && N(e, t);
-}
-function N(e, t) {
-  return N = Object.setPrototypeOf || function(n, i) {
-    return n.__proto__ = i, n;
-  }, N(e, t);
-}
-function ye(e) {
-  var t = Re();
-  return function() {
-    var n = P(e), i;
-    if (t) {
-      var a = P(this).constructor;
-      i = Reflect.construct(n, arguments, a);
-    } else
-      i = n.apply(this, arguments);
-    return _e(this, i);
-  };
-}
-function _e(e, t) {
-  return t && (w(t) === "object" || typeof t == "function") ? t : O(e);
-}
-function O(e) {
+function i(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function Re() {
-  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
-    return !1;
-  if (typeof Proxy == "function")
-    return !0;
-  try {
-    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    })), !0;
-  } catch {
-    return !1;
-  }
-}
-function P(e) {
-  return P = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
-    return r.__proto__ || Object.getPrototypeOf(r);
-  }, P(e);
-}
-function m(e, t, r) {
-  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
-}
-var I = /* @__PURE__ */ function(e) {
-  he(r, e);
-  var t = ye(r);
-  function r(n, i) {
-    var a;
-    return ve(this, r), a = t.call(this, n, i), m(O(a), "calcNewSelection", function(o) {
-      var p = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, u = a.props.focusedRange || a.state.focusedRange, s = a.props, y = s.ranges, d = s.onChange, g = s.maxDate, D = s.moveRangeOnFirstSelection, _ = s.retainEndDateOnFirstSelection, R = s.disabledDates, H = u[0], C = y[H];
-      if (!C || !d)
-        return {};
-      var l = C.startDate, f = C.endDate, W = /* @__PURE__ */ new Date(), S;
-      if (!p)
-        l = o.startDate, f = o.endDate;
-      else if (u[1] === 0) {
-        var J = (0, le.default)(f || W, l), L = function() {
-          return D ? (0, $.default)(o, J) : _ ? !f || (0, V.default)(o, f) ? f : o : o || W;
-        };
-        l = o, f = L(), g && (f = (0, B.default)([f, g])), S = [u[0], 1];
-      } else
-        f = o;
-      var x = u[1] === 0;
-      if ((0, V.default)(f, l)) {
-        x = !x;
-        var M = [f, l];
-        l = M[0], f = M[1];
-      }
-      var b = R.filter(function(T) {
-        return (0, ce.default)(T, {
-          start: l,
-          end: f
-        });
-      });
-      if (b.length > 0 && (x ? l = (0, $.default)((0, se.default)(b), 1) : f = (0, $.default)((0, B.default)(b), -1)), !S) {
-        var Q = (0, F.findNextRangeIndex)(a.props.ranges, u[0]);
-        S = [Q, 0];
-      }
-      return {
-        wasValid: !(b.length > 0),
-        range: {
-          startDate: l,
-          endDate: f
-        },
-        nextFocusRange: S
-      };
-    }), m(O(a), "setSelection", function(o, p) {
-      var u = a.props, s = u.onChange, y = u.ranges, d = u.onRangeFocusChange, g = a.props.focusedRange || a.state.focusedRange, D = g[0], _ = y[D];
-      if (_) {
-        var R = a.calcNewSelection(o, p);
-        s(m({}, _.key || "range".concat(D + 1), h(h({}, _), R.range))), a.setState({
-          focusedRange: R.nextFocusRange,
-          preview: null
-        }), d && d(R.nextFocusRange);
-      }
-    }), m(O(a), "handleRangeFocusChange", function(o) {
-      a.setState({
-        focusedRange: o
-      }), a.props.onRangeFocusChange && a.props.onRangeFocusChange(o);
-    }), m(O(a), "updatePreview", function(o) {
-      var p;
-      if (!o) {
-        a.setState({
-          preview: null
-        });
-        return;
-      }
-      var u = a.props, s = u.rangeColors, y = u.ranges, d = a.props.focusedRange || a.state.focusedRange, g = ((p = y[d[0]]) === null || p === void 0 ? void 0 : p.color) || s[d[0]] || g;
-      a.setState({
-        preview: h(h({}, o.range), {}, {
-          color: g
-        })
-      });
-    }), a.state = {
-      focusedRange: n.initialFocusedRange || [(0, F.findNextRangeIndex)(n.ranges), 0],
-      preview: null
-    }, a.styles = (0, F.generateStyles)([de.default, n.classNames]), a;
-  }
-  return me(r, [{
-    key: "render",
-    value: function() {
-      var i = this;
-      return /* @__PURE__ */ j.default.createElement(A.default, E({
-        focusedRange: this.state.focusedRange,
-        onRangeFocusChange: this.handleRangeFocusChange,
-        preview: this.state.preview,
-        onPreviewChange: function(o) {
-          i.updatePreview(o ? i.calcNewSelection(o) : null);
-        }
-      }, this.props, {
-        displayMode: "dateRange",
-        className: (0, pe.default)(this.styles.dateRangeWrapper, this.props.className),
-        onChange: this.setSelection,
-        updateRange: function(o) {
-          return i.setSelection(o, !1);
-        },
-        ref: function(o) {
-          i.calendar = o;
-        }
-      }));
-    }
-  }]), r;
-}(j.Component);
-I.defaultProps = {
-  classNames: {},
-  ranges: [],
-  moveRangeOnFirstSelection: !1,
-  retainEndDateOnFirstSelection: !1,
-  rangeColors: ["#3d91ff", "#3ecf8e", "#fed14c"],
-  disabledDates: []
+export {
+  i as default
 };
-I.propTypes = h(h({}, A.default.propTypes), {}, {
-  onChange: v.default.func,
-  onRangeFocusChange: v.default.func,
-  className: v.default.string,
-  ranges: v.default.arrayOf(ue.rangeShape),
-  moveRangeOnFirstSelection: v.default.bool,
-  retainEndDateOnFirstSelection: v.default.bool
-});
-var Oe = I;
-q.default = Oe;
 //# sourceMappingURL=sd-component-library308.js.map