@selfdecode/sd-component-library 4.0.130 → 4.0.131

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library57.js","sources":["../src/components/forms-v2/form-v2-selector/form-v2-selector.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { SxProps } from \"rebass\";\n\nimport { SelectorOptionV2 } from \"../../selectors\";\nimport { getNoTranslateClass } from \"../../selectors/selector/selector\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2SelectorProps as Props } from \"./interfaces\";\n\nexport const FormV2Selector = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value: selection,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect = true,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform = \"none\",\n  defaultOptionColor = \"cl_grey\",\n  arrowColor = \"cl_darkGrey\",\n  sx,\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(\n    () =>\n      (\n        (defaultOptionObject\n          ? [defaultOptionObject]\n          : []) as SelectorOptionV2<T | null>[]\n      ).concat(options),\n    [options, defaultOptionObject]\n  );\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  const noOptionsToSelect = !options.length;\n  const hasDefaultValue = !!defaultOptionObject;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  return (\n    <Select\n      value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n      onChange={(event) => onSelect(event.target.value)}\n      variant=\"_inputs.v2\"\n      sx={\n        {\n          pr: \"16px\",\n          textTransform,\n          cursor: \"inherit\",\n          borderBottomColor: \"inherit\",\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          // to override default styles for selector arrow\n          \"& + svg\": {\n            fill: disabled ? \"cl_lightGrey\" : arrowColor,\n            transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\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          },\n          ...sx,\n        } as SxProps[\"sx\"]\n      }\n      {...{ id, disabled, onFocus }}\n    >\n      {noOptionsToSelect ? (\n        <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n          {disabledTextValue}\n        </option>\n      ) : (\n        allOptions\n          .slice(\n            // should default option be hidden?\n            hasDefaultValue && hideDefaultOnSelect && selection.value !== null\n              ? 1\n              : 0\n          )\n          .map((option) => (\n            <option\n              key={option.id}\n              data-testid=\"selector-option\"\n              value={option.title}\n              className={\n                option.value === null\n                  ? defaultOptionClassName\n                  : regularOptionClassName\n              }\n            >\n              {option.title}\n            </option>\n          ))\n      )}\n    </Select>\n  );\n};\n\nexport const FormV2SelectorWithContainer = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform,\n  defaultOptionColor,\n  ...containerProps\n}: Props<T> & InputContainerProps) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Selector\n      {...{\n        defaultOptionObject,\n        hideDefaultOnSelect,\n        options,\n        value,\n        onChange,\n        disabled,\n        disabledTextValue,\n        translateSelect,\n        translateDefaultOption,\n        onFocus,\n        id,\n        textTransform,\n        defaultOptionColor,\n      }}\n    />\n  </InputContainer>\n);\n"],"names":["FormV2Selector","defaultOptionObject","hideDefaultOnSelect","options","selection","onChange","disabled","disabledTextValue","translateSelect","translateDefaultOption","onFocus","id","textTransform","defaultOptionColor","arrowColor","sx","allOptions","useMemo","onSelect","useCallback","selectionString","newSelection","title","noOptionsToSelect","hasDefaultValue","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","isFirefox","jsx","Select","event","option","FormV2SelectorWithContainer","value","containerProps","InputContainer"],"mappings":"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"}
+{"version":3,"file":"sd-component-library57.js","sources":["../src/components/forms-v2/form-v2-selector/form-v2-selector.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { SxProps } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { SelectorOptionV2 } from \"../../selectors\";\nimport { getNoTranslateClass } from \"../../selectors/selector/selector\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2SelectorProps as Props } from \"./interfaces\";\n\nexport const FormV2Selector = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value: selection,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect = true,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform = \"none\",\n  defaultOptionColor = \"cl_grey\",\n  arrowColor = \"cl_darkGrey\",\n  sx,\n  testLocatorId,\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(\n    () =>\n      (\n        (defaultOptionObject\n          ? [defaultOptionObject]\n          : []) as SelectorOptionV2<T | null>[]\n      ).concat(options),\n    [options, defaultOptionObject]\n  );\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  const noOptionsToSelect = !options.length;\n  const hasDefaultValue = !!defaultOptionObject;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  return (\n    <Select\n      value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n      onChange={(event) => onSelect(event.target.value)}\n      variant=\"_inputs.v2\"\n      sx={\n        {\n          pr: \"16px\",\n          textTransform,\n          cursor: \"inherit\",\n          borderBottomColor: \"inherit\",\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          // to override default styles for selector arrow\n          \"& + svg\": {\n            fill: disabled ? \"cl_lightGrey\" : arrowColor,\n            transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\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          },\n          ...sx,\n        } as SxProps[\"sx\"]\n      }\n      {...{ id, disabled, onFocus }}\n      {...generateTestLocator(testLocatorId)}\n    >\n      {noOptionsToSelect ? (\n        <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n          {disabledTextValue}\n        </option>\n      ) : (\n        allOptions\n          .slice(\n            // should default option be hidden?\n            hasDefaultValue && hideDefaultOnSelect && selection.value !== null\n              ? 1\n              : 0\n          )\n          .map((option) => (\n            <option\n              key={option.id}\n              data-testid=\"selector-option\"\n              value={option.title}\n              className={\n                option.value === null\n                  ? defaultOptionClassName\n                  : regularOptionClassName\n              }\n            >\n              {option.title}\n            </option>\n          ))\n      )}\n    </Select>\n  );\n};\n\nexport const FormV2SelectorWithContainer = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform,\n  defaultOptionColor,\n  ...containerProps\n}: Props<T> & InputContainerProps) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Selector\n      {...{\n        defaultOptionObject,\n        hideDefaultOnSelect,\n        options,\n        value,\n        onChange,\n        disabled,\n        disabledTextValue,\n        translateSelect,\n        translateDefaultOption,\n        onFocus,\n        id,\n        textTransform,\n        defaultOptionColor,\n      }}\n    />\n  </InputContainer>\n);\n"],"names":["FormV2Selector","defaultOptionObject","hideDefaultOnSelect","options","selection","onChange","disabled","disabledTextValue","translateSelect","translateDefaultOption","onFocus","id","textTransform","defaultOptionColor","arrowColor","sx","testLocatorId","allOptions","useMemo","onSelect","useCallback","selectionString","newSelection","title","noOptionsToSelect","hasDefaultValue","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","isFirefox","jsx","Select","event","generateTestLocator","option","FormV2SelectorWithContainer","value","containerProps","InputContainer"],"mappings":"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"}

