@selfdecode/sd-component-library 4.0.78-test → 4.0.79

package/lib/components/inputs/autocomplete-input/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { SecondaryTextInputProps } from "../secondary-text-input";
-export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "errorBackground"> {
+export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "onBlur" | "errorBackground"> {
     /**
      * List of total options available.
      */

package/lib/components/inputs/input/interfaces.d.ts

@@ -1,7 +1,7 @@
 import { InputProps as RebassInputProps } from "@rebass/forms";
 import { SxProps } from "rebass";
 import { BaseComponentProps } from "../../interfaces";
-export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "maxLength"> & {
+export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "maxLength" | "onFocus" | "onBlur" | "disabled" | "autoFocus" | "placeholder"> & {
     /**
      * The callback to run when the input element changes.
      */
@@ -26,10 +26,6 @@ export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "ma
      * The width of the input element
      */
     width?: string | string[];
-    /**
-     * The input's placeholder
-     */
-    placeholder?: string;
     /**
      * An object that contains the key we
      * want to listen to, and the callback
@@ -47,15 +43,6 @@ export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "ma
      * Type of data that might be entered by the user.
      */
     inputMode?: "none" | "decimal" | "text" | "tel" | "url" | "email" | "numeric" | "search";
-    /**
-     * Callback to be executed when input is getting focused on.
-     */
-    onFocus?: () => void;
-    /**
-     * Whether input is disabled.
-     */
-    disabled?: boolean;
-    autoFocus?: boolean;
     /**
      * is show background in red color
      */

package/lib/components/inputs/primary-text-input/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { TextProps } from "rebass";
 import { TextInputProps } from "../text-input";
-export declare type PrimaryTextInputProps = Pick<TextInputProps, "onChange" | "value" | "type" | "placeholder" | "onKeyPress" | "focusInput" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "sx" | "id" | "disabled" | "maxLength" | "inputMode"> & {
+export declare type PrimaryTextInputProps = TextInputProps & {
     /**
      * Optional error message
      */

package/lib/components/inputs/secondary-text-input/interfaces.d.ts

@@ -4,7 +4,7 @@ import { PrimaryTextInputProps } from "../primary-text-input";
 /**
  * Defines the SecondaryTextInput component's properties.
  */
-export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "errorMessageProps" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx" | "maxLength" | "inputMode"> & {
+export declare type SecondaryTextInputProps = PrimaryTextInputProps & {
     /**
      * The label for the text input
      */

package/lib/components/inputs/text-input/interfaces.d.ts

@@ -2,9 +2,4 @@ import { InputProps } from "../input";
 /**
  * Defines the TextInput component's properties.
  */
-export declare type TextInputProps = {
-    /**
-     * The label for the text input
-     */
-    label?: string;
-} & Pick<InputProps, "onChange" | "variant" | "placeholder" | "onKeyPress" | "focusInput" | "value" | "type" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "inputMode" | "onFocus" | "disabled" | "autoFocus" | "errorBackground" | "sx" | "id" | "maxLength">;
+export declare type TextInputProps = InputProps;

package/lib/components/selectors/secondary-selector/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { SelectorProps } from "../selector";
-export declare type SecondarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "secondLabel" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "translateSelect" | "translateDefaultOption"> & {
+export declare type SecondarySelectorProps<T extends string = string> = SelectorProps<T> & {
     /**
      * Optional amount of spacing between the
      * selectorLabel and the selectInput. Default value: ["3px"]

package/lib/components/selectors/selector/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from "react";
+import { SelectProps } from "@rebass/forms";
 import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
 import { BaseComponentProps } from "../../interfaces";
 export declare type SelectorOption<T extends string = string> = {
@@ -9,7 +10,7 @@ export declare type SelectorOption<T extends string = string> = {
 /**
  * Defines the selector component's properties.
  */
-export declare type SelectorProps<T extends string = string> = BaseComponentProps & {
+export declare type SelectorProps<T extends string = string> = BaseComponentProps & Pick<SelectProps, "onFocus" | "onBlur"> & {
     /**
      * The callback to run when the input element changes.
      */

package/lib/components/selectors/tertiary-selector/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { SelectorProps } from "../selector";
-export declare type TertiarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "gap" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "secondLabel" | "defaultOptionColor" | "selectedOptionColor" | "errorBackground" | "onFocus" | "id" | "translateSelect" | "translateDefaultOption">;
+export declare type TertiarySelectorProps<T extends string = string> = SelectorProps<T>;

package/lib/components/utils/anchor/interfaces.d.ts

@@ -3,8 +3,8 @@ import { BoxProps } from "rebass";
 /**
  * Type for the refsMap to be stored in reference manager.
  */
-export declare type NodesMap = {
-    [key: string]: HTMLDivElement | undefined;
+export declare type refsMap = {
+    [key: string]: React.MutableRefObject<HTMLElement | undefined>;
 };
 /**
  * Interface for Anchor props.

package/lib/components/utils/anchor/refs-manager.d.ts

@@ -1,9 +1,10 @@
-import { NodesMap } from "./interfaces";
+import React from "react";
+import { refsMap } from "./interfaces";
 /**
  * Refs Manager class to keep record of registered refs on the page.
  */
 declare class RefsManager {
-    refRegistry: NodesMap;
+    refRegistry: refsMap;
     /**
      * Check if ref is registered for a component with provided ID.
      * @param id ID for the component.
@@ -15,8 +16,7 @@ declare class RefsManager {
      * @param id ID for the component.
      * @param ref React Ref object for the component. Used for scrolling.
      */
-    addRef(id: string, ref: HTMLDivElement | undefined): void;
-    getRef(id: string): HTMLDivElement | undefined;
+    addRef(id: string, ref: React.MutableRefObject<HTMLDivElement | undefined>): void;
     /**
      * Remove a ref from registry.
      *

package/lib/sd-component-library101.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library190.js";
-import { PaginationBarButton as i } from "./sd-component-library270.js";
-import { ReactComponent as h } from "./sd-component-library252.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library271.js";
-import { ReactComponent as f } from "./sd-component-library254.js";
+import { PaginationBarButton as i } from "./sd-component-library255.js";
+import { ReactComponent as h } from "./sd-component-library251.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library256.js";
+import { ReactComponent as f } from "./sd-component-library253.js";
 import { GridContainerV2 as s } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library144.js";
 const k = (a) => {

package/lib/sd-component-library107.js

@@ -1,22 +1,22 @@
 import { j as e } from "./sd-component-library190.js";
-import { useMemo as Z } from "react";
-import { Select as q } from "@rebass/forms";
-import { Box as G } from "rebass";
-import { useDependantState as J } from "./sd-component-library3.js";
+import { useMemo as P } from "react";
+import { Select as Z } from "@rebass/forms";
+import { Box as q } from "rebass";
+import { useDependantState as G } from "./sd-component-library3.js";
+import { BaseLabel as J } from "./sd-component-library254.js";
 import { MaxMaxContainer as K } from "./sd-component-library41.js";
-import { BaseLabel as P } from "./sd-component-library222.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library144.js";
-const U = (a, r, t, d, o, n) => {
+const U = (s, r, t, d, a, n) => {
   const m = d.find(
-    (p) => p[r].trim() === a
+    (p) => p[r].trim() === s
   );
-  o == null || o(m, t), n(m);
-}, j = (a) => a ? "no-translate" : void 0, re = (a) => {
+  a == null || a(m, t), n(m);
+}, j = (s) => s ? "no-translate" : void 0, ae = (s) => {
   const {
     defaultValue: r,
     variant: t,
     selectorLabel: d,
-    name: o,
+    name: a,
     options: n,
     onChange: m,
     width: p,
@@ -29,28 +29,28 @@ const U = (a, r, t, d, o, n) => {
     disabledTextValue: x = "No Options",
     textTransform: N = "Capitalize",
     hideDefaultOnSelect: $,
-    labelMargin: F,
+    labelMargin: D,
     secondLabel: l,
-    selectElementHeight: D,
+    selectElementHeight: E,
     errorMessage: f,
     defaultOptionColor: g,
     selectedOptionColor: h,
-    onFocus: E,
-    errorBackground: w,
-    useValueInsteadOfTitle: y = !1,
-    id: z,
+    errorBackground: F,
+    useValueInsteadOfTitle: w = !1,
+    id: y,
     translateSelect: C = !0,
-    translateDefaultOption: v
-  } = a, i = y ? "value" : "title", b = Z(
-    () => n.find((s) => s[i] === r),
+    translateDefaultOption: v,
+    ...z
+  } = s, i = w ? "value" : "title", b = P(
+    () => n.find((o) => o[i] === r),
     [n, r, i]
-  ), [c, B] = J(b), u = n.length === 0, W = !t || !["compact", "tertiary"].includes(t), _ = g && !c ? { color: g } : h ? { color: h } : {}, A = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, I = j(
+  ), [c, B] = G(b), u = n.length === 0, W = !t || !["compact", "tertiary"].includes(t), _ = g && !c ? { color: g } : h ? { color: h } : {}, A = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, I = j(
     v !== !0 && !C || v === !1
   ), R = j(!C);
   return /* @__PURE__ */ e.jsxs(
-    G,
+    q,
     {
-      id: z,
+      id: y,
       variant: `_containers.selectors.${t}`,
       sx: {
         pt: "1px",
@@ -76,12 +76,12 @@ const U = (a, r, t, d, o, n) => {
       children: [
         d && /* @__PURE__ */ e.jsxs(K, { gap: ["0px"], children: [
           /* @__PURE__ */ e.jsx(
-            P,
+            J,
             {
-              htmlFor: o,
+              htmlFor: a,
               variant: `selectors.${t}${f ? "Error" : ""}`,
               label: d,
-              m: F
+              m: D
             }
           ),
           l && /* @__PURE__ */ e.jsx(
@@ -98,17 +98,15 @@ const U = (a, r, t, d, o, n) => {
           )
         ] }),
         /* @__PURE__ */ e.jsx(
-          q,
+          Z,
           {
-            id: o,
-            name: o,
-            height: D,
+            id: a,
+            height: E,
             value: u ? x : c && c[i].trim() || r,
-            onFocus: E,
-            backgroundColor: w ? "rgba(255, 0, 0, 0.05)" : "",
+            backgroundColor: F ? "rgba(255, 0, 0, 0.05)" : "",
             variant: `_selectors.${t}${f ? "Error" : ""}`,
-            onChange: (s) => U(
-              s.target.value,
+            onChange: (o) => U(
+              o.target.value,
               i,
               c,
               n,
@@ -121,6 +119,7 @@ const U = (a, r, t, d, o, n) => {
             },
             disabled: u,
             "data-testid": "select-element",
+            ...z,
             children: u ? /* @__PURE__ */ e.jsxs("option", { "data-testid": "disabled-option", children: [
               x,
               " "
@@ -135,15 +134,15 @@ const U = (a, r, t, d, o, n) => {
                 },
                 "defaultValue"
               ),
-              a.options.map((s) => /* @__PURE__ */ e.jsx(
+              s.options.map((o) => /* @__PURE__ */ e.jsx(
                 "option",
                 {
-                  value: s[i],
+                  value: o[i],
                   "data-testid": "selector-option",
                   className: R,
-                  children: s.title
+                  children: o.title
                 },
-                s.id
+                o.id
               ))
             ] })
           }
@@ -153,7 +152,7 @@ const U = (a, r, t, d, o, n) => {
   );
 };
 export {
-  re as Selector,
+  ae as Selector,
   j as getNoTranslateClass
 };
 //# sourceMappingURL=sd-component-library107.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library107.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    onFocus,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\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      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\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\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\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            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n        data-testid=\"select-element\"\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-testid=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-testid=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-testid=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","option","getNoTranslateClass","flag","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","useDefaultIconStyles","colorSx","isFirefox","defaultOptionClassName","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment"],"mappings":"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"}
+{"version":3,"file":"sd-component-library107.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport {\n  CurrentSelection,\n  SelectorProps as Props,\n  SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n  selectionString: string,\n  conditionAttribute: \"value\" | \"title\",\n  oldValue: SelectorOption<T> | undefined,\n  options: SelectorOption<T>[],\n  callback: (\n    newValue: SelectorOption<T>,\n    oldValue: SelectorOption<T> | undefined\n  ) => void,\n  setNewSelection: (option: SelectorOption<T>) => void\n) => {\n  const newValue: SelectorOption<T> = options.find(\n    (option) => option[conditionAttribute].trim() === selectionString\n  )!;\n\n  callback?.(newValue, oldValue);\n\n  setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n  flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n  const {\n    defaultValue,\n    variant,\n    selectorLabel,\n    name,\n    options,\n    onChange,\n    width,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    gap = [\"20px\"],\n    disabledTextValue = \"No Options\",\n    textTransform = \"Capitalize\",\n    hideDefaultOnSelect,\n    labelMargin,\n    secondLabel,\n    selectElementHeight,\n    errorMessage,\n    defaultOptionColor,\n    selectedOptionColor,\n    errorBackground,\n    useValueInsteadOfTitle = false,\n    id,\n    translateSelect = true,\n    translateDefaultOption,\n    ...selectorProps\n  } = props;\n\n  const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n  const defaultValueObject: CurrentSelection<T> = useMemo(\n    () => options.find((option) => option[conditionAttribute] === defaultValue),\n    [options, defaultValue, conditionAttribute]\n  );\n  //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n  const [selection, setSelection] = useDependantState(defaultValueObject);\n\n  const noOptionsToSelect = options.length === 0;\n\n  const useDefaultIconStyles =\n    !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n  const colorSx: { color: string } | {} =\n    defaultOptionColor && !selection\n      ? { color: defaultOptionColor }\n      : selectedOptionColor\n      ? { color: selectedOptionColor }\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      id={id}\n      variant={`_containers.selectors.${variant}`}\n      sx={{\n        pt: \"1px\",\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\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap={[\"0px\"]}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\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            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        height={selectElementHeight}\n        value={\n          noOptionsToSelect\n            ? disabledTextValue\n            : (selection && selection[conditionAttribute].trim()) ||\n              defaultValue\n        }\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) =>\n          onChangeWrapper(\n            event.target.value,\n            conditionAttribute,\n            selection,\n            options,\n            onChange,\n            (option) => setSelection(option)\n          )\n        }\n        sx={{\n          textTransform,\n          ...colorSx,\n        }}\n        disabled={noOptionsToSelect}\n        data-testid=\"select-element\"\n        {...selectorProps}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-testid=\"disabled-option\">\n            {disabledTextValue}{\" \"}\n            {/* appending space because sometimes last letter gets cropped. */}\n          </option>\n        ) : (\n          <>\n            {defaultValueObject === undefined &&\n              // When defaultValue is not in the options list\n              (!selection || !hideDefaultOnSelect) && (\n                <option\n                  key=\"defaultValue\"\n                  data-testid=\"selector-option\"\n                  className={defaultOptionClassName}\n                >\n                  {defaultValue}\n                </option>\n              )}\n\n            {props.options.map((option) => (\n              <option\n                key={option.id}\n                value={option[conditionAttribute]}\n                data-testid=\"selector-option\"\n                className={regularOptionClassName}\n              >\n                {option.title}\n              </option>\n            ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","option","getNoTranslateClass","flag","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","selectorProps","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","useDefaultIconStyles","colorSx","isFirefox","defaultOptionClassName","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment"],"mappings":"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"}

package/lib/sd-component-library108.js

@@ -1,13 +1,12 @@
-import { j as r } from "./sd-component-library190.js";
-import { Selector as e } from "./sd-component-library107.js";
-const i = (t) => /* @__PURE__ */ r.jsx(
-  e,
+import { j as t } from "./sd-component-library190.js";
+import { Selector as o } from "./sd-component-library107.js";
+const i = (r) => /* @__PURE__ */ t.jsx(
+  o,
   {
-    ...t,
-    defaultOptionColor: t.defaultOptionColor || "cl_grey",
+    ...r,
+    defaultOptionColor: r.defaultOptionColor || "cl_grey",
     variant: "tertiary",
-    gap: ["0"],
-    "data-test": "tertiary-selector"
+    gap: ["0"]
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library108.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n      data-test=\"tertiary-selector\"\n    />\n  );\n};\n"],"names":["TertiarySelector","props","jsx","Selector"],"mappings":";;AASa,MAAAA,IAAmB,CAC9BC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,oBAAoBA,EAAM,sBAAsB;AAAA,IAChD,SAAQ;AAAA,IACR,KAAK,CAAC,GAAG;AAAA,IACT,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library108.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  return (\n    <Selector\n      {...props}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      variant=\"tertiary\"\n      gap={[\"0\"]}\n    />\n  );\n};\n"],"names":["TertiarySelector","props","jsx","Selector"],"mappings":";;AASa,MAAAA,IAAmB,CAC9BC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,oBAAoBA,EAAM,sBAAsB;AAAA,IAChD,SAAQ;AAAA,IACR,KAAK,CAAC,GAAG;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ReactComponent as j } from "./sd-component-library181.js";
-import { CustomOptionBox as C } from "./sd-component-library262.js";
+import { CustomOptionBox as C } from "./sd-component-library257.js";
 import { GridCenter as S } from "./sd-component-library42.js";
 import { EighteenRegular as d } from "./sd-component-library136.js";
 import { HorizontalDivider as _ } from "./sd-component-library49.js";

package/lib/sd-component-library113.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library222.js";
+import { BaseLabel as f } from "./sd-component-library254.js";
 import { OutsideClickBox as u } from "./sd-component-library11.js";
 import { ReactComponent as h } from "./sd-component-library181.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library258.js";
 import { GridContainerV2 as g } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";
 import { FlexCenter as j } from "./sd-component-library35.js";

package/lib/sd-component-library115.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library181.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library144.js";
 import { BaseTextV2 as u } from "./sd-component-library132.js";
 import { FlexCenter as h } from "./sd-component-library35.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library258.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library116.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library190.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library263.js";
+import { BaseSelectorV2 as u } from "./sd-component-library259.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library121.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library222.js";
+import { BaseLabel as f } from "./sd-component-library254.js";
 import { ReactComponent as u } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library260.js";
 import { GridContainerV2 as S } from "./sd-component-library39.js";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";

package/lib/sd-component-library122.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library11.js";
-import { BaseLabel as u } from "./sd-component-library222.js";
+import { BaseLabel as u } from "./sd-component-library254.js";
 import { ReactComponent as f } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library265.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library261.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library144.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library124.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { IconButton as s } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library194.js";
+import { ReactComponent as c } from "./sd-component-library202.js";
 import { EighteenBold as p } from "./sd-component-library135.js";
 import { GridCenter as g } from "./sd-component-library42.js";
 const C = ({

package/lib/sd-component-library127.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as y } from "react";
 import { Flex as m } from "rebass";
 import { useBoundingClientRect as x } from "./sd-component-library3.js";
-import { ArrowButton as l } from "./sd-component-library256.js";
-import { Mask as p } from "./sd-component-library257.js";
-import { Tab as A } from "./sd-component-library258.js";
+import { ArrowButton as l } from "./sd-component-library262.js";
+import { Mask as p } from "./sd-component-library263.js";
+import { Tab as A } from "./sd-component-library264.js";
 import { HorizontalDivider as E } from "./sd-component-library49.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library128.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as w, Flex as s } from "rebass";
-import { TabV2 as T } from "./sd-component-library255.js";
+import { TabV2 as T } from "./sd-component-library265.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 const h = 25, b = ({
   tabs: e,

package/lib/sd-component-library130.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library190.js";
 import { useRef as v, useState as w, useEffect as m } from "react";
 import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library259.js";
-import { Tab as j } from "./sd-component-library260.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library266.js";
+import { Tab as j } from "./sd-component-library267.js";
 import { VerticalDivider as E } from "./sd-component-library50.js";
 import { BaseGridContainer as y } from "./sd-component-library36.js";
 import { MaxMaxContainer as L } from "./sd-component-library41.js";

package/lib/sd-component-library15.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library190.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library196.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library197.js";
 import { GridCenter as d } from "./sd-component-library42.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library161.js

@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library181.js";
 import { TriangularPointerIcon as u } from "./sd-component-library184.js";
-import { ActionBox as g } from "./sd-component-library211.js";
+import { ActionBox as g } from "./sd-component-library233.js";
 import { HorizontalDivider as n } from "./sd-component-library49.js";
 const B = (x) => {
   const {

package/lib/sd-component-library162.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as m } from "rebass";
 import { BaseTooltip as c } from "./sd-component-library163.js";
-import { ReactComponent as f } from "./sd-component-library266.js";
+import { ReactComponent as f } from "./sd-component-library268.js";
 const T = (i) => {
   const {
     tooltipText: n,

package/lib/sd-component-library165.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library190.js";
 import w, { useRef as c, useEffect as y } from "react";
 import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library266.js";
+import { ReactComponent as g } from "./sd-component-library268.js";
 const E = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library166.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library223.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library267.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library268.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library269.js";
+import E from "./sd-component-library248.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library269.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library270.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library271.js";
 const f = 200, J = (u) => {
   const {
     children: x,