@selfdecode/sd-component-library 4.0.107 → 4.0.109

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library318.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library318.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}

package/lib/sd-component-library319.js

@@ -1,8 +1,7 @@
-const p = (c, r, n, t) => {
-  const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
-  return { rangeArcStart: a, rangeArcEnd: S };
-};
+import { j as e } from "./sd-component-library198.js";
+import { LabelPointer as t } from "./sd-component-library327.js";
+const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
 export {
-  p as getRangeProperties
+  s as DiscreteMeterLabelPointer
 };
 //# sourceMappingURL=sd-component-library319.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library319.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}
+{"version":3,"file":"sd-component-library319.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}

package/lib/sd-component-library32.js

@@ -1,88 +1,136 @@
-import { j as e } from "./sd-component-library197.js";
-import { Box as d } from "rebass";
-import { useHover as j } from "./sd-component-library3.js";
-import { isTouchScreen as S } from "./sd-component-library4.js";
-import { FlexItemsCenter as g, FlexCenter as w } from "./sd-component-library35.js";
-const R = ({
-  onChange: o,
-  value: r,
-  isHoverCheckbox: n,
-  stopPropagation: s = !1,
-  ...t
+import { j as o } from "./sd-component-library198.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-library36.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 i = (c) => {
-    s && c.stopPropagation(), o(!r);
-  }, x = n && !r;
-  return /* @__PURE__ */ e.jsx(
-    v,
+  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,
     {
-      showInnerBox: r,
-      onClick: i,
-      showHoverCheckbox: x,
-      ...t
+      sx: {
+        bg: t === "checked" ? x : i
+      },
+      "data-testid": "checkbox-inner-square"
     }
-  );
-}, z = "10px", l = "20px", B = "5px", v = ({
-  disabled: o,
-  containerSx: r,
-  showHoverCheckbox: n,
-  bg: s,
-  showBGColorWhenIdle: t,
-  disabledColor: i = "cl_grey",
-  color: x = "cl_blue",
-  children: c,
-  showInnerBox: C,
-  onClick: m,
-  borderRadius: a = "3px",
-  borderWidth: k = "2px",
-  innerBoxSx: b
-}) => {
-  const { isHover: f, hoverCallbacks: u } = j(), h = f || !n || S(), p = o ? i : x;
-  return /* @__PURE__ */ e.jsxs(
-    g,
+  ) : /* @__PURE__ */ o.jsx(
+    f,
     {
-      onClick: o ? void 0 : m,
       sx: {
-        cursor: o ? "default" : "pointer",
-        gap: "10px",
-        ...r
+        border: "5px solid",
+        borderColor: x,
+        borderLeftColor: i,
+        borderTopColor: i
       },
-      ...u,
-      children: [
-        /* @__PURE__ */ e.jsx(d, { size: l, sx: { flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(
-          w,
-          {
-            width: h ? l : B,
-            height: l,
-            bg: t && h ? "" : s,
-            sx: {
-              flexShrink: 0,
-              borderRadius: a,
-              borderWidth: k,
-              borderColor: p,
-              borderStyle: "solid",
-              transition: "width 0.1s ease-in"
-            },
-            children: C && /* @__PURE__ */ e.jsx(
-              d,
-              {
-                sx: {
-                  border: `calc(${z} / 2) solid`,
-                  borderColor: p,
-                  borderRadius: "2px",
-                  ...b
-                }
-              }
-            )
-          }
-        ) }),
-        c
-      ]
+      "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 {
-  R as CheckboxV2,
-  v as CheckboxV2Container
+  $ as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library32.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library32.js","sources":["../src/components/checkboxes/checkbox-v2/checkbox-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../containers\";\nimport {\n  CheckboxV2ContainerProps as ContainerProps,\n  CheckboxV2Props as Props,\n} from \"./interfaces\";\n\nexport const CheckboxV2: React.FC<Props> = ({\n  onChange,\n  value,\n  isHoverCheckbox,\n  stopPropagation = false,\n  ...containerProps\n}) => {\n  const onClick: ContainerProps[\"onClick\"] = (event) => {\n    stopPropagation && event.stopPropagation();\n    onChange(!value);\n  };\n\n  const showHoverCheckbox = isHoverCheckbox && !value;\n\n  return (\n    <CheckboxV2Container\n      showInnerBox={value}\n      onClick={onClick}\n      showHoverCheckbox={showHoverCheckbox}\n      {...containerProps}\n    />\n  );\n};\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<ContainerProps> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["CheckboxV2","onChange","value","isHoverCheckbox","stopPropagation","containerProps","onClick","event","showHoverCheckbox","jsx","CheckboxV2Container","innerBoxSize","outerBoxSize","shrankSize","disabled","containerSx","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","Box","FlexCenter"],"mappings":";;;;;AAYO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AACE,QAAAC,IAAqC,CAACC,MAAU;AACpD,IAAAH,KAAmBG,EAAM,mBACzBN,EAAS,CAACC,CAAK;AAAA,EAAA,GAGXM,IAAoBL,KAAmB,CAACD;AAG5C,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcR;AAAA,MACd,SAAAI;AAAA,MACA,mBAAAE;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENH,IAAgD,CAAC;AAAA,EAC5D,UAAAI;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAP;AAAA,EACA,IAAAQ;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAf;AAAA,EACA,cAAAgB,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACjB,KAAqBqB,EAAc,GACpEC,IAAehB,IAAWI,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASlB,IAAW,SAAYR;AAAA,MAChC,IAAI;AAAA,QACF,QAAQQ,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGW;AAAA,MAEJ,UAAA;AAAA,QAAAjB,gBAAAA,MAACwB,KAAI,MAAMrB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAH,gBAAAA,EAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,OAAON,IAAqBhB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIK,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAM;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAZ,gBAAAA,EAAA;AAAA,cAACwB;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQtB,CAAY;AAAA,kBAC5B,aAAamB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library32.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-library320.js

@@ -1,7 +1,61 @@
-import { j as e } from "./sd-component-library197.js";
-import { LabelPointer as t } from "./sd-component-library326.js";
-const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
+import { j as e } from "./sd-component-library198.js";
+import { useMemo as h } from "react";
+import { Flex as p, Box as j } from "rebass";
+import { SixteenRegular as l } from "./sd-component-library153.js";
+import { ThirteenRegular as i } from "./sd-component-library157.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 DiscreteMeterLabelPointer
+  b as AutocompleteOptionBox
 };
 //# sourceMappingURL=sd-component-library320.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library320.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}
+{"version":3,"file":"sd-component-library320.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-library321.js

@@ -1,37 +1,29 @@
-import { j as i } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as n } from "./sd-component-library151.js";
-const s = (o) => {
-  const { currentSelection: e, title: r, onClick: t } = o;
-  return /* @__PURE__ */ i.jsx(
-    n,
+import { j as r } from "./sd-component-library198.js";
+import { ResponsiveTextV2 as s } from "./sd-component-library152.js";
+const x = (t) => {
+  const { onClick: e, title: o, height: i } = t;
+  return /* @__PURE__ */ r.jsx(
+    s,
     {
-      fontSizeWeight: [[14, e ? "bold" : "regular"]],
-      onClick: t,
+      fontSizeWeight: [[16, "regular"]],
       sx: {
-        height: "46px",
+        position: "relative",
+        height: `${i}px`,
+        px: "15px",
         display: "flex",
+        justifyContent: "flex-start",
         alignItems: "center",
-        justifyContent: "flex-end",
-        pr: "25px",
-        pl: "10px",
-        ...e ? {
-          cursor: "default"
-        } : {
-          borderTopStyle: "solid",
-          borderWidth: "1px",
-          borderColor: "cl_headerLine",
-          cursor: "pointer",
-          opacity: 0.8,
-          ":hover": {
-            opacity: 1
-          }
+        opacity: 0.8,
+        ":hover": {
+          opacity: 1
         }
       },
-      children: r
+      onClick: e,
+      children: o
     }
   );
 };
 export {
-  s as OptionRow
+  x as SearchAutocompleteRow
 };
 //# sourceMappingURL=sd-component-library321.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library321.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { OptionRowProps as Props } from \"./interfaces\";\n\nexport const OptionRow = <T extends string = string>(props: Props<T>) => {\n  const { currentSelection, title, onClick } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[14, currentSelection ? \"bold\" : \"regular\"]]}\n      onClick={onClick}\n      sx={{\n        height: \"46px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        pr: \"25px\",\n        pl: \"10px\",\n        ...(currentSelection\n          ? {\n              cursor: \"default\",\n            }\n          : {\n              borderTopStyle: \"solid\",\n              borderWidth: \"1px\",\n              borderColor: \"cl_headerLine\",\n              cursor: \"pointer\",\n              opacity: 0.8,\n              \":hover\": {\n                opacity: 1,\n              },\n            }),\n      }}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["OptionRow","props","currentSelection","title","onClick","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAY,CAA4BC,MAAoB;AACvE,QAAM,EAAE,kBAAAC,GAAkB,OAAAC,GAAO,SAAAC,EAAA,IAAYH;AAG3C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAIJ,IAAmB,SAAS,SAAS,CAAC;AAAA,MAC5D,SAAAE;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAIF,IACA;AAAA,UACE,QAAQ;AAAA,QAAA,IAEV;AAAA,UACE,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACN;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library321.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { SearchAutocompleteRowProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteRow = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { onClick, title, height } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        position: \"relative\",\n        height: `${height}px`,\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n        opacity: 0.8,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SearchAutocompleteRow","props","onClick","title","height","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAwB,CAGnCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,QAAAC,EAAA,IAAWH;AAGjC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ,GAAGF,CAAM;AAAA,QACjB,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library322.js

@@ -1,32 +1,37 @@
-import { j as e } from "./sd-component-library197.js";
-import { getSelectedRangeText as l } from "./sd-component-library284.js";
-import { FourteenRegular as n } from "./sd-component-library145.js";
-import { FourteenSb as p } from "./sd-component-library146.js";
-import { BaseGridContainer as i } from "./sd-component-library36.js";
-const a = (r) => {
-  const { isMobile: o, selectedRange: t } = r;
-  return /* @__PURE__ */ e.jsxs(
-    i,
+import { j as i } from "./sd-component-library198.js";
+import { ResponsiveTextV2 as n } from "./sd-component-library152.js";
+const s = (o) => {
+  const { currentSelection: e, title: r, onClick: t } = o;
+  return /* @__PURE__ */ i.jsx(
+    n,
     {
-      ...o ? {
-        p: "10px 20px",
-        gap: "3px",
-        borderWidth: "1px 0",
-        borderStyle: "solid",
-        borderColor: "#CCD0DB"
-      } : {
-        gap: "10px",
-        m: "auto 0",
-        justifyContent: "flex-end"
+      fontSizeWeight: [[14, e ? "bold" : "regular"]],
+      onClick: t,
+      sx: {
+        height: "46px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        pr: "25px",
+        pl: "10px",
+        ...e ? {
+          cursor: "default"
+        } : {
+          borderTopStyle: "solid",
+          borderWidth: "1px",
+          borderColor: "cl_headerLine",
+          cursor: "pointer",
+          opacity: 0.8,
+          ":hover": {
+            opacity: 1
+          }
+        }
       },
-      children: [
-        /* @__PURE__ */ e.jsx(n, { color: "cl_grey", children: "Selected:" }),
-        /* @__PURE__ */ e.jsx(p, { color: "cl_purple", children: l(t) })
-      ]
+      children: r
     }
   );
 };
 export {
-  a as SelectedRangeText
+  s as OptionRow
 };
 //# sourceMappingURL=sd-component-library322.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library322.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../../../../../containers\";\nimport { FourteenRegular } from \"../../../../../texts/fourteen-regular\";\nimport { FourteenSb } from \"../../../../../texts/fourteen-sb\";\nimport { getSelectedRangeText } from \"../../utils\";\nimport { SelectedRangeTextProps as Props } from \"./interfaces\";\n\nexport const SelectedRangeText: React.FC<Props> = (props) => {\n  const { isMobile, selectedRange } = props;\n\n  return (\n    <BaseGridContainer\n      {...(isMobile\n        ? {\n            p: \"10px 20px\",\n            gap: \"3px\",\n            borderWidth: \"1px 0\",\n            borderStyle: \"solid\",\n            borderColor: \"#CCD0DB\",\n          }\n        : {\n            gap: \"10px\",\n            m: \"auto 0\",\n            justifyContent: \"flex-end\",\n          })}\n    >\n      <FourteenRegular color=\"cl_grey\">Selected:</FourteenRegular>\n\n      <FourteenSb color=\"cl_purple\">\n        {getSelectedRangeText(selectedRange)}\n      </FourteenSb>\n    </BaseGridContainer>\n  );\n};\n"],"names":["SelectedRangeText","props","isMobile","selectedRange","jsxs","BaseGridContainer","jsx","FourteenRegular","FourteenSb","getSelectedRangeText"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA,EAAE,UAAAC,GAAU,eAAAC,EAAkB,IAAAF;AAGlC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIH,IACD;AAAA,QACE,GAAG;AAAA,QACH,KAAK;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,IAEf;AAAA,QACE,KAAK;AAAA,QACL,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MAEJ,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAgB,OAAM,WAAU,UAAS,aAAA;AAAA,8BAEzCC,GAAW,EAAA,OAAM,aACf,UAAAC,EAAqBN,CAAa,GACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library322.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { OptionRowProps as Props } from \"./interfaces\";\n\nexport const OptionRow = <T extends string = string>(props: Props<T>) => {\n  const { currentSelection, title, onClick } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[14, currentSelection ? \"bold\" : \"regular\"]]}\n      onClick={onClick}\n      sx={{\n        height: \"46px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        pr: \"25px\",\n        pl: \"10px\",\n        ...(currentSelection\n          ? {\n              cursor: \"default\",\n            }\n          : {\n              borderTopStyle: \"solid\",\n              borderWidth: \"1px\",\n              borderColor: \"cl_headerLine\",\n              cursor: \"pointer\",\n              opacity: 0.8,\n              \":hover\": {\n                opacity: 1,\n              },\n            }),\n      }}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["OptionRow","props","currentSelection","title","onClick","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAY,CAA4BC,MAAoB;AACvE,QAAM,EAAE,kBAAAC,GAAkB,OAAAC,GAAO,SAAAC,EAAA,IAAYH;AAG3C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAIJ,IAAmB,SAAS,SAAS,CAAC;AAAA,MAC5D,SAAAE;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAIF,IACA;AAAA,UACE,QAAQ;AAAA,QAAA,IAEV;AAAA,UACE,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACN;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}