@selfdecode/sd-component-library 4.0.94 → 4.0.95

package/lib/sd-component-library317.js

@@ -1,54 +1,38 @@
 import { j as t } from "./sd-component-library196.js";
-import x from "react";
-import u from "./sd-component-library195.js";
-import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library232.js";
-import { OutlineMeterRange as M } from "./sd-component-library236.js";
-import { LabelPointer as b } from "./sd-component-library326.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
-    );
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        M,
-        {
-          ...e,
-          hideLabels: !0,
-          connected: f,
-          ref: r
-        }
-      ),
-      !l && !g && /* @__PURE__ */ t.jsx(
-        b,
-        {
-          ...e,
-          radius: R,
-          color: u.colors.cl_lightGrey,
-          alpha: h,
-          horizontal: j(e)
-        }
-      )
-    ] });
-  }
-);
+const h = (n) => {
+  const {
+    color: s,
+    innerCircleRadius: $,
+    innerCircleStrokeWidth: d,
+    dx: i,
+    dy: r,
+    radius: e,
+    tipX: l,
+    tipY: o,
+    needleWidth: c
+  } = n;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
+        fill: s
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "circle",
+      {
+        cx: e,
+        cy: e,
+        r: $ + d,
+        strokeWidth: d,
+        stroke: s,
+        fill: "white"
+      }
+    )
+  ] });
+};
 export {
-  A as SmileyMeterRange
+  h as BaseNeedle
 };
 //# sourceMappingURL=sd-component-library317.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library317.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-library317.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library318.js

@@ -1,38 +1,28 @@
-import { j as t } from "./sd-component-library196.js";
-const h = (n) => {
+import { j as x } from "./sd-component-library196.js";
+import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library92.js";
+const j = (p) => {
   const {
-    color: s,
-    innerCircleRadius: $,
-    innerCircleStrokeWidth: d,
-    dx: i,
-    dy: r,
-    radius: e,
-    tipX: l,
-    tipY: o,
-    needleWidth: c
-  } = n;
-  return /* @__PURE__ */ t.jsxs("g", { children: [
-    /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
-        fill: s
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "circle",
-      {
-        cx: e,
-        cy: e,
-        r: $ + d,
-        strokeWidth: d,
-        stroke: s,
-        fill: "white"
-      }
-    )
-  ] });
+    startX: $,
+    startY: e,
+    endX: a,
+    endY: d,
+    radius: n,
+    color: A,
+    width: t,
+    roundStart: l = !0,
+    roundEnd: I = !0,
+    startAlpha: o,
+    endAlpha: s
+  } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
+  return /* @__PURE__ */ x.jsx(
+    "path",
+    {
+      d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
+      fill: A
+    }
+  );
 };
 export {
-  h as BaseNeedle
+  j as BaseOutlineArc
 };
 //# sourceMappingURL=sd-component-library318.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library318.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library318.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n  const {\n    startX,\n    startY,\n    endX,\n    endY,\n    radius,\n    color,\n    width,\n    roundStart = true,\n    roundEnd = true,\n    startAlpha,\n    endAlpha,\n  } = props;\n\n  const arc = endAlpha - startAlpha;\n\n  const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n  const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n  const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n  const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n  return (\n    <path\n      d={`M${startX},${startY} A${radius},${radius} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },1 ${endX},${endY} ${\n        roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },0 ${startInnerX},${startInnerY} ${\n        roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${startX},${startY}`}\n      fill={color}\n    />\n  );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/lib/sd-component-library32.js

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

package/lib/sd-component-library33.js

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

