@selfdecode/sd-component-library 4.0.91 → 4.0.93

package/lib/sd-component-library92.js

@@ -1,148 +1,19 @@
-import { j as o } from "./sd-component-library195.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-library224.js";
-import { defaultPointerWidth as ae } from "./sd-component-library223.js";
-import { DiscreteRange as oe } from "./sd-component-library234.js";
-import { OutlineMeterScale as le } from "./sd-component-library231.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library235.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library236.js";
-function fe(x) {
-  const {
-    marginTop: b = "50px",
-    marginX: C = `${E + R + G * 2}px`,
-    value: u,
-    showNeedle: W = !0,
-    showScale: D = !0,
-    hideLabels: c = !1,
-    arc: r = P,
-    width: a = X,
-    height: v = Y,
-    distanceBetweenRanges: i = A,
-    gaugeWidth: s = V,
-    distanceFromRangesToNeedle: w = _,
-    innerCircleStrokeWidth: $ = q,
-    innerCircleRadius: j = J,
-    needleWidth: B = K,
-    numberOfDashes: F = Q,
-    dashHeight: M = U,
-    dashWidth: S = Z,
-    distanceFromRangesToScale: T = ee,
-    distanceFromLabelToRanges: g = R,
-    needleColor: L,
-    counterClockWise: k = !1,
-    maskBorderRadius: m = te,
-    matchedRangeColor: d = "#9E1CB5",
-    notMatchedRangeColor: I = "#CCD0DB",
-    pointerWidth: N = ae,
-    options: e,
-    cursor: O,
-    sx: z,
-    bg: H = "white"
-  } = x;
-  if (e.length <= 0)
-    return console.error("You should specify at least one option"), null;
-  const l = e.findIndex(
-    (t) => t.value === u
-  );
-  if (l === -1)
-    return console.error("Value should be present among available options"), null;
-  const h = e[l], f = (t) => e.length === 6 && t % 3 === 1;
-  return /* @__PURE__ */ o.jsxs(
-    y,
-    {
-      sx: {
-        width: `${a}px`,
-        marginX: C,
-        marginTop: b,
-        position: "relative",
-        cursor: O,
-        borderRadius: `${m}px ${m}px 0 0`,
-        bg: H,
-        svg: {
-          transform: `rotateY(${k ? 180 : 0}deg)`,
-          text: {
-            fontFamily: "proxima-nova",
-            fontSize: 12,
-            fontWeight: 600,
-            fill: "cl_darkGrey",
-            textTransform: "uppercase",
-            letterSpacing: "1.8px"
-          }
-        },
-        ...z
-      },
-      children: [
-        /* @__PURE__ */ o.jsxs("svg", { width: `${a}px`, height: `${v}px`, overflow: "visible", children: [
-          e.map((t, n) => {
-            const p = l === n;
-            return /* @__PURE__ */ o.jsx(
-              oe,
-              {
-                idx: n,
-                isMatchedRange: p,
-                label: t.label,
-                color: p ? t.labelColor || d : I,
-                diameter: a,
-                gaugeWidth: s,
-                totalRanges: e.length,
-                distanceBetweenRanges: i,
-                arc: r,
-                showLabel: !c,
-                pointerLength: g,
-                pointerWidth: N,
-                horizontal: f(n)
-              },
-              `${n}-${t.label}`
-            );
-          }),
-          D && /* @__PURE__ */ o.jsx(
-            le,
-            {
-              numberOfDashes: F,
-              dashHeight: M,
-              dashWidth: S,
-              distanceFromRangesToScale: T,
-              diameter: a,
-              arc: r,
-              gaugeWidth: s
-            }
-          ),
-          W && /* @__PURE__ */ o.jsx(
-            re,
-            {
-              distanceBetweenRanges: i,
-              gaugeWidth: s,
-              innerCircleStrokeWidth: $,
-              innerCircleRadius: j,
-              distanceFromRange: w,
-              needleWidth: B,
-              needleColor: L || h.labelColor || d,
-              diameter: a,
-              arc: r,
-              value: u,
-              options: e
-            }
-          )
-        ] }),
-        !c && /* @__PURE__ */ o.jsx(
-          ne,
-          {
-            arc: r,
-            distanceBetweenRanges: i,
-            color: h.labelColor || d,
-            pointerLength: g,
-            radius: a / 2,
-            idx: l,
-            totalRanges: e.length,
-            label: h.label,
-            horizontal: f(l)
-          }
-        )
-      ]
-    }
-  );
-}
+const o = (n) => n * Math.PI / 180, i = (n, t, e = n) => ({
+  x: e - n * Math.sin(o(t)),
+  y: e + n * Math.cos(o(t))
+}), c = (n, t, e) => n + e * Math.sin(t), a = (n, t, e) => n - e * Math.cos(t), g = (n, t, e, r) => (r.startsWith("[") ? n >= t : n > t) && (r.endsWith("]") ? n <= e : n < e), h = (n, t, e) => e.endsWith("]") ? t < n : t <= n, f = (n, t) => n > 1 || n < 0 ? (console.error(
+  "Value has to be between 0 and 1",
+  `Received ${n} instead`
+), !1) : t.length < 2 ? (console.error("You should specify more at least 2 ranges"), !1) : t.find(
+  ({ start: r, end: s }) => n >= r && n <= s
+) ? !0 : (console.error(`Matching range for value - ${n} isn't found`), !1);
 export {
-  fe as MultiOptionDiscreteOutlineMeter
+  o as degToRad,
+  i as getCoordinateForArc,
+  c as getInnerX,
+  a as getInnerY,
+  h as inValueHigherThanRange,
+  f as isCorrectOutlineMeterConfig,
+  g as isValueInRange
 };
 //# sourceMappingURL=sd-component-library92.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library92.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  defaultArc,\n  defaultDashHeight,\n  defaultDashWidth,\n  defaultDistanceBetweenRanges,\n  defaultDistanceFromLabelToRanges,\n  defaultDistanceFromRangesToNeedle,\n  defaultDistanceFromRangesToScale,\n  defaultGaugeWidth,\n  defaultHeight,\n  defaultInnerCircleRadius,\n  defaultInnerCircleStrokeWidth,\n  defaultInnerPointRadius,\n  defaultMaskBorderRadius,\n  defaultNeedleWidth,\n  defaultNumberOfDashes,\n  defaultPointStrokeWidth,\n  defaultWidth,\n  labelPaddingX,\n  labelWidth,\n} from \"../outline-meter/contants\";\nimport { OutlineMeterScale } from \"../outline-meter/partials/outline-meter-scale\";\nimport { defaultPointerWidth } from \"./constants\";\nimport { MultiOptionDiscreteOutlineMeterProps as Props } from \"./interfaces\";\nimport { DiscreteMeterNeedle } from \"./partials/discrete-meter-needle\";\nimport { DiscreteRange } from \"./partials/discrete-range\";\nimport { MatchedRangeLabelBox } from \"./partials/matched-range-label-box\";\n\nexport function MultiOptionDiscreteOutlineMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    marginTop = \"50px\",\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    value,\n    showNeedle = true,\n    showScale = true,\n    hideLabels = false,\n    arc = defaultArc,\n    width = defaultWidth,\n    height = defaultHeight,\n    distanceBetweenRanges = defaultDistanceBetweenRanges,\n    gaugeWidth = defaultGaugeWidth,\n    distanceFromRangesToNeedle = defaultDistanceFromRangesToNeedle,\n    innerCircleStrokeWidth = defaultInnerCircleStrokeWidth,\n    innerCircleRadius = defaultInnerCircleRadius,\n    needleWidth = defaultNeedleWidth,\n    numberOfDashes = defaultNumberOfDashes,\n    dashHeight = defaultDashHeight,\n    dashWidth = defaultDashWidth,\n    distanceFromRangesToScale = defaultDistanceFromRangesToScale,\n    distanceFromLabelToRanges = defaultDistanceFromLabelToRanges,\n    needleColor,\n    counterClockWise = false,\n    maskBorderRadius = defaultMaskBorderRadius,\n    matchedRangeColor = \"#9E1CB5\",\n    notMatchedRangeColor = \"#CCD0DB\",\n    pointerWidth = defaultPointerWidth,\n    options,\n    cursor,\n    sx,\n    bg = \"white\",\n  } = props;\n\n  if (options.length <= 0) {\n    console.error(\"You should specify at least one option\");\n    return null;\n  }\n\n  const matchedRangeIndex = options.findIndex(\n    (option) => option.value === value\n  );\n\n  if (matchedRangeIndex === -1) {\n    console.error(\"Value should be present among available options\");\n    return null;\n  }\n\n  const matchedRange = options[matchedRangeIndex];\n\n  const getIsHorizontal = (idx: number) =>\n    options.length === 6 && idx % 3 === 1;\n\n  return (\n    <Box\n      sx={{\n        width: `${width}px`,\n        marginX,\n        marginTop,\n        position: \"relative\",\n        cursor,\n        borderRadius: `${maskBorderRadius}px ${maskBorderRadius}px 0 0`,\n        bg,\n        svg: {\n          transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n          text: {\n            fontFamily: \"proxima-nova\",\n            fontSize: 12,\n            fontWeight: 600,\n            fill: \"cl_darkGrey\",\n            textTransform: \"uppercase\",\n            letterSpacing: \"1.8px\",\n          },\n        },\n        ...sx,\n      }}\n    >\n      <svg width={`${width}px`} height={`${height}px`} overflow=\"visible\">\n        {options.map((range, idx) => {\n          const valueInRange = matchedRangeIndex === idx;\n          return (\n            <DiscreteRange\n              idx={idx}\n              key={`${idx}-${range.label}`}\n              isMatchedRange={valueInRange}\n              label={range.label}\n              color={\n                valueInRange\n                  ? range.labelColor || matchedRangeColor\n                  : notMatchedRangeColor\n              }\n              diameter={width}\n              gaugeWidth={gaugeWidth}\n              totalRanges={options.length}\n              distanceBetweenRanges={distanceBetweenRanges}\n              arc={arc}\n              showLabel={!hideLabels}\n              pointerLength={distanceFromLabelToRanges}\n              pointerWidth={pointerWidth}\n              horizontal={getIsHorizontal(idx)}\n            />\n          );\n        })}\n\n        {showScale && (\n          <OutlineMeterScale\n            numberOfDashes={numberOfDashes}\n            dashHeight={dashHeight}\n            dashWidth={dashWidth}\n            distanceFromRangesToScale={distanceFromRangesToScale}\n            diameter={width}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n          />\n        )}\n        {showNeedle && (\n          <DiscreteMeterNeedle\n            distanceBetweenRanges={distanceBetweenRanges}\n            gaugeWidth={gaugeWidth}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            innerCircleRadius={innerCircleRadius}\n            distanceFromRange={distanceFromRangesToNeedle}\n            needleWidth={needleWidth}\n            needleColor={\n              needleColor || matchedRange.labelColor || matchedRangeColor\n            }\n            diameter={width}\n            arc={arc}\n            value={value}\n            options={options}\n          />\n        )}\n      </svg>\n\n      {!hideLabels && (\n        <MatchedRangeLabelBox\n          arc={arc}\n          distanceBetweenRanges={distanceBetweenRanges}\n          color={matchedRange.labelColor || matchedRangeColor}\n          pointerLength={distanceFromLabelToRanges}\n          radius={width / 2}\n          idx={matchedRangeIndex}\n          totalRanges={options.length}\n          label={matchedRange.label}\n          horizontal={getIsHorizontal(matchedRangeIndex)}\n        />\n      )}\n    </Box>\n  );\n}\n"],"names":["MultiOptionDiscreteOutlineMeter","props","marginTop","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","value","showNeedle","showScale","hideLabels","arc","defaultArc","width","defaultWidth","height","defaultHeight","distanceBetweenRanges","defaultDistanceBetweenRanges","gaugeWidth","defaultGaugeWidth","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","innerCircleRadius","defaultInnerCircleRadius","needleWidth","defaultNeedleWidth","numberOfDashes","defaultNumberOfDashes","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","distanceFromRangesToScale","defaultDistanceFromRangesToScale","distanceFromLabelToRanges","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","matchedRangeColor","notMatchedRangeColor","pointerWidth","defaultPointerWidth","options","cursor","sx","bg","matchedRangeIndex","option","matchedRange","getIsHorizontal","idx","jsxs","Box","range","valueInRange","jsx","DiscreteRange","OutlineMeterScale","DiscreteMeterNeedle","MatchedRangeLabelBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library92.js","sources":["../src/components/meters/outline-meter/utils.ts"],"sourcesContent":["import { Bounds, OutlineMeterRangeConfig } from \"./interfaces\";\n\nexport const degToRad = (deg: number) => (deg * Math.PI) / 180.0;\n\n/**\n * Returns coordinates of the point on the arc\n * @param r Circle radius.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param baseRadius radius of the reference circle.\n */\nexport const getCoordinateForArc = (\n  r: number,\n  alpha: number,\n  baseRadius = r\n) => {\n  return {\n    x: baseRadius - r * Math.sin(degToRad(alpha)),\n    y: baseRadius + r * Math.cos(degToRad(alpha)),\n  };\n};\n\n/**\n * Returns x coordinate for the point located on the radius to the initial point on the arc.\n * @param x X coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerX = (x: number, alpha: number, delta: number) =>\n  x + delta * Math.sin(alpha);\n\n/**\n * Returns y coordinate for the point located on the radius to the initial point on the arc.\n * @param y Y coordinate of the point on the arc.\n * @param alpha Angle between horizontal axis and radius to the point on the arc.\n * @param delta Distance between points\n */\nexport const getInnerY = (y: number, alpha: number, delta: number) =>\n  y - delta * Math.cos(alpha);\n\nexport const isValueInRange = (\n  value: number,\n  start: number,\n  end: number,\n  bounds: Bounds\n) => {\n  return (\n    (bounds.startsWith(\"[\") ? value >= start : value > start) &&\n    (bounds.endsWith(\"]\") ? value <= end : value < end)\n  );\n};\n\nexport const inValueHigherThanRange = (\n  value: number,\n  end: number,\n  bounds: Bounds\n) => (bounds.endsWith(\"]\") ? end < value : end <= value);\n\nexport const flipBounds = (bounds: Bounds): Bounds => {\n  const start = bounds.endsWith(\"]\") ? \"[\" : \"(\";\n  const end = bounds.startsWith(\"[\") ? \"]\" : \")\";\n  return `${start}${end}` as Bounds;\n};\n\nexport const isCorrectOutlineMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n) => {\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value has to be between 0 and 1\",\n      `Received ${value} instead`\n    );\n    return false;\n  }\n\n  if (ranges.length < 2) {\n    console.error(\"You should specify more at least 2 ranges\");\n    return false;\n  }\n\n  const matchingRange = ranges.find(\n    ({ start, end }) => value >= start && value <= end\n  );\n\n  if (!matchingRange) {\n    console.error(`Matching range for value - ${value} isn't found`);\n    return false;\n  }\n  return true;\n};\n"],"names":["degToRad","deg","getCoordinateForArc","r","alpha","baseRadius","getInnerX","x","delta","getInnerY","y","isValueInRange","value","start","end","bounds","inValueHigherThanRange","isCorrectOutlineMeterConfig","ranges"],"mappings":"AAEO,MAAMA,IAAW,CAACC,MAAiBA,IAAM,KAAK,KAAM,KAQ9CC,IAAsB,CACjCC,GACAC,GACAC,IAAaF,OAEN;AAAA,EACL,GAAGE,IAAaF,IAAI,KAAK,IAAIH,EAASI,CAAK,CAAC;AAAA,EAC5C,GAAGC,IAAaF,IAAI,KAAK,IAAIH,EAASI,CAAK,CAAC;AAAA,IAUnCE,IAAY,CAACC,GAAWH,GAAeI,MAClDD,IAAIC,IAAQ,KAAK,IAAIJ,CAAK,GAQfK,IAAY,CAACC,GAAWN,GAAeI,MAClDE,IAAIF,IAAQ,KAAK,IAAIJ,CAAK,GAEfO,IAAiB,CAC5BC,GACAC,GACAC,GACAC,OAGGA,EAAO,WAAW,GAAG,IAAIH,KAASC,IAAQD,IAAQC,OAClDE,EAAO,SAAS,GAAG,IAAIH,KAASE,IAAMF,IAAQE,IAItCE,IAAyB,CACpCJ,GACAE,GACAC,MACIA,EAAO,SAAS,GAAG,IAAID,IAAMF,IAAQE,KAAOF,GAQrCK,IAA8B,CACzCL,GACAM,MAEIN,IAAQ,KAAKA,IAAQ,KACf,QAAA;AAAA,EACN;AAAA,EACA,YAAYA,CAAK;AAAA,GAEZ,MAGLM,EAAO,SAAS,KAClB,QAAQ,MAAM,2CAA2C,GAClD,MAGaA,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAL,GAAO,KAAAC,QAAUF,KAASC,KAASD,KAASE;AAAA,IAO1C,MAHG,QAAA,MAAM,8BAA8BF,CAAK,cAAc,GACxD;"}

