@selfdecode/sd-component-library 4.0.73-vite19 → 4.0.73-vite20

package/lib/sd-component-library90.js

@@ -1,148 +1,19 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { labelWidth as H, defaultDistanceFromLabelToRanges as x, labelPaddingX as y, defaultArc as _, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as P, defaultGaugeWidth as X, defaultDistanceFromRangesToNeedle as Y, defaultInnerCircleStrokeWidth as A, defaultInnerCircleRadius as V, defaultNeedleWidth as q, defaultNumberOfDashes as J, defaultDashHeight as K, defaultDashWidth as Q, defaultDistanceFromRangesToScale as U, defaultMaskBorderRadius as Z } from "./sd-component-library236.js";
-import { defaultPointerWidth as ee } from "./sd-component-library235.js";
-import { Box as te } from "./sd-component-library199.js";
-import { DiscreteRange as ae } from "./sd-component-library251.js";
-import { OutlineMeterScale as oe } from "./sd-component-library243.js";
-import { DiscreteMeterNeedle as le } from "./sd-component-library252.js";
-import { MatchedRangeLabelBox as re } from "./sd-component-library253.js";
-function fe(R) {
-  const {
-    marginTop: b = "50px",
-    marginX: C = `${H + x + y * 2}px`,
-    value: u,
-    showNeedle: W = !0,
-    showScale: D = !0,
-    hideLabels: c = !1,
-    arc: r = _,
-    width: a = E,
-    height: v = G,
-    distanceBetweenRanges: i = P,
-    gaugeWidth: s = X,
-    distanceFromRangesToNeedle: w = Y,
-    innerCircleStrokeWidth: B = A,
-    innerCircleRadius: $ = V,
-    needleWidth: j = q,
-    numberOfDashes: F = J,
-    dashHeight: M = K,
-    dashWidth: S = Q,
-    distanceFromRangesToScale: T = U,
-    distanceFromLabelToRanges: g = x,
-    needleColor: L,
-    counterClockWise: k = !1,
-    maskBorderRadius: m = Z,
-    matchedRangeColor: d = "#9E1CB5",
-    notMatchedRangeColor: I = "#CCD0DB",
-    pointerWidth: N = ee,
-    options: e,
-    cursor: O,
-    sx: z
-  } = R;
-  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(
-    te,
-    {
-      sx: {
-        width: `${a}px`,
-        marginX: C,
-        marginTop: b,
-        position: "relative",
-        cursor: O,
-        borderRadius: `${m}px ${m}px 0 0`,
-        bg: "cl_white",
-        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(
-              ae,
-              {
-                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(
-            oe,
-            {
-              numberOfDashes: F,
-              dashHeight: M,
-              dashWidth: S,
-              distanceFromRangesToScale: T,
-              diameter: a,
-              arc: r,
-              gaugeWidth: s
-            }
-          ),
-          W && /* @__PURE__ */ o.jsx(
-            le,
-            {
-              distanceBetweenRanges: i,
-              gaugeWidth: s,
-              innerCircleStrokeWidth: B,
-              innerCircleRadius: $,
-              distanceFromRange: w,
-              needleWidth: j,
-              needleColor: L || h.labelColor || d,
-              diameter: a,
-              arc: r,
-              value: u,
-              options: e
-            }
-          )
-        ] }),
-        !c && /* @__PURE__ */ o.jsx(
-          re,
-          {
-            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-library90.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library90.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  } = 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: \"cl_white\",\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","matchedRangeIndex","option","matchedRange","getIsHorizontal","idx","jsxs","Box","range","valueInRange","jsx","DiscreteRange","OutlineMeterScale","DiscreteMeterNeedle","MatchedRangeLabelBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library90.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-library91.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-library236.js";
-import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library90.js";
-function C(e) {
+import "./sd-component-library196.js";
+import { labelWidth as H, defaultDistanceFromLabelToRanges as x, labelPaddingX as y, defaultArc as _, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as P, defaultGaugeWidth as X, defaultDistanceFromRangesToNeedle as Y, defaultInnerCircleStrokeWidth as A, defaultInnerCircleRadius as V, defaultNeedleWidth as q, defaultNumberOfDashes as J, defaultDashHeight as K, defaultDashWidth as Q, defaultDistanceFromRangesToScale as U, defaultMaskBorderRadius as Z } from "./sd-component-library241.js";
+import { defaultPointerWidth as ee } from "./sd-component-library240.js";
+import { Box as te } from "./sd-component-library197.js";
+import { DiscreteRange as ae } from "./sd-component-library246.js";
+import { OutlineMeterScale as oe } from "./sd-component-library247.js";
+import { DiscreteMeterNeedle as le } from "./sd-component-library248.js";
+import { MatchedRangeLabelBox as re } from "./sd-component-library249.js";
+function fe(R) {
   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 = `${H + x + y * 2}px`,
+    value: u,
+    showNeedle: W = !0,
+    showScale: D = !0,
+    hideLabels: c = !1,
+    arc: r = _,
+    width: a = E,
+    height: v = G,
+    distanceBetweenRanges: i = P,
+    gaugeWidth: s = X,
+    distanceFromRangesToNeedle: w = Y,
+    innerCircleStrokeWidth: B = A,
+    innerCircleRadius: $ = V,
+    needleWidth: j = q,
+    numberOfDashes: F = J,
+    dashHeight: M = K,
+    dashWidth: S = Q,
+    distanceFromRangesToScale: T = U,
+    distanceFromLabelToRanges: g = x,
+    needleColor: L,
+    counterClockWise: k = !1,
+    maskBorderRadius: m = Z,
+    matchedRangeColor: d = "#9E1CB5",
+    notMatchedRangeColor: I = "#CCD0DB",
+    pointerWidth: N = ee,
+    options: e,
+    cursor: O,
+    sx: z
+  } = R;
+  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(
+    te,
     {
-      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: "cl_white",
+        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(
+              ae,
+              {
+                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(
+            oe,
+            {
+              numberOfDashes: F,
+              dashHeight: M,
+              dashWidth: S,
+              distanceFromRangesToScale: T,
+              diameter: a,
+              arc: r,
+              gaugeWidth: s
+            }
+          ),
+          W && /* @__PURE__ */ o.jsx(
+            le,
+            {
+              distanceBetweenRanges: i,
+              gaugeWidth: s,
+              innerCircleStrokeWidth: B,
+              innerCircleRadius: $,
+              distanceFromRange: w,
+              needleWidth: j,
+              needleColor: L || h.labelColor || d,
+              diameter: a,
+              arc: r,
+              value: u,
+              options: e
+            }
+          )
+        ] }),
+        !c && /* @__PURE__ */ o.jsx(
+          re,
+          {
+            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-library91.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library91.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-library91.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  } = 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: \"cl_white\",\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","matchedRangeIndex","option","matchedRange","getIsHorizontal","idx","jsxs","Box","range","valueInRange","jsx","DiscreteRange","OutlineMeterScale","DiscreteMeterNeedle","MatchedRangeLabelBox"],"mappings":"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"}

package/lib/sd-component-library92.js

@@ -1,181 +1,39 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { defaultWidth as A, defaultHeight as H, labelWidth as _, defaultDistanceFromLabelToRanges as p, labelPaddingX as V, defaultGaugeWidth as X, defaultInnerPointRadius as Y, defaultPointStrokeWidth as z, defaultArc as E, defaultDistanceFromRangesToScale as q, defaultDashHeight as J, defaultDashWidth as K, defaultNumberOfDashes as Q, defaultNeedleWidth as U, defaultInnerCircleRadius as Z, defaultInnerCircleStrokeWidth as ee, defaultDistanceFromRangesToNeedle as te, defaultMaskBorderRadius as re } from "./sd-component-library236.js";
-import { mapAdjacent as oe, isLabelActive as x, flipPosition as R } from "./sd-component-library246.js";
-import { Box as ae } from "./sd-component-library199.js";
-import { GradientMeterRange as ie } from "./sd-component-library247.js";
-import { OutlineMeterScale as ne } from "./sd-component-library243.js";
-import { GradientMeterNeedle as se } from "./sd-component-library248.js";
-import { OutlineMeterLabelPointer as de } from "./sd-component-library249.js";
-import { BaseMeterLabelBox as le } from "./sd-component-library250.js";
-const je = (b) => {
+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-library241.js";
+import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library91.js";
+function C(e) {
   const {
-    width: a = A,
-    height: j = H,
-    marginX: $ = `${_ + p + V * 2}px`,
-    marginTop: W = "50px",
-    gaugeWidth: l = X,
-    innerPointRadius: C = Y,
-    value: o,
-    pointStrokeWidth: v = z,
-    arc: u = E,
-    distanceFromRangesToScale: w = q,
-    dashHeight: y = J,
-    dashWidth: F = K,
-    numberOfDashes: M = Q,
-    needleWidth: S = U,
-    innerCircleRadius: k = Z,
-    innerCircleStrokeWidth: D = ee,
-    distanceFromRangesToNeedle: G = te,
-    distanceFromLabelToRanges: m = p,
-    segmented: T,
-    gradientColors: h,
-    showScale: B = !0,
-    labels: s,
-    showNeedle: L = !0,
-    hideLabels: f = !1,
-    needleColor: g,
-    counterClockWise: n = !1,
-    maskBorderRadius: c = re,
-    cursor: N,
-    sx: P
-  } = b;
-  if (o > 1 || o < 0)
-    return console.error(
-      "Value has to be between 0 and 1",
-      `Received ${o} 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(oe(h));
-  return /* @__PURE__ */ r.jsxs(
-    ae,
+    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: `${a}px`,
-        marginX: $,
-        marginTop: W,
-        position: "relative",
-        borderRadius: `${c}px ${c}px 0 0`,
-        bg: "cl_white",
-        svg: {
-          transform: `rotateY(${n ? 180 : 0}deg)`
-        },
-        cursor: N,
-        ...P
-      },
-      children: [
-        /* @__PURE__ */ r.jsxs("svg", { width: `${a}px`, height: `${j}px`, overflow: "visible", children: [
-          /* @__PURE__ */ r.jsx("defs", { children: i.map(([e, t], d) => {
-            const I = d >= i.length / 2, O = d + 1 === Math.round(i.length / 2 + 0.5);
-            return /* @__PURE__ */ r.jsxs(
-              "linearGradient",
-              {
-                id: `gradient-${e}-${t}`,
-                ...I ? {
-                  x1: 0,
-                  y1: 0,
-                  x2: 0,
-                  y2: 1
-                } : O ? { 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(
-            ie,
-            {
-              diameter: a,
-              value: o,
-              arc: u,
-              gaugeWidth: l,
-              startColor: e,
-              endColor: t,
-              idx: d,
-              segmented: T,
-              totalRanges: i.length,
-              pointStrokeWidth: v,
-              innerPointRadius: C,
-              pointColor: g
-            },
-            `${e}-${t}`
-          )),
-          B && /* @__PURE__ */ r.jsx(
-            ne,
-            {
-              numberOfDashes: M,
-              dashHeight: y,
-              dashWidth: F,
-              distanceFromRangesToScale: w,
-              diameter: a,
-              arc: u,
-              gaugeWidth: l
-            }
-          ),
-          L && /* @__PURE__ */ r.jsx(
-            se,
-            {
-              ranges: i,
-              value: o,
-              innerCircleStrokeWidth: D,
-              innerCircleRadius: k,
-              distanceFromRange: G,
-              needleWidth: S,
-              diameter: a,
-              arc: u,
-              gaugeWidth: l,
-              needleColor: g
-            }
-          ),
-          !f && s.map(({ position: e }) => {
-            const t = n ? R(e) : e;
-            return /* @__PURE__ */ r.jsx(
-              de,
-              {
-                diameter: a,
-                position: e,
-                distanceFromRanges: m,
-                isInRange: x(
-                  n ? 1 - o : o,
-                  s.length,
-                  t
-                )
-              }
-            );
-          })
-        ] }),
-        !f && s.map((e) => {
-          const t = n ? R(e.position) : e.position;
-          return /* @__PURE__ */ r.jsx(
-            le,
-            {
-              ...e,
-              position: t,
-              isInRange: x(
-                n ? 1 - o : o,
-                s.length,
-                t
-              ),
-              distanceFromLabelToRanges: m,
-              diameter: a
-            },
-            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-library92.js.map