package/lib/sd-component-library49.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library196.js";
-import { Divider as e } from "./sd-component-library205.js";
+import { Divider as e } from "./sd-component-library209.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-library196.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-library200.js";
+import { ReactComponent as L } from "./sd-component-library254.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-library196.js";
-import { Divider as o } from "./sd-component-library205.js";
+import { Divider as o } from "./sd-component-library209.js";
 const x = ({
   width: r = "1px",
   height: t = "41px",

package/lib/sd-component-library51.js

@@ -4,7 +4,7 @@ import { Box as e } from "rebass";
 import { Button as l } from "./sd-component-library25.js";
 import { MaxMaxContainer as p } from "./sd-component-library41.js";
 import { TenSb as x } from "./sd-component-library153.js";
-import { ReactComponent as d } from "./sd-component-library197.js";
+import { ReactComponent as d } from "./sd-component-library198.js";
 const j = function(r) {
   const { desktopContent: n, mobileContent: i } = r, [o, s] = a(!1);
   return /* @__PURE__ */ t.jsxs(

package/lib/sd-component-library52.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library196.js";
-import { BaseBooleanFeedback as m } from "./sd-component-library213.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library210.js";
 import { IconButton as n } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library214.js";
-import { ReactComponent as u } from "./sd-component-library215.js";
+import { ReactComponent as c } from "./sd-component-library211.js";
+import { ReactComponent as u } from "./sd-component-library212.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-library196.js";
 import { useHover as x } from "./sd-component-library3.js";
-import { BaseFeedbackContainer as f } from "./sd-component-library210.js";
+import { BaseFeedbackContainer as f } from "./sd-component-library213.js";
 import { BaseGridContainer as j } from "./sd-component-library36.js";
-import { BaseFeedbackButton as k } from "./sd-component-library211.js";
+import { BaseFeedbackButton as k } from "./sd-component-library214.js";
 const C = ({
   questionText: t,
   options: a,

package/lib/sd-component-library54.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library196.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-library210.js";
+import { BaseFeedbackContainer as S } from "./sd-component-library213.js";
 import { GridContainerV2 as y } from "./sd-component-library39.js";
-import { BaseFeedbackButton as a } from "./sd-component-library211.js";
+import { BaseFeedbackButton as a } from "./sd-component-library214.js";
 import { FrMaxContainer as x } from "./sd-component-library38.js";
 import { ReactComponent as B } from "./sd-component-library176.js";
 const D = ({

package/lib/sd-component-library57.js

@@ -1,35 +1,38 @@
-import { j as m } from "./sd-component-library196.js";
-import { FormV2Input as f, FormV2InputWithContainer as c } from "./sd-component-library56.js";
-import { InvalidInputError as s } from "./sd-component-library69.js";
-const I = (r, n, e) => (o) => {
+import { j as p } from "./sd-component-library196.js";
+import { isInteger as N } from "lodash-es";
+import { FormV2Input as a, FormV2InputWithContainer as c } from "./sd-component-library56.js";
+import { InvalidInputError as u } from "./sd-component-library69.js";
+const d = (r, n, s, t) => (i) => {
+  const e = N(t) && t >= 1 ? t : void 0;
   if (!new RegExp(
-    `^${r && r < 0 ? "-?" : ""}(\\d*${e ? "" : "(\\.\\d*)?"})$`,
+    `^${r && r < 0 ? "-?" : ""}(\\d*${s ? "" : `(\\.\\d${e ? `{0,${e}}` : "*"})?`})$`,
     "g"
-  ).exec(o))
-    throw new s();
-  const t = +o;
-  if (Number.isNaN(t))
+  ).exec(i))
+    throw new u();
+  const o = +i;
+  if (Number.isNaN(o))
     return !0;
-  if (r && t < r || n && t > n)
-    throw new s();
+  if (r && o < r || n && o > n)
+    throw new u();
   return !0;
-}, u = ({
+}, f = ({
   value: r,
   onChange: n,
-  min: e = 0,
-  max: o = 1 / 0,
-  onlyInteger: t = !1,
-  inputMode: p = "numeric",
-  ...a
+  min: s = 0,
+  max: t = 1 / 0,
+  onlyInteger: i = !1,
+  inputMode: e = "numeric",
+  maxDecimalPlaces: o,
+  ...I
 }) => ({
   value: `${r !== 0 ? r ?? "" : 1 / r === -1 / 0 ? "-0" : "0"}`,
-  onChange: (i) => n(!i.trim() || Number.isNaN(+i) ? void 0 : +i),
-  validateValue: I(e, o, t),
-  inputMode: p,
-  ...a
-}), w = (r) => /* @__PURE__ */ m.jsx(f, { ...u(r) }), x = (r) => /* @__PURE__ */ m.jsx(c, { ...u(r) });
+  onChange: (m) => n(!m.trim() || Number.isNaN(+m) ? void 0 : +m),
+  validateValue: d(s, t, i, o),
+  inputMode: e,
+  ...I
+}), h = (r) => /* @__PURE__ */ p.jsx(a, { ...f(r) }), x = (r) => /* @__PURE__ */ p.jsx(c, { ...f(r) });
 export {
-  w as FormV2NumberInput,
+  h as FormV2NumberInput,
   x as FormV2NumberInputWithContainer
 };
 //# sourceMappingURL=sd-component-library57.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library57.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;"}
+{"version":3,"file":"sd-component-library57.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-number-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isInteger } from \"lodash-es\";\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  (\n    min: Props[\"min\"],\n    max: Props[\"max\"],\n    onlyInteger?: Props[\"onlyInteger\"],\n    maxDecimalPlaces?: Props[\"maxDecimalPlaces\"]\n  ) =>\n  (value: string): boolean => {\n    const maxDecimalPlacesLimit =\n      isInteger(maxDecimalPlaces) && maxDecimalPlaces! >= 1\n        ? maxDecimalPlaces\n        : undefined;\n\n    if (\n      !new RegExp(\n        `^${min && min < 0 ? \"-?\" : \"\"}(\\\\d*${\n          onlyInteger\n            ? \"\"\n            : `(\\\\.\\\\d${\n                maxDecimalPlacesLimit ? `\\{0,${maxDecimalPlacesLimit}\\}` : \"*\"\n              })?`\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  maxDecimalPlaces,\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, maxDecimalPlaces),\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","maxDecimalPlaces","value","maxDecimalPlacesLimit","isInteger","InvalidInputError","newValue","transformProps","onChange","inputMode","props","FormV2NumberInput","jsx","FormV2Input","FormV2NumberInputWithContainer","FormV2InputWithContainer"],"mappings":";;;;AAYA,MAAMA,IACJ,CACEC,GACAC,GACAC,GACAC,MAEF,CAACC,MAA2B;AAC1B,QAAMC,IACJC,EAAUH,CAAgB,KAAKA,KAAqB,IAChDA,IACA;AAEN,MACE,CAAC,IAAI;AAAA,IACH,IAAIH,KAAOA,IAAM,IAAI,OAAO,EAAE,QAC5BE,IACI,KACA,UACEG,IAAwB,MAAOA,CAAqB,MAAO,GAC7D,IACN;AAAA,IACA;AAAA,EAAA,EACA,KAAKD,CAAK;AAEZ,UAAM,IAAIG,EAAkB;AAE9B,QAAMC,IAAW,CAACJ;AAGd,MAAA,OAAO,MAAMI,CAAQ;AAAU,WAAA;AAEnC,MAAKR,KAAOQ,IAAWR,KAASC,KAAOO,IAAWP;AAChD,UAAM,IAAIM,EAAkB;AAEvB,SAAA;AACT,GAEIE,IAAiB,CAAC;AAAA,EACtB,OAAAL;AAAA,EACA,UAAAM;AAAA,EACA,KAAAV,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,WAAAS,IAAY;AAAA,EACZ,kBAAAR;AAAA,EACA,GAAGS;AACL,OAAgC;AAAA,EAC9B,OAAO,GAAGR,MAAU,IAAIA,KAAS,KAAK,IAAIA,MAAU,SAAY,OAAO,GAAG;AAAA,EAC1E,UAAU,CAACA,MACTM,EAAS,CAACN,EAAM,KAAU,KAAA,OAAO,MAAM,CAACA,CAAK,IAAI,SAAY,CAACA,CAAK;AAAA,EACrE,eAAeL,EAAqBC,GAAKC,GAAKC,GAAaC,CAAgB;AAAA,EAC3E,WAAAQ;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-library200.js";
+import { ReactComponent as S } from "./sd-component-library254.js";
 const $ = (d) => {
   const {
     header: s,

package/lib/sd-component-library61.js

@@ -3,7 +3,7 @@ import { useState as d, useRef as N, useCallback as S, useMemo as w } from "reac
 import { Box as L } from "rebass";
 import { useOnClickOutside as V } from "./sd-component-library3.js";
 import { SecondaryTextInput as _ } from "./sd-component-library78.js";
-import { ResultsBox as $ } from "./sd-component-library216.js";
+import { ResultsBox as $ } from "./sd-component-library215.js";
 function A(i, a, l) {
   const o = (c) => {
     const t = c.toLowerCase().indexOf(l.toLowerCase());

package/lib/sd-component-library65.js

@@ -3,7 +3,7 @@ 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-library286.js";
-import { BaseLabel as E } from "./sd-component-library227.js";
+import { BaseLabel as E } from "./sd-component-library226.js";
 import { OutsideClickBox as J } from "./sd-component-library11.js";
 import { BaseDateRangeInput as L } from "./sd-component-library63.js";
 import { IconButton as X } from "./sd-component-library22.js";

package/lib/sd-component-library66.js

@@ -4,7 +4,7 @@ import { format as R } from "date-fns";
 import { random as k } from "lodash-es";
 import { Box as r } from "rebass";
 import { BaseDateInput as G } from "./sd-component-library62.js";
-import { BaseLabel as I } from "./sd-component-library227.js";
+import { BaseLabel as I } from "./sd-component-library226.js";
 import { ReactComponent as M } from "./sd-component-library187.js";
 import { FrMaxContainer as A } from "./sd-component-library38.js";
 import { ResponsiveText as L } from "./sd-component-library148.js";

package/lib/sd-component-library71.js

@@ -1,8 +1,8 @@
 import { j as n } from "./sd-component-library196.js";
 import { useState as z } from "react";
-import D from "./sd-component-library217.js";
+import D from "./sd-component-library216.js";
 import u from "./sd-component-library195.js";
-import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library218.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-library138.js";
 import { HorizontalDivider as B } from "./sd-component-library49.js";

package/lib/sd-component-library73.js

@@ -1,10 +1,10 @@
 import { j as i } from "./sd-component-library196.js";
 import u from "react";
 import { Flex as R } from "rebass";
-import { CircleButton as a } from "./sd-component-library219.js";
-import { ReactComponent as _ } from "./sd-component-library220.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-library72.js";
-import { ReactComponent as M } from "./sd-component-library221.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-library75.js

@@ -2,8 +2,8 @@ import { j as t } from "./sd-component-library196.js";
 import { useState as d } from "react";
 import { OutsideClickBox as g } from "./sd-component-library11.js";
 import { SecondaryTextInput as j } from "./sd-component-library78.js";
-import { ReactComponent as v } from "./sd-component-library222.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library223.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-library76.js

@@ -1,11 +1,11 @@
 import { j as s } from "./sd-component-library196.js";
 import { useState as V } from "react";
 import { useDependantState as q } from "./sd-component-library3.js";
-import { SearchBox as z } from "./sd-component-library224.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-library74.js";
-import { ReactComponent as J } from "./sd-component-library222.js";
-import { ReactComponent as M } from "./sd-component-library225.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-library77.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library196.js";
 import { Box as I } from "rebass";
-import { SecondaryInputLabels as B } from "./sd-component-library226.js";
+import { SecondaryInputLabels as B } from "./sd-component-library225.js";
 import { NumberInput as A } from "./sd-component-library72.js";
 const k = (n) => {
   const {

package/lib/sd-component-library78.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library196.js";
 import { Box as c } from "rebass";
-import { SecondaryInputLabels as u } from "./sd-component-library226.js";
+import { SecondaryInputLabels as u } from "./sd-component-library225.js";
 import { PrimaryTextInput as f } from "./sd-component-library74.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-library80.js

@@ -1,7 +1,7 @@
 import { j as r } from "./sd-component-library196.js";
 import { Box as p } from "rebass";
 import { PrimaryTextInput as x } from "./sd-component-library74.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-library81.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library196.js";
 import { Box as c } from "rebass";
-import { BaseLabel as e } from "./sd-component-library227.js";
+import { BaseLabel as e } from "./sd-component-library226.js";
 import { TextInput as m } from "./sd-component-library79.js";
 import { BaseTextV2 as s } from "./sd-component-library138.js";
 const _ = ({

package/lib/sd-component-library86.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-library187.js";
-import { ActionBox as A } from "./sd-component-library228.js";
+import { ActionBox as A } from "./sd-component-library227.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-library89.js

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

package/lib/sd-component-library90.js

@@ -2,10 +2,10 @@ import { j as r } from "./sd-component-library196.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-library230.js";
 import { isCorrectOutlineMeterConfig as ae } from "./sd-component-library92.js";
-import { OutlineMeterRange as re } from "./sd-component-library236.js";
+import { OutlineMeterRange as re } from "./sd-component-library244.js";
 import { OutlineMeterScale as ie } from "./sd-component-library237.js";
-import { OutlineMeterNeedle as se } from "./sd-component-library238.js";
-import { OutlineMeterLabelBox as oe } from "./sd-component-library239.js";
+import { OutlineMeterNeedle as se } from "./sd-component-library245.js";
+import { OutlineMeterLabelBox as oe } from "./sd-component-library246.js";
 const ge = (R) => {
   const {
     marginTop: x = "50px",

package/lib/sd-component-library93.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library196.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-library230.js";
 import { defaultPointerWidth as ae } from "./sd-component-library229.js";
-import { DiscreteRange as oe } from "./sd-component-library240.js";
+import { DiscreteRange as oe } from "./sd-component-library241.js";
 import { OutlineMeterScale as le } from "./sd-component-library237.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library241.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library242.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-library95.js

@@ -1,12 +1,12 @@
 import { j as r } from "./sd-component-library196.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-library230.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library243.js";
-import { GradientMeterRange as ne } from "./sd-component-library244.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library235.js";
+import { GradientMeterRange as ne } from "./sd-component-library236.js";
 import { OutlineMeterScale as se } from "./sd-component-library237.js";
-import { GradientMeterNeedle as de } from "./sd-component-library245.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library246.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library247.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-library99.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library196.js";
 import { Box as j } from "rebass";
 import { isPDFFlow as g } from "./sd-component-library4.js";
-import { areSegmentsValid as v } from "./sd-component-library248.js";
-import { Segment as w } from "./sd-component-library249.js";
+import { areSegmentsValid as v } from "./sd-component-library247.js";
+import { Segment as w } from "./sd-component-library256.js";
 const E = ({
   segments: x,
   outlineWidth: e = 2,

package/package.json

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