package/lib/sd-component-library93.js

@@ -1,39 +1,148 @@
-import { j as o } from "./sd-component-library195.js";
-import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library224.js";
-import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library92.js";
-function C(e) {
+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 { 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";
+function fe(x) {
   const {
-    width: t = u,
-    height: r = M,
-    innerCircleStrokeWidth: i = c,
-    innerCircleRadius: l = h,
-    gaugeWidth: a = g,
-    distanceBetweenRanges: s = R,
-    distanceFromRangesToNeedle: n = W,
-    needleWidth: m = p,
-    maskBorderRadius: d = f
-  } = e;
-  return /* @__PURE__ */ o.jsx(
-    k,
+    marginTop: b = "50px",
+    marginX: C = `${E + R + G * 2}px`,
+    value: u,
+    showNeedle: W = !0,
+    showScale: D = !0,
+    hideLabels: c = !1,
+    arc: r = P,
+    width: a = X,
+    height: v = Y,
+    distanceBetweenRanges: i = A,
+    gaugeWidth: s = V,
+    distanceFromRangesToNeedle: w = _,
+    innerCircleStrokeWidth: $ = q,
+    innerCircleRadius: j = J,
+    needleWidth: B = K,
+    numberOfDashes: F = Q,
+    dashHeight: M = U,
+    dashWidth: S = Z,
+    distanceFromRangesToScale: T = ee,
+    distanceFromLabelToRanges: g = R,
+    needleColor: L,
+    counterClockWise: k = !1,
+    maskBorderRadius: m = te,
+    matchedRangeColor: d = "#9E1CB5",
+    notMatchedRangeColor: I = "#CCD0DB",
+    pointerWidth: N = ae,
+    options: e,
+    cursor: O,
+    sx: z,
+    bg: H = "white"
+  } = x;
+  if (e.length <= 0)
+    return console.error("You should specify at least one option"), null;
+  const l = e.findIndex(
+    (t) => t.value === u
+  );
+  if (l === -1)
+    return console.error("Value should be present among available options"), null;
+  const h = e[l], f = (t) => e.length === 6 && t % 3 === 1;
+  return /* @__PURE__ */ o.jsxs(
+    y,
     {
-      marginX: "0",
-      marginTop: "0",
-      hideLabels: !0,
-      showScale: !1,
-      width: t,
-      height: r,
-      innerCircleStrokeWidth: i,
-      innerCircleRadius: l,
-      gaugeWidth: a,
-      distanceBetweenRanges: s,
-      distanceFromRangesToNeedle: n,
-      needleWidth: m,
-      maskBorderRadius: d,
-      ...e
+      sx: {
+        width: `${a}px`,
+        marginX: C,
+        marginTop: b,
+        position: "relative",
+        cursor: O,
+        borderRadius: `${m}px ${m}px 0 0`,
+        bg: H,
+        svg: {
+          transform: `rotateY(${k ? 180 : 0}deg)`,
+          text: {
+            fontFamily: "proxima-nova",
+            fontSize: 12,
+            fontWeight: 600,
+            fill: "cl_darkGrey",
+            textTransform: "uppercase",
+            letterSpacing: "1.8px"
+          }
+        },
+        ...z
+      },
+      children: [
+        /* @__PURE__ */ o.jsxs("svg", { width: `${a}px`, height: `${v}px`, overflow: "visible", children: [
+          e.map((t, n) => {
+            const p = l === n;
+            return /* @__PURE__ */ o.jsx(
+              oe,
+              {
+                idx: n,
+                isMatchedRange: p,
+                label: t.label,
+                color: p ? t.labelColor || d : I,
+                diameter: a,
+                gaugeWidth: s,
+                totalRanges: e.length,
+                distanceBetweenRanges: i,
+                arc: r,
+                showLabel: !c,
+                pointerLength: g,
+                pointerWidth: N,
+                horizontal: f(n)
+              },
+              `${n}-${t.label}`
+            );
+          }),
+          D && /* @__PURE__ */ o.jsx(
+            le,
+            {
+              numberOfDashes: F,
+              dashHeight: M,
+              dashWidth: S,
+              distanceFromRangesToScale: T,
+              diameter: a,
+              arc: r,
+              gaugeWidth: s
+            }
+          ),
+          W && /* @__PURE__ */ o.jsx(
+            re,
+            {
+              distanceBetweenRanges: i,
+              gaugeWidth: s,
+              innerCircleStrokeWidth: $,
+              innerCircleRadius: j,
+              distanceFromRange: w,
+              needleWidth: B,
+              needleColor: L || h.labelColor || d,
+              diameter: a,
+              arc: r,
+              value: u,
+              options: e
+            }
+          )
+        ] }),
+        !c && /* @__PURE__ */ o.jsx(
+          ne,
+          {
+            arc: r,
+            distanceBetweenRanges: i,
+            color: h.labelColor || d,
+            pointerLength: g,
+            radius: a / 2,
+            idx: l,
+            totalRanges: e.length,
+            label: h.label,
+            horizontal: f(l)
+          }
+        )
+      ]
     }
   );
 }
 export {
-  C as SmallMultiOptionDiscreteOutlineMeter
+  fe as MultiOptionDiscreteOutlineMeter
 };
 //# sourceMappingURL=sd-component-library93.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library93.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/small-multi-option-discrete-outline-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n  smallMeterDistanceBetweenRanges,\n  smallMeterDistanceFromRangesToNeedle,\n  smallMeterGaugeWidth,\n  smallMeterHeight,\n  smallMeterInnerCircleRadius,\n  smallMeterInnerCircleStrokeWidth,\n  smallMeterMaskBorderRadius,\n  smallMeterNeedleWidth,\n  smallMeterWidth,\n} from \"../outline-meter/contants\";\nimport { SmallMultiOptionDiscreteOutlineMeterProps as Props } from \"./interfaces\";\nimport { MultiOptionDiscreteOutlineMeter } from \"./multi-option-discrete-outline-meter\";\n\nexport function SmallMultiOptionDiscreteOutlineMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    width = smallMeterWidth,\n    height = smallMeterHeight,\n    innerCircleStrokeWidth = smallMeterInnerCircleStrokeWidth,\n    innerCircleRadius = smallMeterInnerCircleRadius,\n    gaugeWidth = smallMeterGaugeWidth,\n    distanceBetweenRanges = smallMeterDistanceBetweenRanges,\n    distanceFromRangesToNeedle = smallMeterDistanceFromRangesToNeedle,\n    needleWidth = smallMeterNeedleWidth,\n    maskBorderRadius = smallMeterMaskBorderRadius,\n  } = props;\n  return (\n    <MultiOptionDiscreteOutlineMeter\n      marginX=\"0\"\n      marginTop=\"0\"\n      hideLabels={true}\n      showScale={false}\n      width={width}\n      height={height}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      gaugeWidth={gaugeWidth}\n      distanceBetweenRanges={distanceBetweenRanges}\n      distanceFromRangesToNeedle={distanceFromRangesToNeedle}\n      needleWidth={needleWidth}\n      maskBorderRadius={maskBorderRadius}\n      {...props}\n    />\n  );\n}\n"],"names":["SmallMultiOptionDiscreteOutlineMeter","props","width","smallMeterWidth","height","smallMeterHeight","innerCircleStrokeWidth","smallMeterInnerCircleStrokeWidth","innerCircleRadius","smallMeterInnerCircleRadius","gaugeWidth","smallMeterGaugeWidth","distanceBetweenRanges","smallMeterDistanceBetweenRanges","distanceFromRangesToNeedle","smallMeterDistanceFromRangesToNeedle","needleWidth","smallMeterNeedleWidth","maskBorderRadius","smallMeterMaskBorderRadius","jsx","MultiOptionDiscreteOutlineMeter"],"mappings":";;;AAgBO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,OAAAC,IAAQC;AAAA,IACR,QAAAC,IAASC;AAAA,IACT,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBC;AAAA,IACpB,YAAAC,IAAaC;AAAA,IACb,uBAAAC,IAAwBC;AAAA,IACxB,4BAAAC,IAA6BC;AAAA,IAC7B,aAAAC,IAAcC;AAAA,IACd,kBAAAC,IAAmBC;AAAA,EACjB,IAAAlB;AAEF,SAAAmB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAAnB;AAAA,MACA,QAAAE;AAAA,MACA,wBAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,uBAAAE;AAAA,MACA,4BAAAE;AAAA,MACA,aAAAE;AAAA,MACA,kBAAAE;AAAA,MACC,GAAGjB;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sd-component-library93.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  defaultArc,\n  defaultDashHeight,\n  defaultDashWidth,\n  defaultDistanceBetweenRanges,\n  defaultDistanceFromLabelToRanges,\n  defaultDistanceFromRangesToNeedle,\n  defaultDistanceFromRangesToScale,\n  defaultGaugeWidth,\n  defaultHeight,\n  defaultInnerCircleRadius,\n  defaultInnerCircleStrokeWidth,\n  defaultInnerPointRadius,\n  defaultMaskBorderRadius,\n  defaultNeedleWidth,\n  defaultNumberOfDashes,\n  defaultPointStrokeWidth,\n  defaultWidth,\n  labelPaddingX,\n  labelWidth,\n} from \"../outline-meter/contants\";\nimport { OutlineMeterScale } from \"../outline-meter/partials/outline-meter-scale\";\nimport { defaultPointerWidth } from \"./constants\";\nimport { MultiOptionDiscreteOutlineMeterProps as Props } from \"./interfaces\";\nimport { DiscreteMeterNeedle } from \"./partials/discrete-meter-needle\";\nimport { DiscreteRange } from \"./partials/discrete-range\";\nimport { MatchedRangeLabelBox } from \"./partials/matched-range-label-box\";\n\nexport function MultiOptionDiscreteOutlineMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    marginTop = \"50px\",\n    marginX = `${\n      labelWidth + defaultDistanceFromLabelToRanges + labelPaddingX * 2\n    }px`,\n    value,\n    showNeedle = true,\n    showScale = true,\n    hideLabels = false,\n    arc = defaultArc,\n    width = defaultWidth,\n    height = defaultHeight,\n    distanceBetweenRanges = defaultDistanceBetweenRanges,\n    gaugeWidth = defaultGaugeWidth,\n    distanceFromRangesToNeedle = defaultDistanceFromRangesToNeedle,\n    innerCircleStrokeWidth = defaultInnerCircleStrokeWidth,\n    innerCircleRadius = defaultInnerCircleRadius,\n    needleWidth = defaultNeedleWidth,\n    numberOfDashes = defaultNumberOfDashes,\n    dashHeight = defaultDashHeight,\n    dashWidth = defaultDashWidth,\n    distanceFromRangesToScale = defaultDistanceFromRangesToScale,\n    distanceFromLabelToRanges = defaultDistanceFromLabelToRanges,\n    needleColor,\n    counterClockWise = false,\n    maskBorderRadius = defaultMaskBorderRadius,\n    matchedRangeColor = \"#9E1CB5\",\n    notMatchedRangeColor = \"#CCD0DB\",\n    pointerWidth = defaultPointerWidth,\n    options,\n    cursor,\n    sx,\n    bg = \"white\",\n  } = props;\n\n  if (options.length <= 0) {\n    console.error(\"You should specify at least one option\");\n    return null;\n  }\n\n  const matchedRangeIndex = options.findIndex(\n    (option) => option.value === value\n  );\n\n  if (matchedRangeIndex === -1) {\n    console.error(\"Value should be present among available options\");\n    return null;\n  }\n\n  const matchedRange = options[matchedRangeIndex];\n\n  const getIsHorizontal = (idx: number) =>\n    options.length === 6 && idx % 3 === 1;\n\n  return (\n    <Box\n      sx={{\n        width: `${width}px`,\n        marginX,\n        marginTop,\n        position: \"relative\",\n        cursor,\n        borderRadius: `${maskBorderRadius}px ${maskBorderRadius}px 0 0`,\n        bg,\n        svg: {\n          transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n          text: {\n            fontFamily: \"proxima-nova\",\n            fontSize: 12,\n            fontWeight: 600,\n            fill: \"cl_darkGrey\",\n            textTransform: \"uppercase\",\n            letterSpacing: \"1.8px\",\n          },\n        },\n        ...sx,\n      }}\n    >\n      <svg width={`${width}px`} height={`${height}px`} overflow=\"visible\">\n        {options.map((range, idx) => {\n          const valueInRange = matchedRangeIndex === idx;\n          return (\n            <DiscreteRange\n              idx={idx}\n              key={`${idx}-${range.label}`}\n              isMatchedRange={valueInRange}\n              label={range.label}\n              color={\n                valueInRange\n                  ? range.labelColor || matchedRangeColor\n                  : notMatchedRangeColor\n              }\n              diameter={width}\n              gaugeWidth={gaugeWidth}\n              totalRanges={options.length}\n              distanceBetweenRanges={distanceBetweenRanges}\n              arc={arc}\n              showLabel={!hideLabels}\n              pointerLength={distanceFromLabelToRanges}\n              pointerWidth={pointerWidth}\n              horizontal={getIsHorizontal(idx)}\n            />\n          );\n        })}\n\n        {showScale && (\n          <OutlineMeterScale\n            numberOfDashes={numberOfDashes}\n            dashHeight={dashHeight}\n            dashWidth={dashWidth}\n            distanceFromRangesToScale={distanceFromRangesToScale}\n            diameter={width}\n            arc={arc}\n            gaugeWidth={gaugeWidth}\n          />\n        )}\n        {showNeedle && (\n          <DiscreteMeterNeedle\n            distanceBetweenRanges={distanceBetweenRanges}\n            gaugeWidth={gaugeWidth}\n            innerCircleStrokeWidth={innerCircleStrokeWidth}\n            innerCircleRadius={innerCircleRadius}\n            distanceFromRange={distanceFromRangesToNeedle}\n            needleWidth={needleWidth}\n            needleColor={\n              needleColor || matchedRange.labelColor || matchedRangeColor\n            }\n            diameter={width}\n            arc={arc}\n            value={value}\n            options={options}\n          />\n        )}\n      </svg>\n\n      {!hideLabels && (\n        <MatchedRangeLabelBox\n          arc={arc}\n          distanceBetweenRanges={distanceBetweenRanges}\n          color={matchedRange.labelColor || matchedRangeColor}\n          pointerLength={distanceFromLabelToRanges}\n          radius={width / 2}\n          idx={matchedRangeIndex}\n          totalRanges={options.length}\n          label={matchedRange.label}\n          horizontal={getIsHorizontal(matchedRangeIndex)}\n        />\n      )}\n    </Box>\n  );\n}\n"],"names":["MultiOptionDiscreteOutlineMeter","props","marginTop","marginX","labelWidth","defaultDistanceFromLabelToRanges","labelPaddingX","value","showNeedle","showScale","hideLabels","arc","defaultArc","width","defaultWidth","height","defaultHeight","distanceBetweenRanges","defaultDistanceBetweenRanges","gaugeWidth","defaultGaugeWidth","distanceFromRangesToNeedle","defaultDistanceFromRangesToNeedle","innerCircleStrokeWidth","defaultInnerCircleStrokeWidth","innerCircleRadius","defaultInnerCircleRadius","needleWidth","defaultNeedleWidth","numberOfDashes","defaultNumberOfDashes","dashHeight","defaultDashHeight","dashWidth","defaultDashWidth","distanceFromRangesToScale","defaultDistanceFromRangesToScale","distanceFromLabelToRanges","needleColor","counterClockWise","maskBorderRadius","defaultMaskBorderRadius","matchedRangeColor","notMatchedRangeColor","pointerWidth","defaultPointerWidth","options","cursor","sx","bg","matchedRangeIndex","option","matchedRange","getIsHorizontal","idx","jsxs","Box","range","valueInRange","jsx","DiscreteRange","OutlineMeterScale","DiscreteMeterNeedle","MatchedRangeLabelBox"],"mappings":"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"}

package/lib/sd-component-library94.js

@@ -1,181 +1,39 @@
-import { j as r } from "./sd-component-library195.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-library224.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library237.js";
-import { GradientMeterRange as ne } from "./sd-component-library238.js";
-import { OutlineMeterScale as se } from "./sd-component-library231.js";
-import { GradientMeterNeedle as de } from "./sd-component-library239.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library240.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library241.js";
-const je = (b) => {
+import { j as o } from "./sd-component-library196.js";
+import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library230.js";
+import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library93.js";
+function C(e) {
   const {
-    width: o = V,
-    height: j = X,
-    marginX: $ = `${Y + p + z * 2}px`,
-    marginTop: W = "50px",
-    gaugeWidth: l = E,
-    innerPointRadius: C = _,
-    value: a,
-    pointStrokeWidth: v = q,
-    arc: u = J,
-    distanceFromRangesToScale: w = K,
-    dashHeight: y = Q,
-    dashWidth: F = U,
-    numberOfDashes: M = Z,
-    needleWidth: S = ee,
-    innerCircleRadius: k = te,
-    innerCircleStrokeWidth: D = re,
-    distanceFromRangesToNeedle: G = ae,
-    distanceFromLabelToRanges: m = p,
-    segmented: T,
-    gradientColors: h,
-    showScale: L = !0,
-    labels: s,
-    showNeedle: N = !0,
-    hideLabels: f = !1,
-    needleColor: g,
-    counterClockWise: n = !1,
-    maskBorderRadius: c = oe,
-    cursor: P,
-    sx: B,
-    bg: I = "white"
-  } = b;
-  if (a > 1 || a < 0)
-    return console.error(
-      "Value has to be between 0 and 1",
-      `Received ${a} instead`
-    ), null;
-  if (h.length > 3 || h.length < 2)
-    return console.error("You cannot specify more than 3 colors and less than 2"), null;
-  const i = Array.from(ie(h));
-  return /* @__PURE__ */ r.jsxs(
-    H,
+    width: t = u,
+    height: r = M,
+    innerCircleStrokeWidth: i = c,
+    innerCircleRadius: l = h,
+    gaugeWidth: a = g,
+    distanceBetweenRanges: s = R,
+    distanceFromRangesToNeedle: n = W,
+    needleWidth: m = p,
+    maskBorderRadius: d = f
+  } = e;
+  return /* @__PURE__ */ o.jsx(
+    k,
     {
-      sx: {
-        width: `${o}px`,
-        marginX: $,
-        marginTop: W,
-        position: "relative",
-        borderRadius: `${c}px ${c}px 0 0`,
-        bg: I,
-        svg: {
-          transform: `rotateY(${n ? 180 : 0}deg)`
-        },
-        cursor: P,
-        ...B
-      },
-      children: [
-        /* @__PURE__ */ r.jsxs("svg", { width: `${o}px`, height: `${j}px`, overflow: "visible", children: [
-          /* @__PURE__ */ r.jsx("defs", { children: i.map(([e, t], d) => {
-            const O = d >= i.length / 2, A = d + 1 === Math.round(i.length / 2 + 0.5);
-            return /* @__PURE__ */ r.jsxs(
-              "linearGradient",
-              {
-                id: `gradient-${e}-${t}`,
-                ...O ? {
-                  x1: 0,
-                  y1: 0,
-                  x2: 0,
-                  y2: 1
-                } : A ? { x1: 0, y1: 0, x2: 1, y2: 0 } : {
-                  x1: 0,
-                  y1: 1,
-                  x2: 0,
-                  y2: 0
-                },
-                children: [
-                  /* @__PURE__ */ r.jsx("stop", { stopColor: e, offset: "0%" }),
-                  /* @__PURE__ */ r.jsx("stop", { stopColor: t, offset: "100%" })
-                ]
-              },
-              `${e}-${t}`
-            );
-          }) }),
-          i.map(([e, t], d) => /* @__PURE__ */ r.jsx(
-            ne,
-            {
-              diameter: o,
-              value: a,
-              arc: u,
-              gaugeWidth: l,
-              startColor: e,
-              endColor: t,
-              idx: d,
-              segmented: T,
-              totalRanges: i.length,
-              pointStrokeWidth: v,
-              innerPointRadius: C,
-              pointColor: g
-            },
-            `${e}-${t}`
-          )),
-          L && /* @__PURE__ */ r.jsx(
-            se,
-            {
-              numberOfDashes: M,
-              dashHeight: y,
-              dashWidth: F,
-              distanceFromRangesToScale: w,
-              diameter: o,
-              arc: u,
-              gaugeWidth: l
-            }
-          ),
-          N && /* @__PURE__ */ r.jsx(
-            de,
-            {
-              ranges: i,
-              value: a,
-              innerCircleStrokeWidth: D,
-              innerCircleRadius: k,
-              distanceFromRange: G,
-              needleWidth: S,
-              diameter: o,
-              arc: u,
-              gaugeWidth: l,
-              needleColor: g
-            }
-          ),
-          !f && s.map(({ position: e }) => {
-            const t = n ? R(e) : e;
-            return /* @__PURE__ */ r.jsx(
-              le,
-              {
-                diameter: o,
-                position: e,
-                distanceFromRanges: m,
-                isInRange: x(
-                  n ? 1 - a : a,
-                  s.length,
-                  t
-                )
-              }
-            );
-          })
-        ] }),
-        !f && s.map((e) => {
-          const t = n ? R(e.position) : e.position;
-          return /* @__PURE__ */ r.jsx(
-            ue,
-            {
-              ...e,
-              position: t,
-              isInRange: x(
-                n ? 1 - a : a,
-                s.length,
-                t
-              ),
-              distanceFromLabelToRanges: m,
-              diameter: o
-            },
-            e.label
-          );
-        })
-      ]
+      marginX: "0",
+      marginTop: "0",
+      hideLabels: !0,
+      showScale: !1,
+      width: t,
+      height: r,
+      innerCircleStrokeWidth: i,
+      innerCircleRadius: l,
+      gaugeWidth: a,
+      distanceBetweenRanges: s,
+      distanceFromRangesToNeedle: n,
+      needleWidth: m,
+      maskBorderRadius: d,
+      ...e
     }
   );
-};
+}
 export {
-  je as GradientOutlineMeter
+  C as SmallMultiOptionDiscreteOutlineMeter
 };
 //# sourceMappingURL=sd-component-library94.js.map