package/lib/sd-component-library62.js

@@ -4,9 +4,9 @@ import "./sd-component-library277.js";
 import "./sd-component-library278.js";
 import { Box as s } from "rebass";
 import { useBreakPoints as M, useDependantState as y } from "./sd-component-library3.js";
-import { getStaticRanges as E } from "./sd-component-library280.js";
-import { BaseDateRangeInputMobile as O } from "./sd-component-library281.js";
-import { BaseDateRangeInputDesktop as P } from "./sd-component-library282.js";
+import { getStaticRanges as E } from "./sd-component-library279.js";
+import { BaseDateRangeInputMobile as O } from "./sd-component-library280.js";
+import { BaseDateRangeInputDesktop as P } from "./sd-component-library281.js";
 const J = (n) => {
   const {
     color: d = "#9E1CB5",

package/lib/sd-component-library63.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library197.js";
 import { useState as u } from "react";
 import { Flex as g } from "rebass";
 import { BaseDateInput as C } from "./sd-component-library61.js";
-import { ReactComponent as S } from "./sd-component-library279.js";
+import { ReactComponent as S } from "./sd-component-library282.js";
 import { Button as D } from "./sd-component-library24.js";
 import { FrMaxContainer as b } from "./sd-component-library37.js";
 const k = (r) => {

package/lib/sd-component-library64.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library197.js";
 import { useState as I, useCallback as M, useMemo as v } from "react";
 import { Box as F, Flex as O } from "rebass";
 import { useBreakPoints as W } from "./sd-component-library3.js";
-import { ReactComponent as z } from "./sd-component-library279.js";
+import { ReactComponent as z } from "./sd-component-library282.js";
 import { BaseLabel as E } from "./sd-component-library224.js";
 import { OutsideClickBox as J } from "./sd-component-library12.js";
 import { BaseDateRangeInput as L } from "./sd-component-library62.js";

package/lib/sd-component-library75.js

@@ -1,11 +1,11 @@
 import { j as s } from "./sd-component-library197.js";
 import { useState as V } from "react";
 import { useDependantState as q } from "./sd-component-library3.js";
-import { SearchBox as z } from "./sd-component-library222.js";
+import { SearchBox as z } from "./sd-component-library221.js";
 import { OutsideClickBox as G } from "./sd-component-library12.js";
 import { PrimaryTextInput as H } from "./sd-component-library73.js";
 import { ReactComponent as J } from "./sd-component-library219.js";
-import { ReactComponent as M } from "./sd-component-library223.js";
+import { ReactComponent as M } from "./sd-component-library222.js";
 function f(i, o, e, t) {
   t == null || t(i, o), e(i);
 }

package/lib/sd-component-library76.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library197.js";
 import { Box as B } from "rebass";
-import { SecondaryInputLabels as N } from "./sd-component-library221.js";
+import { SecondaryInputLabels as N } from "./sd-component-library223.js";
 import { NumberInput as A } from "./sd-component-library71.js";
 const w = (e) => {
   const {

package/lib/sd-component-library77.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library197.js";
 import { Box as c } from "rebass";
-import { SecondaryInputLabels as u } from "./sd-component-library221.js";
+import { SecondaryInputLabels as u } from "./sd-component-library223.js";
 import { PrimaryTextInput as f } from "./sd-component-library73.js";
 const T = (e) => {
   const { m: r, mb: s, ml: n, mr: o, mt: a, width: m, padding: p, sx: x, inputSx: d, ...i } = e;

package/lib/sd-component-library85.js

@@ -5,7 +5,7 @@ import { useHover as R } from "./sd-component-library3.js";
 import { getResponsiveClick as H } from "./sd-component-library4.js";
 import { OutsideClickBox as W } from "./sd-component-library12.js";
 import { ReactComponent as $ } from "./sd-component-library188.js";
-import { ActionBox as A } from "./sd-component-library225.js";
+import { ActionBox as A } from "./sd-component-library248.js";
 import { FlexCenter as M } from "./sd-component-library34.js";
 import { HorizontalDivider as a } from "./sd-component-library48.js";
 const G = (d) => {

package/lib/sd-component-library88.js

@@ -1,6 +1,6 @@
 import { j as l } from "./sd-component-library197.js";
 import { Box as f } from "rebass";
-import { ReactComponent as d } from "./sd-component-library232.js";
+import { ReactComponent as d } from "./sd-component-library225.js";
 import { BaseGridContainer as h } from "./sd-component-library35.js";
 const F = [
   "#5CA13A",

package/lib/sd-component-library89.js

@@ -2,10 +2,10 @@ import { j as r } from "./sd-component-library197.js";
 import { Box as H } from "rebass";
 import { labelWidth as I, defaultDistanceFromLabelToRanges as p, labelPaddingX as X, defaultArc as A, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as q, defaultPointStrokeWidth as y, defaultInnerPointRadius as z, defaultDistanceFromRangesToNeedle as J, defaultInnerCircleStrokeWidth as K, defaultInnerCircleRadius as Q, defaultNeedleWidth as U, defaultNumberOfDashes as V, defaultDashHeight as Z, defaultDashWidth as _, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library227.js";
 import { isCorrectOutlineMeterConfig as ae } from "./sd-component-library91.js";
-import { OutlineMeterRange as re } from "./sd-component-library233.js";
-import { OutlineMeterScale as ie } from "./sd-component-library234.js";
-import { OutlineMeterNeedle as se } from "./sd-component-library235.js";
-import { OutlineMeterLabelBox as oe } from "./sd-component-library236.js";
+import { OutlineMeterRange as re } from "./sd-component-library232.js";
+import { OutlineMeterScale as ie } from "./sd-component-library233.js";
+import { OutlineMeterNeedle as se } from "./sd-component-library234.js";
+import { OutlineMeterLabelBox as oe } from "./sd-component-library235.js";
 const ge = (R) => {
   const {
     marginTop: x = "50px",

package/lib/sd-component-library92.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library197.js";
 import { Box as y } from "rebass";
 import { labelWidth as E, defaultDistanceFromLabelToRanges as R, labelPaddingX as G, defaultArc as P, defaultWidth as X, defaultHeight as Y, defaultDistanceBetweenRanges as A, defaultGaugeWidth as V, defaultDistanceFromRangesToNeedle as _, defaultInnerCircleStrokeWidth as q, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as Z, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library227.js";
 import { defaultPointerWidth as ae } from "./sd-component-library226.js";
-import { DiscreteRange as oe } from "./sd-component-library237.js";
-import { OutlineMeterScale as le } from "./sd-component-library234.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library238.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library239.js";
+import { DiscreteRange as oe } from "./sd-component-library241.js";
+import { OutlineMeterScale as le } from "./sd-component-library233.js";
+import { DiscreteMeterNeedle as re } from "./sd-component-library242.js";
+import { MatchedRangeLabelBox as ne } from "./sd-component-library243.js";
 function fe(x) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library94.js

@@ -1,12 +1,12 @@
 import { j as r } from "./sd-component-library197.js";
 import { Box as H } from "rebass";
 import { defaultWidth as V, defaultHeight as X, labelWidth as Y, defaultDistanceFromLabelToRanges as p, labelPaddingX as z, defaultGaugeWidth as E, defaultInnerPointRadius as _, defaultPointStrokeWidth as q, defaultArc as J, defaultDistanceFromRangesToScale as K, defaultDashHeight as Q, defaultDashWidth as U, defaultNumberOfDashes as Z, defaultNeedleWidth as ee, defaultInnerCircleRadius as te, defaultInnerCircleStrokeWidth as re, defaultDistanceFromRangesToNeedle as ae, defaultMaskBorderRadius as oe } from "./sd-component-library227.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library240.js";
-import { GradientMeterRange as ne } from "./sd-component-library241.js";
-import { OutlineMeterScale as se } from "./sd-component-library234.js";
-import { GradientMeterNeedle as de } from "./sd-component-library242.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library243.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library244.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library236.js";
+import { GradientMeterRange as ne } from "./sd-component-library237.js";
+import { OutlineMeterScale as se } from "./sd-component-library233.js";
+import { GradientMeterNeedle as de } from "./sd-component-library238.js";
+import { OutlineMeterLabelPointer as le } from "./sd-component-library239.js";
+import { BaseMeterLabelBox as ue } from "./sd-component-library240.js";
 const je = (b) => {
   const {
     width: o = V,

package/lib/sd-component-library98.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library197.js";
 import { Box as j } from "rebass";
-import { areSegmentsValid as c } from "./sd-component-library245.js";
-import { Segment as g } from "./sd-component-library248.js";
+import { areSegmentsValid as c } from "./sd-component-library244.js";
+import { Segment as g } from "./sd-component-library247.js";
 const B = ({
   segments: x,
   outlineWidth: i = 2,

package/lib/sd-component-library99.js

@@ -1,7 +1,7 @@
 import { j as n } from "./sd-component-library197.js";
-import { areSegmentsValid as h } from "./sd-component-library245.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library246.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library247.js";
+import { areSegmentsValid as h } from "./sd-component-library244.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library245.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library246.js";
 const C = ({
   segments: e,
   size: r = 70,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.130",
+  "version": "4.0.131",
   "private": false,
   "license": "MIT",
   "files": [