@selfdecode/sd-component-library 4.0.73-vite12 → 4.0.73-vite13

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.js","sources":["../src/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenterSpaceBetween } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CustomOptionBoxProps as Props } from \"./interfaces\";\n\nexport const CustomOptionBox: React.FC<Props> = ({\n  title,\n  secondaryText,\n  onClick,\n  textTransform,\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      onClick={onClick}\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[16, \"regular\"]}\n        textTransform={textTransform}\n      >\n        {title}\n      </ResponsiveTextV2>\n\n      {secondaryText && (\n        <ResponsiveTextV2 fontSizeWeight={[14, \"regular\"]}>\n          {secondaryText}\n        </ResponsiveTextV2>\n      )}\n    </FlexCenterSpaceBetween>\n  );\n};\n"],"names":["CustomOptionBox","title","secondaryText","onClick","textTransform","jsxs","FlexCenterSpaceBetween","cursor","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmCA,CAAC;AAAA,EAC/CC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AACF,MAEI,gBAAAC,EAACC,KACC,OAAM,QACN,GAAE,aACF,SAAAH,GACA,IAAG,SACH,IAAI;AAAA,EAAEI,QAAQ;AAEd,GAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,eAAAL,GAECH,UACHA,GAAA;AAAA,EAECC,uBACEO,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7CP,UACHA,GAAA;AAEJ,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library281.js","sources":["../src/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../../../containers\";\nimport { BaseLabel } from \"../../../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getNoTranslateClass } from \"../../../selector/selector\";\nimport { BaseSelectorV2Props as Props } from \"./interfaces\";\n\nexport const BaseSelectorV2 = <T extends string = string>({\n  variant,\n  options,\n  width,\n  m,\n  mt,\n  mr,\n  mb,\n  ml,\n  gap,\n  selectorLabel,\n  secondLabel,\n  errorMessage,\n  disabledTextValue,\n  hideDefaultOnSelect,\n  labelMargin,\n  selectElementHeight,\n  defaultOptionColor,\n  textTransform,\n  onSelect,\n  noOptionsToSelect,\n  name,\n  selection,\n  hasDefaultValue,\n  onFocus,\n  errorBackground,\n  labelContainerAlignItems,\n  translateSelect = true,\n  translateDefaultOption,\n  containerVariant,\n  disabled,\n  pl,\n}: Props<T>) => {\n  const useDefaultIconStyles =\n    !variant ||\n    ![\"compact\", \"tertiary\", \"secondaryV2\", \"updatedSecondary\"].includes(\n      variant\n    );\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      variant={`_containers.selectors.${containerVariant || variant}`}\n      sx={{\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-testid=\"base-selector-v2\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap=\"0px\" alignItems={labelContainerAlignItems}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n            data-test=\"selector-label\"\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing=\"1px\"\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || \"3px\"}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [10, \"semi-bold\"]}\n              data-test=\"second-label\"\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) => onSelect(event.target.value)}\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        sx={{\n          textTransform,\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          pl,\n        }}\n        disabled={disabled || noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}\n          </option>\n        ) : (\n          <>\n            {options\n              .slice(\n                // should default option be hidden?\n                hasDefaultValue &&\n                  hideDefaultOnSelect &&\n                  selection.value !== null\n                  ? 1\n                  : 0\n              )\n              .map((option) => (\n                <option\n                  key={option.id}\n                  data-testid=\"selector-option\"\n                  className={\n                    option.value === null\n                      ? defaultOptionClassName\n                      : regularOptionClassName\n                  }\n                >\n                  {option.title}\n                </option>\n              ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["BaseSelectorV2","variant","options","width","m","mt","mr","mb","ml","gap","selectorLabel","secondLabel","errorMessage","disabledTextValue","hideDefaultOnSelect","labelMargin","selectElementHeight","defaultOptionColor","textTransform","onSelect","noOptionsToSelect","name","selection","hasDefaultValue","onFocus","errorBackground","labelContainerAlignItems","translateSelect","translateDefaultOption","containerVariant","disabled","pl","useDefaultIconStyles","includes","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","Box","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","color","fontSizeWeight","text","Select","title","trim","event","target","value","slice","map","option","id"],"mappings":"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"}

package/lib/sd-component-library282.js

@@ -1,35 +1,64 @@
-import { jsxs as i, jsx as r } from "./sd-component-library196.js";
-import n from "./sd-component-library193.js";
-import "./sd-component-library197.js";
-import { TriangularPointerIcon as p } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionRow as a } from "./sd-component-library769.js";
-import { Box as d } from "./sd-component-library198.js";
-import { HorizontalDivider as l } from "./sd-component-library51.js";
-const S = ({
-  options: t,
-  onSelect: c
-}) => {
-  const m = (o) => () => c(o);
-  return /* @__PURE__ */ i(d, { sx: {
+import { jsxs as u, jsx as t } from "./sd-component-library195.js";
+import { createElement as g } from "./sd-component-library646.js";
+import "./sd-component-library198.js";
+import { TriangularPointerIcon as f } from "./sd-component-library189.js";
+import { HorizontalDivider as w } from "./sd-component-library51.js";
+import { OptionRow as k } from "./sd-component-library676.js";
+import { Box as i } from "./sd-component-library199.js";
+const C = 8, e = 5, c = C + 2 * e, l = c / 2, n = "cl_header", s = "cl_lightGrey", $ = "46px", S = 4, H = (a) => {
+  const {
+    isVisible: d,
+    options: p,
+    value: r,
+    onChange: b
+  } = a;
+  if (!d)
+    return null;
+  const x = (o) => () => b(o), h = [r, ...p.filter(({
+    id: o
+  }) => o !== r.id)], m = `${c}px`;
+  return /* @__PURE__ */ u(i, { sx: {
+    minWidth: "100%",
     position: "absolute",
-    right: "-16px",
-    top: "calc(100% - 12px)",
-    minWidth: "calc(100% + 16px)",
-    zIndex: 1
+    top: "100%",
+    right: 0,
+    zIndex: 1,
+    cursor: "default"
   }, children: [
-    /* @__PURE__ */ r(p, { direction: "top", mr: "15px", ml: "auto" }),
-    /* @__PURE__ */ r(l, { height: "2px", color: "cl_purple" }),
-    t.map((o, e) => /* @__PURE__ */ i(n.Fragment, { children: [
-      e !== 0 && /* @__PURE__ */ r(l, { color: "cl_headerLine", sx: {
-        borderStyle: "none solid",
-        borderColor: "cl_lightGrey",
-        borderWidth: "1px"
-      } }),
-      /* @__PURE__ */ r(a, { title: o.title, onClick: m(o), isLast: e === t.length - 1 }, o.id)
-    ] }, o.id))
+    /* @__PURE__ */ t(f, { direction: "top", mr: "15px", ml: "auto" }),
+    /* @__PURE__ */ t(w, { color: "cl_purple", height: "2px" }),
+    /* @__PURE__ */ t(i, { sx: {
+      bg: "cl_white",
+      borderRadius: "0 0 3px 3px",
+      boxShadow: "0px 3px 10px #0000001A",
+      borderWidth: "1px",
+      borderColor: "cl_lightGrey",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      overflow: "auto",
+      maxHeight: `calc(${$} * ${S})`,
+      scrollbarWidth: "thin",
+      scrollbarColor: `${n} ${s}`,
+      "::-webkit-scrollbar-track": {
+        borderRadius: l,
+        bg: n,
+        border: `${e}px solid transparent`,
+        backgroundClip: "content-box"
+      },
+      "::-webkit-scrollbar": {
+        width: m,
+        bg: "transparent"
+      },
+      "::-webkit-scrollbar-thumb": {
+        borderRadius: l,
+        bg: s,
+        border: `${e}px solid transparent`,
+        backgroundClip: "content-box"
+      }
+    }, children: h.map((o) => /* @__PURE__ */ g(k, { onClick: x(o), ...o, key: o.id, currentSelection: r.id === o.id })) })
   ] });
 };
 export {
-  S as SecondaryCustomSelectorOptionsBox
+  H as CustomScrollableOptionsBox
 };
 //# sourceMappingURL=sd-component-library282.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library282.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { SecondaryCustomSelectorOptionRow } from \"../secondary-custom-selector-option-row\";\nimport { SecondaryCustomSelectorOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        right: \"-16px\",\n        top: \"calc(100% - 12px)\",\n        minWidth: \"calc(100% + 16px)\",\n        zIndex: 1,\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider height=\"2px\" color=\"cl_purple\" />\n\n      {options.map((option, idx) => (\n        <React.Fragment key={option.id}>\n          {idx !== 0 && (\n            <HorizontalDivider\n              color=\"cl_headerLine\"\n              sx={{\n                borderStyle: \"none solid\",\n                borderColor: \"cl_lightGrey\",\n                borderWidth: \"1px\",\n              }}\n            />\n          )}\n\n          <SecondaryCustomSelectorOptionRow\n            key={option.id}\n            title={option.title}\n            onClick={onClick(option)}\n            isLast={idx === options.length - 1}\n          />\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionsBox","options","onSelect","onClick","option","jsxs","Box","position","right","top","minWidth","zIndex","jsx","TriangularPointerIcon","HorizontalDivider","map","idx","React","borderStyle","borderColor","borderWidth","SecondaryCustomSelectorOptionRow","title","length","id"],"mappings":";;;;;;;AAUO,MAAMA,IAAoC,CAA4B;AAAA,EAC3EC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAUA,CAACC,MAAgC,MAAMF,EAASE,CAAM;AAGpE,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzD,gBAAAD,EAAAE,GAAA,EAAkB,QAAO,OAAM,OAAM,aAAW;AAAA,IAEhDb,EAAQc,IAAI,CAACX,GAAQY,MACnB,gBAAAX,EAAAY,EAAM,UAAN,EACED,UAAAA;AAAAA,MAAAA,MAAQ,KACP,gBAAAJ,EAACE,GACC,EAAA,OAAM,iBACN,IAAI;AAAA,QACFI,aAAa;AAAA,QACbC,aAAa;AAAA,QACbC,aAAa;AAAA,MAAA,GAGlB;AAAA,MAEA,gBAAAR,EAAAS,GAAA,EAEC,OAAOjB,EAAOkB,OACd,SAASnB,EAAQC,CAAM,GACvB,QAAQY,MAAQf,EAAQsB,SAAS,EAAA,GAH5BnB,EAAOoB,EAGuB;AAAA,IAAA,KAhBlBpB,EAAOoB,EAkB5B,CACD;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library282.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { OptionRow } from \"../option-row\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nconst scrollbarWidth = 8;\nconst offset = 5;\nconst totalWidth = scrollbarWidth + 2 * offset;\nconst borderRadius = totalWidth / 2;\n\nconst trackColor = \"cl_header\";\nconst thumbColor = \"cl_lightGrey\";\nconst rowHeight = \"46px\";\nconst maxRows = 4;\n\nexport const CustomScrollableOptionsBox = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { isVisible, options, value, onChange } = props;\n\n  if (!isVisible) return null;\n\n  const onSelect = (option: SelectorOptionV2<T>) => () => onChange(option);\n  const regroupedOptions = [\n    value,\n    ...options.filter(({ id }) => id !== value.id),\n  ];\n\n  const scrollbarWidthStr = `${totalWidth}px`;\n\n  return (\n    <Box\n      sx={{\n        minWidth: \"100%\",\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n        cursor: \"default\",\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          overflow: \"auto\",\n          maxHeight: `calc(${rowHeight} * ${maxRows})`,\n          scrollbarWidth: \"thin\",\n          scrollbarColor: `${trackColor} ${thumbColor}`,\n          \"::-webkit-scrollbar-track\": {\n            borderRadius,\n            bg: trackColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n          \"::-webkit-scrollbar\": {\n            width: scrollbarWidthStr,\n            bg: \"transparent\",\n          },\n          \"::-webkit-scrollbar-thumb\": {\n            borderRadius,\n            bg: thumbColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n        }}\n      >\n        {(regroupedOptions as SelectorOptionV2<T>[]).map((option) => (\n          <OptionRow\n            onClick={onSelect(option)}\n            {...option}\n            key={option.id}\n            currentSelection={value.id === option.id}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["scrollbarWidth","offset","totalWidth","borderRadius","trackColor","thumbColor","rowHeight","maxRows","CustomScrollableOptionsBox","props","isVisible","options","value","onChange","onSelect","option","regroupedOptions","filter","id","scrollbarWidthStr","jsxs","Box","minWidth","position","top","right","zIndex","cursor","jsx","TriangularPointerIcon","HorizontalDivider","bg","boxShadow","borderWidth","borderColor","borderStyle","borderTopStyle","overflow","maxHeight","scrollbarColor","border","backgroundClip","width","map","OptionRow"],"mappings":";;;;;;;AAUA,MAAMA,IAAiB,GACjBC,IAAS,GACTC,IAAaF,IAAiB,IAAIC,GAClCE,IAAeD,IAAa,GAE5BE,IAAa,aACbC,IAAa,gBACbC,IAAY,QACZC,IAAU,GAEHC,IAA6B,CACxCC,MACG;AACG,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,EAAaJ,IAAAA;AAEhD,MAAI,CAACC;AAAkB,WAAA;AAEvB,QAAMI,IAAWA,CAACC,MAAgC,MAAMF,EAASE,CAAM,GACjEC,IAAmB,CACvBJ,GACA,GAAGD,EAAQM,OAAO,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAASA,MAAAA,MAAON,EAAMM,EAAE,CAAC,GAG1CC,IAAqB,GAAEjB,CAAW;AAGtC,SAAA,gBAAAkB,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzD,gBAAAD,EAAAE,GAAA,EAAkB,OAAM,aAAY,QAAO,OAAK;AAAA,IAEjD,gBAAAF,EAACP,KACC,IAAI;AAAA,MACFU,IAAI;AAAA,MACJ5B,cAAc;AAAA,MACd6B,WAAW;AAAA,MACXC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,gBAAgB;AAAA,MAChBC,UAAU;AAAA,MACVC,WAAY,QAAOhC,CAAU,MAAKC,CAAQ;AAAA,MAC1CP,gBAAgB;AAAA,MAChBuC,gBAAiB,GAAEnC,CAAW,IAAGC,CAAW;AAAA,MAC5C,6BAA6B;AAAA,QAC3BF,cAAAA;AAAAA,QACA4B,IAAI3B;AAAAA,QACJoC,QAAS,GAAEvC,CAAO;AAAA,QAClBwC,gBAAgB;AAAA,MAClB;AAAA,MACA,uBAAuB;AAAA,QACrBC,OAAOvB;AAAAA,QACPY,IAAI;AAAA,MACN;AAAA,MACA,6BAA6B;AAAA,QAC3B5B,cAAAA;AAAAA,QACA4B,IAAI1B;AAAAA,QACJmC,QAAS,GAAEvC,CAAO;AAAA,QAClBwC,gBAAgB;AAAA,MAClB;AAAA,IACF,GAEEzB,YAA2C2B,IAAK5B,CAAAA,wBAC/C6B,GACC,EAAA,SAAS9B,EAASC,CAAM,GACpBA,GAAAA,GACJ,KAAKA,EAAOG,IACZ,kBAAkBN,EAAMM,OAAOH,EAAOG,IAAG,CAE5C,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library283.js

@@ -1,81 +1,45 @@
-import { jsxs as x, jsx as e, Fragment as T } from "./sd-component-library196.js";
-import { Select as Z } from "./sd-component-library219.js";
-import "./sd-component-library197.js";
-import { getNoTranslateClass as u } from "./sd-component-library110.js";
-import { MaxMaxContainer as q } from "./sd-component-library43.js";
-import { BaseLabel as D } from "./sd-component-library239.js";
-import { Box as G } from "./sd-component-library198.js";
-import { ResponsiveTextV2 as H } from "./sd-component-library147.js";
-const O = ({
-  variant: r,
-  options: f,
-  width: g,
-  m: h,
-  mt: C,
-  mr: v,
-  mb: $,
-  ml: y,
-  gap: b,
-  selectorLabel: i,
-  secondLabel: t,
-  errorMessage: m,
-  disabledTextValue: n,
-  hideDefaultOnSelect: B,
-  labelMargin: F,
-  selectElementHeight: N,
-  defaultOptionColor: c,
-  textTransform: S,
-  onSelect: _,
-  noOptionsToSelect: o,
-  name: l,
-  selection: s,
-  hasDefaultValue: M,
-  onFocus: V,
-  errorBackground: j,
-  labelContainerAlignItems: z,
-  translateSelect: d = !0,
-  translateDefaultOption: p,
-  containerVariant: E,
-  disabled: I,
-  pl: W
+import { jsxs as x, jsx as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { CustomScrollbarBox as d } from "./sd-component-library50.js";
+import { Box as e } from "./sd-component-library199.js";
+import { HorizontalDivider as s } from "./sd-component-library51.js";
+import { ResponsiveTextV2 as c } from "./sd-component-library147.js";
+const u = ({
+  options: l,
+  onSelect: t
 }) => {
-  const k = !r || !["compact", "tertiary", "secondaryV2", "updatedSecondary"].includes(r), w = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, A = u(p !== !0 && !d || p === !1), R = u(!d);
-  return /* @__PURE__ */ x(G, { variant: `_containers.selectors.${E || r}`, sx: {
-    width: g,
-    m: h,
-    mt: C,
-    mr: v,
-    mb: $,
-    ml: y,
-    position: "relative",
-    ...k ? {
-      svg: {
-        transform: `translate(-2px,${w ? 0 : 5}px) scale(.78)`,
-        fill: "#4568F8"
-      }
-    } : {},
-    path: {
-      d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
-    },
-    gap: b
-  }, "data-testid": "base-selector-v2", children: [
-    i && /* @__PURE__ */ x(q, { gap: "0px", alignItems: z, children: [
-      /* @__PURE__ */ e(D, { htmlFor: l, variant: `selectors.${r}${m ? "Error" : ""}`, label: i, m: F, "data-test": "selector-label" }),
-      t && /* @__PURE__ */ e(H, { letterSpacing: "1px", textTransform: "uppercase", mt: t.mt, ml: t.ml || "3px", color: t.color || "cl_grey", fontSizeWeight: t.fontSizeWeight || [10, "semi-bold"], "data-test": "second-label", children: t.text })
-    ] }),
-    /* @__PURE__ */ e(Z, { id: l, name: l, height: N, value: o ? n : s.title.trim(), variant: `_selectors.${r}${m ? "Error" : ""}`, onChange: (a) => _(a.target.value), onFocus: V, backgroundColor: j ? "rgba(255, 0, 0, 0.05)" : "", sx: {
-      textTransform: S,
-      ...c && s.value === null ? {
-        color: c
-      } : {},
-      pl: W
-    }, disabled: I || o, children: o ? /* @__PURE__ */ e("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : /* @__PURE__ */ e(T, { children: f.slice(
-      // should default option be hidden?
-      M && B && s.value !== null ? 1 : 0
-    ).map((a) => /* @__PURE__ */ e("option", { "data-testid": "selector-option", className: a.value === null ? A : R, children: a.title }, a.id)) }) })
+  const i = {
+    borderColor: "cl_lightGrey",
+    borderWidth: "1px"
+  }, p = (r) => () => t(r);
+  return /* @__PURE__ */ x(e, { sx: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    zIndex: 1
+  }, children: [
+    /* @__PURE__ */ o(s, { color: "cl_purple", height: "2px" }),
+    /* @__PURE__ */ o(e, { sx: {
+      bg: "cl_white",
+      borderRadius: "0 0 3px 3px",
+      ...i,
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      boxShadow: "0px 3px 10px #0000001A"
+    }, children: /* @__PURE__ */ o(d, { height: "180px", width: "max-content", scrollbarThumbColor: "cl_purple", scrollbarTrackColor: "cl_headerLine", scrollbarWidth: "5px", hoverScrollbarWidth: "5px", bg: "cl_transparent", p: "5px 7px 5px 0", sx: {
+      pr: "8px"
+    }, children: l.map((r) => /* @__PURE__ */ o(c, { fontSizeWeight: [14, "regular"], sx: {
+      display: "flex",
+      alignItems: "center",
+      height: "36px",
+      px: "10px",
+      borderColor: "cl_headerLine",
+      borderWidth: "1px",
+      borderBottomStyle: "solid"
+    }, onClick: p(r), children: r.title }, r.id)) }) })
   ] });
 };
 export {
-  O as BaseSelectorV2
+  u as CustomScrollableOptionsBox
 };
 //# sourceMappingURL=sd-component-library283.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library283.js","sources":["../src/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../../../containers\";\nimport { BaseLabel } from \"../../../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getNoTranslateClass } from \"../../../selector/selector\";\nimport { BaseSelectorV2Props as Props } from \"./interfaces\";\n\nexport const BaseSelectorV2 = <T extends string = string>({\n  variant,\n  options,\n  width,\n  m,\n  mt,\n  mr,\n  mb,\n  ml,\n  gap,\n  selectorLabel,\n  secondLabel,\n  errorMessage,\n  disabledTextValue,\n  hideDefaultOnSelect,\n  labelMargin,\n  selectElementHeight,\n  defaultOptionColor,\n  textTransform,\n  onSelect,\n  noOptionsToSelect,\n  name,\n  selection,\n  hasDefaultValue,\n  onFocus,\n  errorBackground,\n  labelContainerAlignItems,\n  translateSelect = true,\n  translateDefaultOption,\n  containerVariant,\n  disabled,\n  pl,\n}: Props<T>) => {\n  const useDefaultIconStyles =\n    !variant ||\n    ![\"compact\", \"tertiary\", \"secondaryV2\", \"updatedSecondary\"].includes(\n      variant\n    );\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      variant={`_containers.selectors.${containerVariant || variant}`}\n      sx={{\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-testid=\"base-selector-v2\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap=\"0px\" alignItems={labelContainerAlignItems}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n            data-test=\"selector-label\"\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing=\"1px\"\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || \"3px\"}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [10, \"semi-bold\"]}\n              data-test=\"second-label\"\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) => onSelect(event.target.value)}\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        sx={{\n          textTransform,\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          pl,\n        }}\n        disabled={disabled || noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}\n          </option>\n        ) : (\n          <>\n            {options\n              .slice(\n                // should default option be hidden?\n                hasDefaultValue &&\n                  hideDefaultOnSelect &&\n                  selection.value !== null\n                  ? 1\n                  : 0\n              )\n              .map((option) => (\n                <option\n                  key={option.id}\n                  data-testid=\"selector-option\"\n                  className={\n                    option.value === null\n                      ? defaultOptionClassName\n                      : regularOptionClassName\n                  }\n                >\n                  {option.title}\n                </option>\n              ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["BaseSelectorV2","variant","options","width","m","mt","mr","mb","ml","gap","selectorLabel","secondLabel","errorMessage","disabledTextValue","hideDefaultOnSelect","labelMargin","selectElementHeight","defaultOptionColor","textTransform","onSelect","noOptionsToSelect","name","selection","hasDefaultValue","onFocus","errorBackground","labelContainerAlignItems","translateSelect","translateDefaultOption","containerVariant","disabled","pl","useDefaultIconStyles","includes","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","Box","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","color","fontSizeWeight","text","Select","title","trim","event","target","value","slice","map","option","id"],"mappings":"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"}
+{"version":3,"file":"sd-component-library283.js","sources":["../src/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { CustomScrollbarBox } from \"../../../../custom-scrollbar-box\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const CustomScrollableOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const lightGreyThinBorder = {\n    borderColor: \"cl_lightGrey\",\n    borderWidth: \"1px\",\n  };\n\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          ...lightGreyThinBorder,\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n        }}\n      >\n        <CustomScrollbarBox\n          height=\"180px\"\n          width=\"max-content\"\n          scrollbarThumbColor=\"cl_purple\"\n          scrollbarTrackColor=\"cl_headerLine\"\n          scrollbarWidth=\"5px\"\n          hoverScrollbarWidth=\"5px\"\n          bg=\"cl_transparent\"\n          p=\"5px 7px 5px 0\"\n          sx={{ pr: \"8px\" }}\n        >\n          {options.map((option) => (\n            <ResponsiveTextV2\n              key={option.id}\n              fontSizeWeight={[14, \"regular\"]}\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                height: \"36px\",\n                px: \"10px\",\n                borderColor: \"cl_headerLine\",\n                borderWidth: \"1px\",\n                borderBottomStyle: \"solid\",\n              }}\n              onClick={onClick(option)}\n            >\n              {option.title}\n            </ResponsiveTextV2>\n          ))}\n        </CustomScrollbarBox>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["CustomScrollableOptionsBox","options","onSelect","lightGreyThinBorder","borderColor","borderWidth","onClick","option","jsxs","Box","position","top","right","zIndex","jsx","HorizontalDivider","bg","borderRadius","borderStyle","borderTopStyle","boxShadow","CustomScrollbarBox","pr","map","ResponsiveTextV2","display","alignItems","height","px","borderBottomStyle","title","id"],"mappings":";;;;;;AAUO,MAAMA,IAA6B,CAA4B;AAAA,EACpEC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAsB;AAAA,IAC1BC,aAAa;AAAA,IACbC,aAAa;AAAA,EAAA,GAGTC,IAAUA,CAACC,MAAgC,MAAML,EAASK,CAAM;AAGpE,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAK;AAAA,IAEjD,gBAAAD,EAACL,KACC,IAAI;AAAA,MACFO,IAAI;AAAA,MACJC,cAAc;AAAA,MACd,GAAGd;AAAAA,MACHe,aAAa;AAAA,MACbC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IAAA,GAGb,UAAC,gBAAAN,EAAAO,GAAA,EACC,QAAO,SACP,OAAM,eACN,qBAAoB,aACpB,qBAAoB,iBACpB,gBAAe,OACf,qBAAoB,OACpB,IAAG,kBACH,GAAE,iBACF,IAAI;AAAA,MAAEC,IAAI;AAAA,IAAM,GAEfrB,UAAQsB,EAAAA,IAAKhB,CACZA,MAAA,gBAAAO,EAACU,GAEC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,SAAS;AAAA,MACTC,YAAY;AAAA,MACZC,QAAQ;AAAA,MACRC,IAAI;AAAA,MACJxB,aAAa;AAAA,MACbC,aAAa;AAAA,MACbwB,mBAAmB;AAAA,IACrB,GACA,SAASvB,EAAQC,CAAM,GAEtBA,UAAOuB,EAAAA,MAAAA,GAbHvB,EAAOwB,EAcd,CACD,EAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library284.js

@@ -1,45 +1,56 @@
-import { jsxs as x, jsx as o } from "./sd-component-library196.js";
-import "./sd-component-library197.js";
-import { CustomScrollbarBox as d } from "./sd-component-library50.js";
-import { Box as e } from "./sd-component-library198.js";
-import { HorizontalDivider as s } from "./sd-component-library51.js";
-import { ResponsiveTextV2 as c } from "./sd-component-library147.js";
-const u = ({
-  options: l,
-  onSelect: t
-}) => {
-  const i = {
-    borderColor: "cl_lightGrey",
-    borderWidth: "1px"
-  }, p = (r) => () => t(r);
-  return /* @__PURE__ */ x(e, { sx: {
-    position: "absolute",
-    top: "100%",
-    right: 0,
-    zIndex: 1
-  }, children: [
-    /* @__PURE__ */ o(s, { color: "cl_purple", height: "2px" }),
-    /* @__PURE__ */ o(e, { sx: {
-      bg: "cl_white",
-      borderRadius: "0 0 3px 3px",
-      ...i,
-      borderStyle: "solid",
-      borderTopStyle: "none",
-      boxShadow: "0px 3px 10px #0000001A"
-    }, children: /* @__PURE__ */ o(d, { height: "180px", width: "max-content", scrollbarThumbColor: "cl_purple", scrollbarTrackColor: "cl_headerLine", scrollbarWidth: "5px", hoverScrollbarWidth: "5px", bg: "cl_transparent", p: "5px 7px 5px 0", sx: {
-      pr: "8px"
-    }, children: l.map((r) => /* @__PURE__ */ o(c, { fontSizeWeight: [14, "regular"], sx: {
-      display: "flex",
-      alignItems: "center",
-      height: "36px",
-      px: "10px",
-      borderColor: "cl_headerLine",
-      borderWidth: "1px",
-      borderBottomStyle: "solid"
-    }, onClick: p(r), children: r.title }, r.id)) }) })
-  ] });
-};
+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 {
-  u as CustomScrollableOptionsBox
+  g as refsManager
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { CustomScrollbarBox } from \"../../../../custom-scrollbar-box\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const CustomScrollableOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const lightGreyThinBorder = {\n    borderColor: \"cl_lightGrey\",\n    borderWidth: \"1px\",\n  };\n\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          ...lightGreyThinBorder,\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n        }}\n      >\n        <CustomScrollbarBox\n          height=\"180px\"\n          width=\"max-content\"\n          scrollbarThumbColor=\"cl_purple\"\n          scrollbarTrackColor=\"cl_headerLine\"\n          scrollbarWidth=\"5px\"\n          hoverScrollbarWidth=\"5px\"\n          bg=\"cl_transparent\"\n          p=\"5px 7px 5px 0\"\n          sx={{ pr: \"8px\" }}\n        >\n          {options.map((option) => (\n            <ResponsiveTextV2\n              key={option.id}\n              fontSizeWeight={[14, \"regular\"]}\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                height: \"36px\",\n                px: \"10px\",\n                borderColor: \"cl_headerLine\",\n                borderWidth: \"1px\",\n                borderBottomStyle: \"solid\",\n              }}\n              onClick={onClick(option)}\n            >\n              {option.title}\n            </ResponsiveTextV2>\n          ))}\n        </CustomScrollbarBox>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["CustomScrollableOptionsBox","options","onSelect","lightGreyThinBorder","borderColor","borderWidth","onClick","option","jsxs","Box","position","top","right","zIndex","jsx","HorizontalDivider","bg","borderRadius","borderStyle","borderTopStyle","boxShadow","CustomScrollbarBox","pr","map","ResponsiveTextV2","display","alignItems","height","px","borderBottomStyle","title","id"],"mappings":";;;;;;AAUO,MAAMA,IAA6B,CAA4B;AAAA,EACpEC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAsB;AAAA,IAC1BC,aAAa;AAAA,IACbC,aAAa;AAAA,EAAA,GAGTC,IAAUA,CAACC,MAAgC,MAAML,EAASK,CAAM;AAGpE,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAK;AAAA,IAEjD,gBAAAD,EAACL,KACC,IAAI;AAAA,MACFO,IAAI;AAAA,MACJC,cAAc;AAAA,MACd,GAAGd;AAAAA,MACHe,aAAa;AAAA,MACbC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IAAA,GAGb,UAAC,gBAAAN,EAAAO,GAAA,EACC,QAAO,SACP,OAAM,eACN,qBAAoB,aACpB,qBAAoB,iBACpB,gBAAe,OACf,qBAAoB,OACpB,IAAG,kBACH,GAAE,iBACF,IAAI;AAAA,MAAEC,IAAI;AAAA,IAAM,GAEfrB,UAAQsB,EAAAA,IAAKhB,CACZA,MAAA,gBAAAO,EAACU,GAEC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,SAAS;AAAA,MACTC,YAAY;AAAA,MACZC,QAAQ;AAAA,MACRC,IAAI;AAAA,MACJxB,aAAa;AAAA,MACbC,aAAa;AAAA,MACbwB,mBAAmB;AAAA,IACrB,GACA,SAASvB,EAAQC,CAAM,GAEtBA,UAAOuB,EAAAA,MAAAA,GAbHvB,EAAOwB,EAcd,CACD,EAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library284.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","refRegistry","doesRefExist","id","addRef","ref","key","startsWith","removeRef","error","scrollToRef","behavior","block","inline","_a","current","scrollIntoView","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACEC,IAAAA,EAAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhBC,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAKF,YAAYE,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOC,OACLD,GACAE,GACA;AACA,UAAMC,IAAMH,EAAGI,WAAW,GAAG,IAAIJ,IAAM,IAAGA,CAAG;AAExCF,SAAAA,YAAYK,CAAG,IAAID;AAAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOOG,UAAUL,GAAY;AACvB,IAAA,KAAKD,aAAaC,CAAE,IAAU,OAAA,KAAKF,YAAYE,CAAE,IACxCM,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOO,YACLP,GACA;AAAA,IAAEQ,UAAAA,IAAW;AAAA,IAAUC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,EAAAA,GAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAKZ,aAAaC,CAAE,KACtBW,IAAA,KAAKb,YAAYE,CAAE,EAAEY,YAArB,QAAAD,EAA8BE,eAAe;AAAA,MAC3CL,UAAAA;AAAAA,MACAC,OAAAA;AAAAA,MACAC,QAAAA;AAAAA,IAAAA,KAESJ,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AACF;AAEac,MAAAA,IAAc,IAAIjB,EAAY;"}

package/lib/sd-component-library285.js

@@ -1,64 +1,10 @@
-import { jsxs as u, jsx as t } from "./sd-component-library196.js";
-import { createElement as g } from "./sd-component-library674.js";
-import "./sd-component-library197.js";
-import { TriangularPointerIcon as f } from "./sd-component-library189.js";
-import { HorizontalDivider as w } from "./sd-component-library51.js";
-import { OptionRow as k } from "./sd-component-library704.js";
-import { Box as i } from "./sd-component-library198.js";
-const C = 8, e = 5, c = C + 2 * e, l = c / 2, n = "cl_header", s = "cl_lightGrey", $ = "46px", S = 4, H = (a) => {
-  const {
-    isVisible: d,
-    options: p,
-    value: r,
-    onChange: b
-  } = a;
-  if (!d)
-    return null;
-  const x = (o) => () => b(o), h = [r, ...p.filter(({
-    id: o
-  }) => o !== r.id)], m = `${c}px`;
-  return /* @__PURE__ */ u(i, { sx: {
-    minWidth: "100%",
-    position: "absolute",
-    top: "100%",
-    right: 0,
-    zIndex: 1,
-    cursor: "default"
-  }, children: [
-    /* @__PURE__ */ t(f, { direction: "top", mr: "15px", ml: "auto" }),
-    /* @__PURE__ */ t(w, { color: "cl_purple", height: "2px" }),
-    /* @__PURE__ */ t(i, { sx: {
-      bg: "cl_white",
-      borderRadius: "0 0 3px 3px",
-      boxShadow: "0px 3px 10px #0000001A",
-      borderWidth: "1px",
-      borderColor: "cl_lightGrey",
-      borderStyle: "solid",
-      borderTopStyle: "none",
-      overflow: "auto",
-      maxHeight: `calc(${$} * ${S})`,
-      scrollbarWidth: "thin",
-      scrollbarColor: `${n} ${s}`,
-      "::-webkit-scrollbar-track": {
-        borderRadius: l,
-        bg: n,
-        border: `${e}px solid transparent`,
-        backgroundClip: "content-box"
-      },
-      "::-webkit-scrollbar": {
-        width: m,
-        bg: "transparent"
-      },
-      "::-webkit-scrollbar-thumb": {
-        borderRadius: l,
-        bg: s,
-        border: `${e}px solid transparent`,
-        backgroundClip: "content-box"
-      }
-    }, children: h.map((o) => /* @__PURE__ */ g(k, { onClick: x(o), ...o, key: o.id, currentSelection: r.id === o.id })) })
-  ] });
-};
+import o from "./sd-component-library324.js";
+import e from "./sd-component-library325.js";
+function f(t) {
+  var r = e(t, "string");
+  return o(r) === "symbol" ? r : String(r);
+}
 export {
-  H as CustomScrollableOptionsBox
+  f as default
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { OptionRow } from \"../option-row\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nconst scrollbarWidth = 8;\nconst offset = 5;\nconst totalWidth = scrollbarWidth + 2 * offset;\nconst borderRadius = totalWidth / 2;\n\nconst trackColor = \"cl_header\";\nconst thumbColor = \"cl_lightGrey\";\nconst rowHeight = \"46px\";\nconst maxRows = 4;\n\nexport const CustomScrollableOptionsBox = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { isVisible, options, value, onChange } = props;\n\n  if (!isVisible) return null;\n\n  const onSelect = (option: SelectorOptionV2<T>) => () => onChange(option);\n  const regroupedOptions = [\n    value,\n    ...options.filter(({ id }) => id !== value.id),\n  ];\n\n  const scrollbarWidthStr = `${totalWidth}px`;\n\n  return (\n    <Box\n      sx={{\n        minWidth: \"100%\",\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n        cursor: \"default\",\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          overflow: \"auto\",\n          maxHeight: `calc(${rowHeight} * ${maxRows})`,\n          scrollbarWidth: \"thin\",\n          scrollbarColor: `${trackColor} ${thumbColor}`,\n          \"::-webkit-scrollbar-track\": {\n            borderRadius,\n            bg: trackColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n          \"::-webkit-scrollbar\": {\n            width: scrollbarWidthStr,\n            bg: \"transparent\",\n          },\n          \"::-webkit-scrollbar-thumb\": {\n            borderRadius,\n            bg: thumbColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n        }}\n      >\n        {(regroupedOptions as SelectorOptionV2<T>[]).map((option) => (\n          <OptionRow\n            onClick={onSelect(option)}\n            {...option}\n            key={option.id}\n            currentSelection={value.id === option.id}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["scrollbarWidth","offset","totalWidth","borderRadius","trackColor","thumbColor","rowHeight","maxRows","CustomScrollableOptionsBox","props","isVisible","options","value","onChange","onSelect","option","regroupedOptions","filter","id","scrollbarWidthStr","jsxs","Box","minWidth","position","top","right","zIndex","cursor","jsx","TriangularPointerIcon","HorizontalDivider","bg","boxShadow","borderWidth","borderColor","borderStyle","borderTopStyle","overflow","maxHeight","scrollbarColor","border","backgroundClip","width","map","OptionRow"],"mappings":";;;;;;;AAUA,MAAMA,IAAiB,GACjBC,IAAS,GACTC,IAAaF,IAAiB,IAAIC,GAClCE,IAAeD,IAAa,GAE5BE,IAAa,aACbC,IAAa,gBACbC,IAAY,QACZC,IAAU,GAEHC,IAA6B,CACxCC,MACG;AACG,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,EAAaJ,IAAAA;AAEhD,MAAI,CAACC;AAAkB,WAAA;AAEvB,QAAMI,IAAWA,CAACC,MAAgC,MAAMF,EAASE,CAAM,GACjEC,IAAmB,CACvBJ,GACA,GAAGD,EAAQM,OAAO,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAASA,MAAAA,MAAON,EAAMM,EAAE,CAAC,GAG1CC,IAAqB,GAAEjB,CAAW;AAGtC,SAAA,gBAAAkB,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzD,gBAAAD,EAAAE,GAAA,EAAkB,OAAM,aAAY,QAAO,OAAK;AAAA,IAEjD,gBAAAF,EAACP,KACC,IAAI;AAAA,MACFU,IAAI;AAAA,MACJ5B,cAAc;AAAA,MACd6B,WAAW;AAAA,MACXC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,gBAAgB;AAAA,MAChBC,UAAU;AAAA,MACVC,WAAY,QAAOhC,CAAU,MAAKC,CAAQ;AAAA,MAC1CP,gBAAgB;AAAA,MAChBuC,gBAAiB,GAAEnC,CAAW,IAAGC,CAAW;AAAA,MAC5C,6BAA6B;AAAA,QAC3BF,cAAAA;AAAAA,QACA4B,IAAI3B;AAAAA,QACJoC,QAAS,GAAEvC,CAAO;AAAA,QAClBwC,gBAAgB;AAAA,MAClB;AAAA,MACA,uBAAuB;AAAA,QACrBC,OAAOvB;AAAAA,QACPY,IAAI;AAAA,MACN;AAAA,MACA,6BAA6B;AAAA,QAC3B5B,cAAAA;AAAAA,QACA4B,IAAI1B;AAAAA,QACJmC,QAAS,GAAEvC,CAAO;AAAA,QAClBwC,gBAAgB;AAAA,MAClB;AAAA,IACF,GAEEzB,YAA2C2B,IAAK5B,CAAAA,wBAC/C6B,GACC,EAAA,SAAS9B,EAASC,CAAM,GACpBA,GAAAA,GACJ,KAAKA,EAAOG,IACZ,kBAAkBN,EAAMM,OAAOH,EAAOG,IAAG,CAE5C,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library285.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}

package/lib/sd-component-library286.js

@@ -1,12 +1,9 @@
-import { r as e } from "./sd-component-library193.js";
-const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
-            .info-icon-a {
-            stroke-linecap: round;
-            stroke-linejoin: round;
-            stroke-width: 2px;
-            }
-        `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(1 1)" }, /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M19,11a8,8,0,1,1-8-8A8,8,0,0,1,19,11Z", transform: "translate(-3 -3)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,21.2V18", transform: "translate(-10 -10)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,12h0", transform: "translate(-10 -7.2)" })));
+import { __module as r } from "./sd-component-library338.js";
+import { __require as e } from "./sd-component-library339.js";
+import { __require as o } from "./sd-component-library340.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  a as ReactComponent
+  i as r
 };
 //# sourceMappingURL=sd-component-library286.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":["../src/components/tooltips/base-info-tooltip/assets/info-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5pbmZvLWljb24tYSB7CiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgPHBhdGggY2xhc3M9ImluZm8taWNvbi1hIiBkPSJNMTksMTFhOCw4LDAsMSwxLTgtOEE4LDgsMCwwLDEsMTksMTFaIgogICAgICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJpbmZvLWljb24tYSIgZD0iTTE4LDIxLjJWMTgiCiAgICAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwIC0xMCkiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iaW5mby1pY29uLWEiIGQ9Ik0xOCwxMmgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAgLTcuMikiLz4KICAgIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgInfoIcon","props","React.createElement"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0BC,gBAAAA,EAAmB,cAAC,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAK,GAAoBC,gBAAAA,EAAAA,cAAoB,QAAQ,MAAsBA,gBAAAA,gBAAoB,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAgK,CAAC,GAAmBA,gBAAAA,gBAAoB,KAAK,EAAE,WAAW,iBAAkB,GAAkBA,gBAAAA,EAAmB,cAAC,QAAQ,EAAE,WAAW,eAAe,GAAG,yCAAyC,WAAW,mBAAkB,CAAE,GAAmBA,gBAAAA,EAAAA,cAAoB,QAAQ,EAAE,WAAW,eAAe,GAAG,eAAe,WAAW,qBAAsB,CAAA,GAAmBA,gBAAAA,EAAmB,cAAC,QAAQ,EAAE,WAAW,eAAe,GAAG,YAAY,WAAW,sBAAuB,CAAA,CAAC,CAAC;"}
+{"version":3,"file":"sd-component-library286.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}