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

package/lib/sd-component-library31.js

@@ -1,51 +1,136 @@
-import { j as i } from "./sd-component-library195.js";
-import { useRef as p, useState as x, useCallback as C, useEffect as b } from "react";
-import { debounce as R } from "lodash-es";
-import { Card as w } from "rebass";
-const z = (o) => {
-  const {
-    width: d = ["max-content"],
-    borderWidth: s = ["10px"],
-    p: c = ["10%"],
-    borderColor: a = "cl_lightGrey",
-    height: l,
-    children: u,
-    backgroundColor: h = "cl_white",
-    borderRadius: m,
-    minWidth: f
-  } = o, e = p(null), [t, g] = x(0), r = () => {
-    e.current && g(e.current.getBoundingClientRect().height);
-  }, n = C(R(r, 200), [
-    e
-  ]);
-  return b(() => (setTimeout(() => {
-    r();
-  }), window.addEventListener("resize", n), () => {
-    window.addEventListener("resize", n);
-  }), []), /* @__PURE__ */ i.jsx("div", { ref: e, children: /* @__PURE__ */ i.jsx(
-    w,
+import { j as o } from "./sd-component-library190.js";
+import { useMemo as j, useRef as w, useEffect as S } from "react";
+import { Label as g } from "@rebass/forms";
+import { Box as h } from "rebass";
+import { useDependantState as z } from "./sd-component-library3.js";
+import { FlexCenter as B } from "./sd-component-library35.js";
+function y(n, e) {
+  return (d) => {
+    const r = d.target.checked ? "checked" : "unchecked";
+    e == null || e(r), n(r);
+  };
+}
+const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ */ o.jsx(
+  h,
+  {
+    size: R,
+    sx: {
+      borderRadius: "2px",
+      ...n
+    },
+    ...e
+  }
+), $ = ({
+  children: n,
+  onChange: e,
+  value: d = "unchecked",
+  disabled: r = !1,
+  color: p = "cl_blue",
+  bg: i = "cl_transparent",
+  borderWidth: k = "2px",
+  m = "10px",
+  isHoverCheckbox: u = !1
+}) => {
+  const [t, b] = z(d), x = j(
+    () => r ? "cl_grey" : p,
+    [p, r]
+  ), c = w(null);
+  S(() => {
+    c.current && (c.current.checked = t === "checked", c.current.indeterminate = t === "partial");
+  }, [t]);
+  const l = u && t === "unchecked", C = l ? null : t !== "partial" ? /* @__PURE__ */ o.jsx(
+    f,
     {
-      "data-testid": "round-card",
       sx: {
-        position: "relative",
-        display: "grid",
-        alignItems: "center",
-        justifyContent: "center",
-        p: c,
-        height: l,
-        width: d,
-        backgroundColor: h,
-        minWidth: t || f,
-        borderRadius: m || `${t}px`,
-        borderStyle: "solid",
-        borderWidth: s,
-        borderColor: a
+        bg: t === "checked" ? x : i
       },
-      children: u
+      "data-testid": "checkbox-inner-square"
     }
-  ) });
+  ) : /* @__PURE__ */ o.jsx(
+    f,
+    {
+      sx: {
+        border: "5px solid",
+        borderColor: x,
+        borderLeftColor: i,
+        borderTopColor: i
+      },
+      "data-testid": "checkbox-inner-triangle"
+    }
+  );
+  return /* @__PURE__ */ o.jsxs(g, { alignItems: "center", "data-testid": "partial-checkbox", children: [
+    /* @__PURE__ */ o.jsxs(
+      B,
+      {
+        size: s,
+        sx: {
+          position: "relative",
+          m,
+          cursor: "pointer",
+          flexShrink: 0
+        },
+        children: [
+          /* @__PURE__ */ o.jsx(
+            h,
+            {
+              as: "input",
+              type: "checkbox",
+              sx: {
+                position: "absolute",
+                opacity: 0,
+                zIndex: -1,
+                width: 1,
+                height: 1,
+                overflow: "hidden"
+              },
+              onChange: y(b, e),
+              checked: t === "checked",
+              disabled: r,
+              ref: c,
+              "data-testid": "checkbox-input"
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            h,
+            {
+              sx: {
+                position: "absolute",
+                left: 0,
+                top: 0,
+                borderRadius: "3px",
+                bg: i,
+                width: l ? a : s,
+                height: s,
+                borderColor: x,
+                borderStyle: "solid",
+                borderWidth: k,
+                ...u ? {
+                  /* Extends the area where hovering works */
+                  ":before": {
+                    content: "''",
+                    position: "absolute",
+                    top: 0,
+                    bottom: 0,
+                    left: a,
+                    width: `calc(${s} - ${a})`
+                  },
+                  ":hover": {
+                    transition: "width 0.1s ease-in",
+                    width: s
+                  }
+                } : {}
+              },
+              "data-testid": "checkbox-outer-square"
+            }
+          ),
+          C
+        ]
+      }
+    ),
+    n
+  ] });
 };
 export {
-  z as RoundCard
+  $ as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library31.js","sources":["../src/components/cards/round-card/round-card.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { debounce } from \"lodash-es\";\nimport { Card } from \"rebass\";\n\nimport { RoundCardProps } from \"./interfaces\";\n\n/**\n *  RoundCard component.\n */\nexport const RoundCard: React.FC<RoundCardProps> = (props) => {\n  const {\n    width = [\"max-content\"],\n    borderWidth = [\"10px\"],\n    p = [\"10%\"],\n    borderColor = \"cl_lightGrey\",\n    height,\n    children,\n    backgroundColor = \"cl_white\",\n    borderRadius,\n    minWidth,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = () => {\n    if (contentRef.current)\n      setContentHeight(contentRef.current.getBoundingClientRect().height);\n  };\n\n  /**\n   * Waits 0.2s and updates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    contentRef,\n  ]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.addEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  return (\n    <div ref={contentRef}>\n      <Card\n        data-testid=\"round-card\"\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          p,\n          height,\n          width,\n          backgroundColor,\n          minWidth: contentHeight || minWidth,\n          borderRadius: borderRadius || `${contentHeight}px`,\n          borderStyle: \"solid\",\n          borderWidth,\n          borderColor,\n        }}\n      >\n        {children}\n      </Card>\n    </div>\n  );\n};\n"],"names":["RoundCard","props","width","borderWidth","p","borderColor","height","children","backgroundColor","borderRadius","minWidth","contentRef","useRef","contentHeight","setContentHeight","useState","calcContentHeight","handleResize","useCallback","debounce","useEffect","jsx","Card"],"mappings":";;;;AAUa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,aAAAC,IAAc,CAAC,MAAM;AAAA,IACrB,GAAAC,IAAI,CAAC,KAAK;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,cAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAT,GAEEU,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAeC,CAAgB,IAAIC,EAAiB,CAAC,GAEtDC,IAAoB,MAAM;AAC9B,IAAIL,EAAW,WACbG,EAAiBH,EAAW,QAAQ,sBAAsB,EAAE,MAAM;AAAA,EAAA,GAMhEM,IAAeC,EAAYC,EAASH,GAAmB,GAAG,GAAG;AAAA,IACjEL;AAAA,EAAA,CACD;AAED,SAAAS,EAAU,OACR,WAAW,MAAM;AACG,IAAAJ;EAAA,CACnB,GAEM,OAAA,iBAAiB,UAAUC,CAAY,GACvC,MAAM;AACJ,WAAA,iBAAiB,UAAUA,CAAY;AAAA,EAAA,IAE/C,CAAE,CAAA,GAGHI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKV,GACR,UAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,GAAAlB;AAAA,QACA,QAAAE;AAAA,QACA,OAAAJ;AAAA,QACA,iBAAAM;AAAA,QACA,UAAUK,KAAiBH;AAAA,QAC3B,cAAcD,KAAgB,GAAGI,CAAa;AAAA,QAC9C,aAAa;AAAA,QACb,aAAAV;AAAA,QACA,aAAAE;AAAA,MACF;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library31.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx, ...props }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n    {...props}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-testid=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-testid=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-testid=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n          data-testid=\"checkbox-input\"\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","props","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":"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"}

package/lib/sd-component-library310.js

@@ -1,11 +1,5 @@
-import e from "./sd-component-library550.js";
-import a from "./sd-component-library590.js";
-function u(t) {
-  a(1, arguments);
-  var r = e(t);
-  return r.setHours(0, 0, 0, 0), r;
-}
+var e = {};
 export {
-  u as default
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library310.js","sources":["../node_modules/date-fns/esm/startOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}"],"names":["startOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";;AAoBe,SAASA,EAAWC,GAAW;AAC5C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC,GACjBA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library310.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library311.js

@@ -1,12 +1,61 @@
-import o from "./sd-component-library591.js";
-import n from "./sd-component-library550.js";
-import i from "./sd-component-library590.js";
-function s(e, a) {
-  i(2, arguments);
-  var t = n(e), r = o(a);
-  return isNaN(r) ? /* @__PURE__ */ new Date(NaN) : (r && t.setDate(t.getDate() + r), t);
+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
+        )) })
+      ]
+    }
+  );
 }
