@selfdecode/sd-component-library 4.0.85 → 4.0.87

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/lib/sd-component-library315.js

@@ -1,54 +1,96 @@
-import { j as t } from "./sd-component-library195.js";
-import x from "react";
-import u from "./sd-component-library194.js";
-import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library230.js";
-import { OutlineMeterRange as M } from "./sd-component-library234.js";
-import { LabelPointer as b } from "./sd-component-library325.js";
-const A = x.forwardRef(
-  (e, r) => {
-    const {
-      segmented: o,
-      diameter: n,
-      arc: a,
-      totalRanges: i,
-      distanceBetweenRanges: s,
-      start: m,
-      end: c,
-      idx: d,
-      hideLabels: l,
-      isMatchedRange: g
-    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
-      a,
-      i,
-      s,
-      d,
-      m,
-      c
+import { j as a } from "./sd-component-library195.js";
+import { useState as S, useCallback as B } from "react";
+import { Box as Y } from "rebass";
+import { labelPaddingX as c, labelWidth as W } from "./sd-component-library228.js";
+import { getCoordinateForArc as $ } from "./sd-component-library91.js";
+import { ResponsiveTextV2 as z } from "./sd-component-library149.js";
+const D = (j) => {
+  const {
+    label: d,
+    color: p,
+    alpha: e,
+    radius: r,
+    horizontal: v,
+    pointerLength: m,
+    round: y,
+    pointY: i
+  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
+    if (t) {
+      const { height: o, y: l } = t.getBoundingClientRect();
+      C(o), R(l);
+    }
+  }, []);
+  let { x: b, y: g } = $(
+    r + m,
+    e,
+    r
+  );
+  const s = e === 180, n = e < 180, u = e > 180;
+  if (v) {
+    const { x: t, y: o } = $(
+      r,
+      e,
+      r
     );
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        M,
-        {
-          ...e,
-          hideLabels: !0,
-          connected: f,
-          ref: r
-        }
-      ),
-      !l && !g && /* @__PURE__ */ t.jsx(
-        b,
+    b = t + m * (n ? -1 : 1), g = o;
+  }
+  if (!d)
+    return null;
+  let x = y || s ? `${c}px` : void 0;
+  if (!x && i) {
+    const t = f - h, o = f;
+    x = [
+      n || i > t,
+      u || i > t,
+      u || i < o,
+      n || i < o
+    ].map((l) => l ? `${c}px` : "0").join(" ");
+  }
+  return /* @__PURE__ */ a.jsx(
+    Y,
+    {
+      sx: {
+        position: "absolute",
+        left: `${b}px`,
+        top: `${g}px`
+      },
+      children: /* @__PURE__ */ a.jsx(
+        Y,
         {
-          ...e,
-          radius: R,
-          color: u.colors.cl_lightGrey,
-          alpha: h,
-          horizontal: j(e)
+          sx: {
+            boxSizing: "content-box",
+            position: "relative",
+            top: `calc(-${h}px)`,
+            left: s ? "-50%" : n ? "-100%" : void 0,
+            py: "7px",
+            px: `${c}px`,
+            borderColor: p,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            borderRadius: x,
+            bg: "cl_white",
+            "& > div": {
+              maxWidth: s ? void 0 : `${W}px`
+            }
+          },
+          ref: T,
+          children: /* @__PURE__ */ a.jsx(
+            z,
+            {
+              fontSizeWeight: [[12, "semi-bold"]],
+              width: "max-content",
+              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
+              textTransform: "uppercase",
+              letterSpacing: "1.8px",
+              children: d
+            }
+          )
         }
       )
-    ] });
-  }
-);
+    }
+  );
+};
 export {
-  A as SmileyMeterRange
+  D as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library315.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library315.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library315.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library32.js

@@ -1,5 +1,5 @@
 import { j as c } from "./sd-component-library195.js";
-import { CheckboxV2Container as e } from "./sd-component-library209.js";
+import { CheckboxV2Container as e } from "./sd-component-library204.js";
 const m = ({
   onChange: r,
   value: o,

package/lib/sd-component-library33.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library195.js";
-import { CheckboxV2Container as x } from "./sd-component-library209.js";
+import { CheckboxV2Container as x } from "./sd-component-library204.js";
 const d = ({
   value: o,
   onChange: r,

package/lib/sd-component-library49.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library195.js";
-import { Divider as e } from "./sd-component-library208.js";
+import { Divider as e } from "./sd-component-library214.js";
 const d = ({
   width: r = "100%",
   height: t = "1px",

package/lib/sd-component-library5.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library195.js";
 import { useRef as T, useState as q, useCallback as J } from "react";
 import { Box as o } from "rebass";
 import { useResize as K } from "./sd-component-library3.js";
-import { ReactComponent as L } from "./sd-component-library199.js";
+import { ReactComponent as L } from "./sd-component-library200.js";
 const Z = (p) => {
   const {
     width: x = ["100%"],

package/lib/sd-component-library50.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library195.js";
-import { Divider as o } from "./sd-component-library208.js";
+import { Divider as o } from "./sd-component-library214.js";
 const x = ({
   width: r = "1px",
   height: t = "41px",

package/lib/sd-component-library52.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library195.js";
-import { BaseBooleanFeedback as m } from "./sd-component-library210.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library209.js";
 import { IconButton as n } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library211.js";
-import { ReactComponent as u } from "./sd-component-library212.js";
+import { ReactComponent as c } from "./sd-component-library210.js";
+import { ReactComponent as u } from "./sd-component-library211.js";
 const f = (i) => {
   const { title: s, onPositiveFeedback: r, onNegativeFeedback: d, optionSelected: e } = i, a = (o) => /* @__PURE__ */ t.jsx(n, { onClick: o, "data-testid": "thumbs-up-button", children: /* @__PURE__ */ t.jsx(
     c,

package/lib/sd-component-library53.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library195.js";
 import { useHover as x } from "./sd-component-library3.js";
-import { BaseFeedbackContainer as f } from "./sd-component-library213.js";
+import { BaseFeedbackContainer as f } from "./sd-component-library212.js";
 import { BaseGridContainer as j } from "./sd-component-library36.js";
-import { BaseFeedbackButton as k } from "./sd-component-library214.js";
+import { BaseFeedbackButton as k } from "./sd-component-library213.js";
 const C = ({
   questionText: t,
   options: a,

package/lib/sd-component-library54.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library195.js";
 import { Box as l } from "rebass";
 import { useHover as k, useBreakPoints as g } from "./sd-component-library3.js";
 import { isTouchScreen as C } from "./sd-component-library4.js";
-import { BaseFeedbackContainer as S } from "./sd-component-library213.js";
+import { BaseFeedbackContainer as S } from "./sd-component-library212.js";
 import { GridContainerV2 as y } from "./sd-component-library39.js";
-import { BaseFeedbackButton as a } from "./sd-component-library214.js";
+import { BaseFeedbackButton as a } from "./sd-component-library213.js";
 import { FrMaxContainer as x } from "./sd-component-library38.js";
 import { ReactComponent as B } from "./sd-component-library175.js";
 const D = ({

package/lib/sd-component-library55.js

@@ -1,86 +1,113 @@
-import { j as p } from "./sd-component-library195.js";
-import { useState as x, useEffect as h, useCallback as C } from "react";
-import { Input as I } from "@rebass/forms";
-import { InputContainer as V } from "./sd-component-library58.js";
-import { InvalidInputError as d } from "./sd-component-library68.js";
-const j = (t, a, n) => (o) => {
-  const e = o.target.value;
+import { j as i } from "./sd-component-library195.js";
+import { useState as d, useEffect as g, useCallback as w } from "react";
+import { Input as j } from "@rebass/forms";
+import { InputContainer as v } from "./sd-component-library58.js";
+import { InvalidInputError as I } from "./sd-component-library68.js";
+const V = (t, a, s) => (o) => {
+  const n = o.target.value;
   try {
-    const r = n(e);
-    t(e), r && a(e);
+    const r = s(n);
+    t(n), r && a(n);
   } catch (r) {
-    if (!(r instanceof d))
+    if (!(r instanceof I))
       throw r;
   }
-}, g = ({
+}, y = ({
   value: t,
   onChange: a,
-  validateValue: n = () => !0,
+  validateValue: s = () => !0,
   focusInput: o,
-  ...e
+  ...n
 }) => {
-  const [r, i] = x(t);
-  h(() => {
-    t !== void 0 && i(t);
+  const [r, l] = d(t);
+  g(() => {
+    t !== void 0 && l(t);
   }, [t]);
-  const c = C(
-    (s) => {
-      o && (s == null || s.focus());
+  const p = w(
+    (e) => {
+      o && (e == null || e.focus());
     },
     [o]
   );
-  return /* @__PURE__ */ p.jsx(
-    I,
+  return /* @__PURE__ */ i.jsx(
+    j,
     {
       variant: "_inputs.textInput.primary",
       p: "14px 0",
-      onChange: j(i, a, n),
+      onChange: V(l, a, s),
       value: r,
-      ...e,
-      ref: c
+      ...n,
+      ref: p
     }
   );
-}, F = ({
+}, m = "16px", D = ({
   value: t,
   onChange: a,
-  id: n,
+  id: s,
   disabled: o,
-  validateValue: e,
+  validateValue: n,
   onFocus: r,
-  onBlur: i,
-  placeholder: c,
-  autoFocus: s,
-  onKeyPress: m,
-  focusInput: l,
-  maxLength: u,
-  ...f
-}) => /* @__PURE__ */ p.jsx(
-  V,
+  onBlur: l,
+  placeholder: p,
+  autoFocus: e,
+  onKeyPress: x,
+  focusInput: f,
+  maxLength: h,
+  showCheckMark: c,
+  ...u
+}) => /* @__PURE__ */ i.jsxs(
+  v,
   {
-    id: n,
+    id: s,
     cursor: o ? "not-allowed" : "pointer",
-    ...f,
-    children: /* @__PURE__ */ p.jsx(
-      g,
-      {
-        value: t,
-        onChange: a,
-        validateValue: e,
-        id: n,
-        disabled: o,
-        placeholder: c,
-        onFocus: r,
-        onBlur: i,
-        autoFocus: s,
-        onKeyPress: m,
-        focusInput: l,
-        maxLength: u
-      }
-    )
+    ...u,
+    children: [
+      /* @__PURE__ */ i.jsx(
+        y,
+        {
+          value: t,
+          onChange: a,
+          validateValue: n,
+          id: s,
+          disabled: o,
+          placeholder: p,
+          onFocus: r,
+          onBlur: l,
+          autoFocus: e,
+          onKeyPress: x,
+          focusInput: f,
+          maxLength: h,
+          pr: c ? m : void 0
+        }
+      ),
+      c && /* @__PURE__ */ i.jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: m,
+          height: "11.931",
+          viewBox: "0 0 16 11.931",
+          fill: "#3DEB24",
+          style: {
+            position: "absolute",
+            right: 0,
+            bottom: "16px",
+            transform: "translateY(-50%)"
+          },
+          children: /* @__PURE__ */ i.jsx(
+            "path",
+            {
+              d: "M5.434,16.274l-5.2-5.2a.8.8,0,0,1,0-1.131L1.366,8.812a.8.8,0,0,1,1.131,0l3.5,3.5,7.5-7.5a.8.8,0,0,1,1.131,0l1.131,1.131a.8.8,0,0,1,0,1.131l-9.2,9.2A.8.8,0,0,1,5.434,16.274Z",
+              transform: "translate(0 -4.577)"
+            }
+          )
+        }
+      )
+    ]
   }
 );
 export {
-  g as FormV2Input,
-  F as FormV2InputWithContainer
+  y as FormV2Input,
+  D as FormV2InputWithContainer
 };
 //# sourceMappingURL=sd-component-library55.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library55.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2InputProps as Props } from \"./interfaces\";\n\nconst getOnChangeCallback =\n  (\n    setDisplayedValue: (newValue: string) => void,\n    onChange: Props[\"onChange\"],\n    validateValue: Required<Props>[\"validateValue\"]\n  ) =>\n  (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    try {\n      const isValid = validateValue(newValue);\n      setDisplayedValue(newValue);\n      isValid && onChange(newValue);\n    } catch (error) {\n      if (!(error instanceof InvalidInputError)) throw error;\n    }\n  };\n\nexport const FormV2Input: React.FC<Props> = ({\n  value,\n  onChange,\n  validateValue = () => true,\n  focusInput,\n  ...props\n}) => {\n  const [displayedValue, setDisplayedValue] = useState(value);\n\n  useEffect(() => {\n    value !== undefined && setDisplayedValue(value);\n  }, [value]);\n\n  const ref = useCallback(\n    (input: HTMLInputElement | null) => {\n      focusInput && input?.focus();\n    },\n    [focusInput]\n  );\n\n  return (\n    <RebassInput\n      variant=\"_inputs.textInput.primary\"\n      p=\"14px 0\"\n      onChange={getOnChangeCallback(setDisplayedValue, onChange, validateValue)}\n      value={displayedValue}\n      {...props}\n      ref={ref}\n    />\n  );\n};\n\nexport const FormV2InputWithContainer: React.FC<\n  Props & InputContainerProps\n> = ({\n  value,\n  onChange,\n  id,\n  disabled,\n  validateValue,\n  onFocus,\n  onBlur,\n  placeholder,\n  autoFocus,\n  onKeyPress,\n  focusInput,\n  maxLength,\n  ...containerProps\n}) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Input\n      {...{\n        value,\n        onChange,\n        validateValue,\n        id,\n        disabled,\n        placeholder,\n        onFocus,\n        onBlur,\n        autoFocus,\n        onKeyPress,\n        focusInput,\n        maxLength,\n      }}\n    />\n  </InputContainer>\n);\n"],"names":["getOnChangeCallback","setDisplayedValue","onChange","validateValue","event","newValue","isValid","error","InvalidInputError","FormV2Input","value","focusInput","props","displayedValue","useState","useEffect","ref","useCallback","input","jsx","RebassInput","FormV2InputWithContainer","id","disabled","onFocus","onBlur","placeholder","autoFocus","onKeyPress","maxLength","containerProps","InputContainer"],"mappings":";;;;;AAQA,MAAMA,IACJ,CACEC,GACAC,GACAC,MAEF,CAACC,MAA+C;AACxC,QAAAC,IAAWD,EAAM,OAAO;AAC1B,MAAA;AACI,UAAAE,IAAUH,EAAcE,CAAQ;AACtC,IAAAJ,EAAkBI,CAAQ,GAC1BC,KAAWJ,EAASG,CAAQ;AAAA,WACrBE,GAAO;AACd,QAAI,EAAEA,aAAiBC;AAA0B,YAAAD;AAAA,EACnD;AACF,GAEWE,IAA+B,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAR;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EACtB,YAAAQ;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAgBZ,CAAiB,IAAIa,EAASJ,CAAK;AAE1D,EAAAK,EAAU,MAAM;AACJ,IAAAL,MAAA,UAAaT,EAAkBS,CAAK;AAAA,EAAA,GAC7C,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAMC;AAAA,IACV,CAACC,MAAmC;AAClC,MAAAP,MAAcO,KAAA,QAAAA,EAAO;AAAA,IACvB;AAAA,IACA,CAACP,CAAU;AAAA,EAAA;AAIX,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,GAAE;AAAA,MACF,UAAUpB,EAAoBC,GAAmBC,GAAUC,CAAa;AAAA,MACxE,OAAOU;AAAA,MACN,GAAGD;AAAA,MACJ,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaK,IAET,CAAC;AAAA,EACH,OAAAX;AAAA,EACA,UAAAR;AAAA,EACA,IAAAoB;AAAA,EACA,UAAAC;AAAA,EACA,eAAApB;AAAA,EACA,SAAAqB;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAjB;AAAA,EACA,WAAAkB;AAAA,EACA,GAAGC;AACL,MACEX,gBAAAA,EAAA;AAAA,EAACY;AAAA,EAAA;AAAA,IACC,IAAAT;AAAA,IACA,QAAQC,IAAW,gBAAgB;AAAA,IAClC,GAAGO;AAAA,IAEJ,UAAAX,gBAAAA,EAAA;AAAA,MAACV;AAAA,MAAA;AAAA,QAEG,OAAAC;AAAA,QACA,UAAAR;AAAA,QACA,eAAAC;AAAA,QACA,IAAAmB;AAAA,QACA,UAAAC;AAAA,QACA,aAAAG;AAAA,QACA,SAAAF;AAAA,QACA,QAAAC;AAAA,QACA,WAAAE;AAAA,QACA,YAAAC;AAAA,QACA,YAAAjB;AAAA,QACA,WAAAkB;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AACF;"}
+{"version":3,"file":"sd-component-library55.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2InputProps as Props } from \"./interfaces\";\n\nconst getOnChangeCallback =\n  (\n    setDisplayedValue: (newValue: string) => void,\n    onChange: Props[\"onChange\"],\n    validateValue: Required<Props>[\"validateValue\"]\n  ) =>\n  (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    try {\n      const isValid = validateValue(newValue);\n      setDisplayedValue(newValue);\n      isValid && onChange(newValue);\n    } catch (error) {\n      if (!(error instanceof InvalidInputError)) throw error;\n    }\n  };\n\nexport const FormV2Input: React.FC<Props> = ({\n  value,\n  onChange,\n  validateValue = () => true,\n  focusInput,\n  ...props\n}) => {\n  const [displayedValue, setDisplayedValue] = useState(value);\n\n  useEffect(() => {\n    value !== undefined && setDisplayedValue(value);\n  }, [value]);\n\n  const ref = useCallback(\n    (input: HTMLInputElement | null) => {\n      focusInput && input?.focus();\n    },\n    [focusInput]\n  );\n\n  return (\n    <RebassInput\n      variant=\"_inputs.textInput.primary\"\n      p=\"14px 0\"\n      onChange={getOnChangeCallback(setDisplayedValue, onChange, validateValue)}\n      value={displayedValue}\n      {...props}\n      ref={ref}\n    />\n  );\n};\n\nconst checkMarkWidth = \"16px\";\n\nexport const FormV2InputWithContainer: React.FC<\n  Omit<Props, \"pr\"> & InputContainerProps & { showCheckMark?: boolean }\n> = ({\n  value,\n  onChange,\n  id,\n  disabled,\n  validateValue,\n  onFocus,\n  onBlur,\n  placeholder,\n  autoFocus,\n  onKeyPress,\n  focusInput,\n  maxLength,\n  showCheckMark,\n  ...containerProps\n}) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Input\n      {...{\n        value,\n        onChange,\n        validateValue,\n        id,\n        disabled,\n        placeholder,\n        onFocus,\n        onBlur,\n        autoFocus,\n        onKeyPress,\n        focusInput,\n        maxLength,\n      }}\n      pr={showCheckMark ? checkMarkWidth : undefined}\n    />\n\n    {showCheckMark && (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={checkMarkWidth}\n        height=\"11.931\"\n        viewBox=\"0 0 16 11.931\"\n        fill=\"#3DEB24\"\n        style={{\n          position: \"absolute\",\n          right: 0,\n          bottom: \"16px\",\n          transform: \"translateY(-50%)\",\n        }}\n      >\n        <path\n          d=\"M5.434,16.274l-5.2-5.2a.8.8,0,0,1,0-1.131L1.366,8.812a.8.8,0,0,1,1.131,0l3.5,3.5,7.5-7.5a.8.8,0,0,1,1.131,0l1.131,1.131a.8.8,0,0,1,0,1.131l-9.2,9.2A.8.8,0,0,1,5.434,16.274Z\"\n          transform=\"translate(0 -4.577)\"\n        />\n      </svg>\n    )}\n  </InputContainer>\n);\n"],"names":["getOnChangeCallback","setDisplayedValue","onChange","validateValue","event","newValue","isValid","error","InvalidInputError","FormV2Input","value","focusInput","props","displayedValue","useState","useEffect","ref","useCallback","input","jsx","RebassInput","checkMarkWidth","FormV2InputWithContainer","id","disabled","onFocus","onBlur","placeholder","autoFocus","onKeyPress","maxLength","showCheckMark","containerProps","jsxs","InputContainer"],"mappings":";;;;;AAQA,MAAMA,IACJ,CACEC,GACAC,GACAC,MAEF,CAACC,MAA+C;AACxC,QAAAC,IAAWD,EAAM,OAAO;AAC1B,MAAA;AACI,UAAAE,IAAUH,EAAcE,CAAQ;AACtC,IAAAJ,EAAkBI,CAAQ,GAC1BC,KAAWJ,EAASG,CAAQ;AAAA,WACrBE,GAAO;AACd,QAAI,EAAEA,aAAiBC;AAA0B,YAAAD;AAAA,EACnD;AACF,GAEWE,IAA+B,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAR;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EACtB,YAAAQ;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAgBZ,CAAiB,IAAIa,EAASJ,CAAK;AAE1D,EAAAK,EAAU,MAAM;AACJ,IAAAL,MAAA,UAAaT,EAAkBS,CAAK;AAAA,EAAA,GAC7C,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAMC;AAAA,IACV,CAACC,MAAmC;AAClC,MAAAP,MAAcO,KAAA,QAAAA,EAAO;AAAA,IACvB;AAAA,IACA,CAACP,CAAU;AAAA,EAAA;AAIX,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,GAAE;AAAA,MACF,UAAUpB,EAAoBC,GAAmBC,GAAUC,CAAa;AAAA,MACxE,OAAOU;AAAA,MACN,GAAGD;AAAA,MACJ,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMK,IAAiB,QAEVC,IAET,CAAC;AAAA,EACH,OAAAZ;AAAA,EACA,UAAAR;AAAA,EACA,IAAAqB;AAAA,EACA,UAAAC;AAAA,EACA,eAAArB;AAAA,EACA,SAAAsB;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAAX;AAAA,IACA,QAAQC,IAAW,gBAAgB;AAAA,IAClC,GAAGQ;AAAA,IAEJ,UAAA;AAAA,MAAAb,gBAAAA,EAAA;AAAA,QAACV;AAAA,QAAA;AAAA,UAEG,OAAAC;AAAA,UACA,UAAAR;AAAA,UACA,eAAAC;AAAA,UACA,IAAAoB;AAAA,UACA,UAAAC;AAAA,UACA,aAAAG;AAAA,UACA,SAAAF;AAAA,UACA,QAAAC;AAAA,UACA,WAAAE;AAAA,UACA,YAAAC;AAAA,UACA,YAAAlB;AAAA,UACA,WAAAmB;AAAA,UAEF,IAAIC,IAAgBV,IAAiB;AAAA,QAAA;AAAA,MACvC;AAAA,MAECU,KACCZ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAOE;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UAEA,UAAAF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library56.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-number-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainerProps } from \"../input-container\";\nimport { FormV2Input, FormV2InputWithContainer } from \"./form-v2-input\";\nimport { FormV2InputProps } from \"./interfaces\";\n\ntype Props = Omit<FormV2InputProps, \"value\" | \"onChange\" | \"validateValue\"> & {\n  value: number | undefined;\n  onChange: (\n    value: number | undefined,\n    event?: React.ChangeEvent<HTMLInputElement>\n  ) => void;\n  min?: number;\n  max?: number;\n  onlyInteger?: boolean;\n};\n\nconst getValidatorFunction =\n  (min: Props[\"min\"], max: Props[\"max\"], onlyInteger?: Props[\"onlyInteger\"]) =>\n  (value: string): boolean => {\n    if (\n      !new RegExp(\n        `^${min && min < 0 ? \"-?\" : \"\"}(\\\\d*${\n          onlyInteger ? \"\" : \"(\\\\.\\\\d*)?\"\n        })$`,\n        \"g\"\n      ).exec(value)\n    )\n      throw new InvalidInputError();\n\n    const newValue = +value;\n\n    // user hasn't finished negative number or fraction\n    if (Number.isNaN(newValue)) return true;\n\n    if ((min && newValue < min) || (max && newValue > max))\n      throw new InvalidInputError();\n\n    return true;\n  };\n\nconst transformProps = ({\n  value,\n  onChange,\n  min = 0,\n  max = Infinity,\n  onlyInteger = false,\n  inputMode = \"numeric\",\n  ...props\n}: Props): FormV2InputProps => ({\n  value: `${value !== 0 ? value ?? \"\" : 1 / value === -Infinity ? \"-0\" : \"0\"}`,\n  onChange: (value: string) =>\n    onChange(!value.trim() || Number.isNaN(+value) ? undefined : +value),\n  validateValue: getValidatorFunction(min, max, onlyInteger),\n  inputMode,\n  ...props,\n});\n\nexport const FormV2NumberInput: React.FC<Props> = (props) => (\n  <FormV2Input {...transformProps(props)} />\n);\n\nexport const FormV2NumberInputWithContainer: React.FC<\n  Props & InputContainerProps\n> = (props) => <FormV2InputWithContainer {...transformProps(props)} />;\n"],"names":["getValidatorFunction","min","max","onlyInteger","value","InvalidInputError","newValue","transformProps","onChange","inputMode","props","FormV2NumberInput","jsx","FormV2Input","FormV2NumberInputWithContainer","FormV2InputWithContainer"],"mappings":";;;AAkBA,MAAMA,IACJ,CAACC,GAAmBC,GAAmBC,MACvC,CAACC,MAA2B;AAC1B,MACE,CAAC,IAAI;AAAA,IACH,IAAIH,KAAOA,IAAM,IAAI,OAAO,EAAE,QAC5BE,IAAc,KAAK,YACrB;AAAA,IACA;AAAA,EAAA,EACA,KAAKC,CAAK;AAEZ,UAAM,IAAIC,EAAkB;AAE9B,QAAMC,IAAW,CAACF;AAGd,MAAA,OAAO,MAAME,CAAQ;AAAU,WAAA;AAEnC,MAAKL,KAAOK,IAAWL,KAASC,KAAOI,IAAWJ;AAChD,UAAM,IAAIG,EAAkB;AAEvB,SAAA;AACT,GAEIE,IAAiB,CAAC;AAAA,EACtB,OAAAH;AAAA,EACA,UAAAI;AAAA,EACA,KAAAP,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,WAAAM,IAAY;AAAA,EACZ,GAAGC;AACL,OAAgC;AAAA,EAC9B,OAAO,GAAGN,MAAU,IAAIA,KAAS,KAAK,IAAIA,MAAU,SAAY,OAAO,GAAG;AAAA,EAC1E,UAAU,CAACA,MACTI,EAAS,CAACJ,EAAM,KAAU,KAAA,OAAO,MAAM,CAACA,CAAK,IAAI,SAAY,CAACA,CAAK;AAAA,EACrE,eAAeJ,EAAqBC,GAAKC,GAAKC,CAAW;AAAA,EACzD,WAAAM;AAAA,EACA,GAAGC;AACL,IAEaC,IAAqC,CAACD,MACjDE,gBAAAA,MAACC,KAAa,GAAGN,EAAeG,CAAK,GAAG,GAG7BI,IAET,CAACJ,MAAUE,gBAAAA,EAAA,IAACG,KAA0B,GAAGR,EAAeG,CAAK,EAAG,CAAA;"}
+{"version":3,"file":"sd-component-library56.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-number-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainerProps } from \"../input-container\";\nimport { FormV2Input, FormV2InputWithContainer } from \"./form-v2-input\";\nimport {\n  FormV2InputProps,\n  FormV2NumberInputProps as Props,\n} from \"./interfaces\";\n\nconst getValidatorFunction =\n  (min: Props[\"min\"], max: Props[\"max\"], onlyInteger?: Props[\"onlyInteger\"]) =>\n  (value: string): boolean => {\n    if (\n      !new RegExp(\n        `^${min && min < 0 ? \"-?\" : \"\"}(\\\\d*${\n          onlyInteger ? \"\" : \"(\\\\.\\\\d*)?\"\n        })$`,\n        \"g\"\n      ).exec(value)\n    )\n      throw new InvalidInputError();\n\n    const newValue = +value;\n\n    // user hasn't finished negative number or fraction\n    if (Number.isNaN(newValue)) return true;\n\n    if ((min && newValue < min) || (max && newValue > max))\n      throw new InvalidInputError();\n\n    return true;\n  };\n\nconst transformProps = ({\n  value,\n  onChange,\n  min = 0,\n  max = Infinity,\n  onlyInteger = false,\n  inputMode = \"numeric\",\n  ...props\n}: Props): FormV2InputProps => ({\n  value: `${value !== 0 ? value ?? \"\" : 1 / value === -Infinity ? \"-0\" : \"0\"}`,\n  onChange: (value: string) =>\n    onChange(!value.trim() || Number.isNaN(+value) ? undefined : +value),\n  validateValue: getValidatorFunction(min, max, onlyInteger),\n  inputMode,\n  ...props,\n});\n\nexport const FormV2NumberInput: React.FC<Props> = (props) => (\n  <FormV2Input {...transformProps(props)} />\n);\n\nexport const FormV2NumberInputWithContainer: React.FC<\n  Props & InputContainerProps\n> = (props) => <FormV2InputWithContainer {...transformProps(props)} />;\n"],"names":["getValidatorFunction","min","max","onlyInteger","value","InvalidInputError","newValue","transformProps","onChange","inputMode","props","FormV2NumberInput","jsx","FormV2Input","FormV2NumberInputWithContainer","FormV2InputWithContainer"],"mappings":";;;AAUA,MAAMA,IACJ,CAACC,GAAmBC,GAAmBC,MACvC,CAACC,MAA2B;AAC1B,MACE,CAAC,IAAI;AAAA,IACH,IAAIH,KAAOA,IAAM,IAAI,OAAO,EAAE,QAC5BE,IAAc,KAAK,YACrB;AAAA,IACA;AAAA,EAAA,EACA,KAAKC,CAAK;AAEZ,UAAM,IAAIC,EAAkB;AAE9B,QAAMC,IAAW,CAACF;AAGd,MAAA,OAAO,MAAME,CAAQ;AAAU,WAAA;AAEnC,MAAKL,KAAOK,IAAWL,KAASC,KAAOI,IAAWJ;AAChD,UAAM,IAAIG,EAAkB;AAEvB,SAAA;AACT,GAEIE,IAAiB,CAAC;AAAA,EACtB,OAAAH;AAAA,EACA,UAAAI;AAAA,EACA,KAAAP,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,WAAAM,IAAY;AAAA,EACZ,GAAGC;AACL,OAAgC;AAAA,EAC9B,OAAO,GAAGN,MAAU,IAAIA,KAAS,KAAK,IAAIA,MAAU,SAAY,OAAO,GAAG;AAAA,EAC1E,UAAU,CAACA,MACTI,EAAS,CAACJ,EAAM,KAAU,KAAA,OAAO,MAAM,CAACA,CAAK,IAAI,SAAY,CAACA,CAAK;AAAA,EACrE,eAAeJ,EAAqBC,GAAKC,GAAKC,CAAW;AAAA,EACzD,WAAAM;AAAA,EACA,GAAGC;AACL,IAEaC,IAAqC,CAACD,MACjDE,gBAAAA,MAACC,KAAa,GAAGN,EAAeG,CAAK,GAAG,GAG7BI,IAET,CAACJ,MAAUE,gBAAAA,EAAA,IAACG,KAA0B,GAAGR,EAAeG,CAAK,EAAG,CAAA;"}

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as i, Flex as b } from "rebass";
 import { isPDFFlow as v } from "./sd-component-library4.js";
 import { SecondaryBadge as C } from "./sd-component-library9.js";
 import { MaxFrContainer as E } from "./sd-component-library40.js";
-import { ReactComponent as S } from "./sd-component-library199.js";
+import { ReactComponent as S } from "./sd-component-library200.js";
 const $ = (d) => {
   const {
     header: s,

package/lib/sd-component-library70.js

@@ -1,8 +1,8 @@
 import { j as n } from "./sd-component-library195.js";
 import { useState as z } from "react";
-import D from "./sd-component-library219.js";
+import D from "./sd-component-library216.js";
 import u from "./sd-component-library194.js";
-import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library220.js";
+import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library217.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 import { BaseTextV2 as T } from "./sd-component-library137.js";
 import { HorizontalDivider as B } from "./sd-component-library49.js";

package/lib/sd-component-library72.js

@@ -1,10 +1,10 @@
 import { j as i } from "./sd-component-library195.js";
 import u from "react";
 import { Flex as R } from "rebass";
-import { CircleButton as a } from "./sd-component-library216.js";
-import { ReactComponent as _ } from "./sd-component-library217.js";
+import { CircleButton as a } from "./sd-component-library218.js";
+import { ReactComponent as _ } from "./sd-component-library219.js";
 import { NumberInput as I } from "./sd-component-library71.js";
-import { ReactComponent as M } from "./sd-component-library218.js";
+import { ReactComponent as M } from "./sd-component-library220.js";
 function m(d, t) {
   return (r, o) => {
     t == null || t(r, o), d(r);

package/lib/sd-component-library74.js

@@ -2,8 +2,8 @@ import { j as t } from "./sd-component-library195.js";
 import { useState as d } from "react";
 import { OutsideClickBox as g } from "./sd-component-library11.js";
 import { SecondaryTextInput as j } from "./sd-component-library77.js";
-import { ReactComponent as v } from "./sd-component-library222.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library224.js";
+import { ReactComponent as v } from "./sd-component-library221.js";
+import { SearchAutocompleteResultsBox as C } from "./sd-component-library222.js";
 const F = (s) => {
   const {
     searchValue: r,

package/lib/sd-component-library75.js

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

package/lib/sd-component-library79.js

@@ -1,7 +1,7 @@
 import { j as r } from "./sd-component-library195.js";
 import { Box as p } from "rebass";
 import { PrimaryTextInput as x } from "./sd-component-library73.js";
-import { ReactComponent as m } from "./sd-component-library222.js";
+import { ReactComponent as m } from "./sd-component-library221.js";
 const j = ({
   placeholder: s = "Enter your Search",
   searchStyle: a,

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-library11.js";
 import { ReactComponent as $ } from "./sd-component-library186.js";
-import { ActionBox as A } from "./sd-component-library252.js";
+import { ActionBox as A } from "./sd-component-library253.js";
 import { FlexCenter as M } from "./sd-component-library35.js";
 import { HorizontalDivider as a } from "./sd-component-library49.js";
 const G = (d) => {

package/lib/sd-component-library98.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library195.js";
 import { Box as j } from "rebass";
 import { isPDFFlow as g } from "./sd-component-library4.js";
 import { areSegmentsValid as v } from "./sd-component-library246.js";
-import { Segment as w } from "./sd-component-library255.js";
+import { Segment as w } from "./sd-component-library247.js";
 const E = ({
   segments: x,
   outlineWidth: e = 2,

package/lib/sd-component-library99.js

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