+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 {
-  s as default
+  b as AutocompleteOptionBox
 };
 //# sourceMappingURL=sd-component-library311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library311.js","sources":["../node_modules/date-fns/esm/addDays/index.js"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}"],"names":["addDays","dirtyDate","dirtyAmount","requiredArgs","date","toDate","amount","toInteger"],"mappings":";;;AAqBe,SAASA,EAAQC,GAAWC,GAAa;AACtD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOJ,CAAS,GACvBK,IAASC,EAAUL,CAAW;AAClC,SAAI,MAAMI,CAAM,IACP,oBAAI,KAAK,GAAG,KAEhBA,KAILF,EAAK,QAAQA,EAAK,QAAS,IAAGE,CAAM,GAC7BF;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library311.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":";;;;;AAQO,SAASA,EAAyBC,GAAoC;AAC3E,QAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,UAAAC,EAAA,IAAaH,GAGhCI,IAAkBC,EAAQ,MAAMJ,EAAS,CAAC,GAAG,CAACA,CAAQ,CAAC,GAEvDK,IAAgBD,EAAQ,MAAMJ,EAAS,MAAM,CAAC,GAAG,CAACA,CAAQ,CAAC,GAE3DM,IAAwBF,EAAQ,MAAM;AAC1C,UAAMG,IAAaJ,EAChB,YAAA,EACA,QAAQF,EAAM,aAAa;AAE9B,kCACGO,GACC,EAAA,UAAA;AAAA,MAAAC,gBAAAA,MAACC,KAAe,OAAO,CAAC,EAAE,GAAG,QAAQ,WACnC,UAACD,gBAAAA,EAAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,MACxB,GAAA,UAAAN,EAAgB,UAAU,GAAGI,CAAU,EAC1C,CAAA,GACF;AAAA,MACAE,gBAAAA,EAAAA,IAACC,GAAe,EAAA,OAAO,CAAC,EAAE,GAAG,OAAM,aAAY,QAAQ,WACrD,UAACD,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,SACxB,UAAgBN,EAAA,UAAUI,GAAYA,IAAaN,EAAM,MAAM,EAAA,CAClE,EACF,CAAA;AAAA,MACAQ,gBAAAA,EAAAA,IAACC,KAAe,OAAO,CAAC,EAAE,GAAG,QAAQ,WACnC,UAACD,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,SACxB,UAAAN,EAAgB,UAAUI,IAAaN,EAAM,MAAM,EAAA,CACtD,EACF,CAAA;AAAA,IACF,EAAA,CAAA;AAAA,EAAA,GAED,CAACE,GAAiBF,CAAK,CAAC;AAGzB,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,MACV;AAAA,MACA,SAAS,CAACC,MAAMX,EAASC,CAAe;AAAA,MACxC,aAAU;AAAA,MAET,UAAA;AAAA,QAAAG;AAAA,QACDG,gBAAAA,EAAAA,IAACD,KAAK,UAAS,QACZ,YAAc,IAAI,CAACM,GAASC,GAAKC,MAChCP,gBAAAA,EAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,OAAAhB;AAAA,YACA,SAAAa;AAAA,YACA,aAAaC,MAAQC,EAAI,SAAS;AAAA,UAAA;AAAA,UAH7BF;AAAA,QAKR,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAMG,IAID,CAAClB,MAAU;AACd,QAAM,EAAE,OAAAE,GAAO,SAAAa,GAAS,aAAAI,EAAA,IAAgBnB,GAClCoB,IAAWL,EAAQ,YAAA,EAAc,QAAQb,EAAM,aAAa;AAElE,gCACGO,GACE,EAAA,UAAA;AAAA,IAAAW,MAAa,KAEVR,gBAAAA,EAAA,KAAAS,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAX,gBAAAA,MAACY,KAAgB,OAAO,CAAC,EAAE,GAAG,QAAQ,WACpC,UAACZ,gBAAAA,EAAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,MACxB,GAAA,UAAAK,EAAQ,UAAU,GAAGK,CAAQ,EAChC,CAAA,GACF;AAAA,MACAV,gBAAAA,EAAAA,IAACY,GAAgB,EAAA,OAAO,CAAC,EAAE,GAAG,OAAM,aAAY,QAAQ,WACtD,UAACZ,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,SACxB,UAAQK,EAAA,UAAUK,GAAUA,IAAWlB,EAAM,MAAM,EAAA,CACtD,EACF,CAAA;AAAA,MACAQ,gBAAAA,EAAAA,IAACY,KAAgB,OAAO,CAAC,EAAE,GAAG,QAAQ,WACpC,UAACZ,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAO,EAAE,YAAY,SACxB,UAAAK,EAAQ,UAAUK,IAAWlB,EAAM,MAAM,EAAA,CAC5C,EACF,CAAA;AAAA,IAAA,GACF,IAECQ,gBAAAA,EAAA,IAAAY,GAAA,EAAgB,OAAO,CAAC,EAAE,GAAG,QAAQ,WACpC,UAAAZ,gBAAAA,EAAAA,IAAC,UAAK,OAAO,EAAE,YAAY,MAAM,GAAI,YAAQ,CAAA,GAC/C;AAAA,IAGDS,KACCT,gBAAAA,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,CAAC,MAAM;AAAA,QACd,WAAU;AAAA,QACX,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,GAhCOP,CAkCX;AAEJ;"}

package/lib/sd-component-library312.js

@@ -1,11 +1,271 @@
-import e from "./sd-component-library550.js";
-import o from "./sd-component-library590.js";
-function f(t) {
-  o(1, arguments);
-  var r = e(t);
-  return r.setHours(23, 59, 59, 999), r;
-}
-export {
-  f as default
+import { __exports as q } from "./sd-component-library318.js";
+import U from "react";
+import { p as X } from "./sd-component-library287.js";
+import "./sd-component-library313.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-library319.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) {
+  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: []
 };
+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-library312.js.map