@selfdecode/sd-component-library 4.0.91 → 4.0.93

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nimport Wrapper from \"./components/wrapper\";\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\nexport * from \"./components/forms-v2\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA4BC;"}
+{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nimport Wrapper from \"./components/wrapper\";\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\nexport * from \"./components/forms-v2\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA4BC;"}

package/lib/sd-component-library10.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library196.js";
 import { Box as n } from "rebass";
 const x = (o) => {
   const { children: r, ...s } = o;

package/lib/sd-component-library100.js

@@ -1,53 +1,51 @@
-import { j as r } from "./sd-component-library195.js";
-import { LinearGaugeSegment as c } from "./sd-component-library246.js";
-import { LinearGaugeLabel as d } from "./sd-component-library247.js";
-import { GridCenter as f } from "./sd-component-library42.js";
-import { GridContainerV2 as h } from "./sd-component-library39.js";
-function $(l) {
-  const {
-    gap: o = 3,
-    segmentHeight: i = 8,
-    value: n,
-    options: t,
-    labelGap: s = 12,
-    defaultColor: m = "cl_lightGrey",
-    defaultMatchedColor: p,
-    cursor: u = "default",
-    labelProps: g
-  } = l;
-  return /* @__PURE__ */ r.jsx(
-    f,
-    {
-      width: "100%",
-      gap: `${o}px`,
-      gridTemplateColumns: `repeat(${t.length}, 1fr)`,
-      sx: { cursor: u },
-      children: t.map((e, x) => {
-        const a = e.value === n ? e.labelColor ?? p : m;
-        return /* @__PURE__ */ r.jsxs(h, { gap: `${s}px`, children: [
-          /* @__PURE__ */ r.jsx(
-            c,
-            {
-              color: a,
-              segmentHeight: i,
-              idx: x,
-              total: t.length
-            }
-          ),
-          /* @__PURE__ */ r.jsx(
-            d,
-            {
-              text: e.label,
-              color: a,
-              ...g
-            }
-          )
-        ] }, `${e.value}`);
-      })
-    }
-  );
-}
+import { j as n } from "./sd-component-library196.js";
+import { areSegmentsValid as h } from "./sd-component-library248.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library250.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library251.js";
+const C = ({
+  segments: e,
+  size: r = 70,
+  value: t,
+  segmentWidth: m = 10,
+  outlineWidth: c = 2,
+  cursor: p = "default",
+  children: a
+}) => {
+  if (!h(e))
+    return null;
+  if (t > 1 || t < 0)
+    return console.error(
+      "Value should be not less than 0 and not higher than 1",
+      `Received: ${t}`
+    ), null;
+  const i = e.find(
+    ({ start: o, end: u }) => t >= o && t <= u
+  ), s = {
+    width: `${r}px`,
+    height: `${r}px`
+  };
+  return /* @__PURE__ */ n.jsxs("svg", { ...s, style: { cursor: p }, children: [
+    e.map((o) => /* @__PURE__ */ n.jsx(
+      x,
+      {
+        segment: o,
+        isMatching: o.start === i.start,
+        size: r,
+        segmentWidth: m,
+        outlineWidth: c
+      },
+      o.color
+    )),
+    a ? /* @__PURE__ */ n.jsx("foreignObject", { x: 0, y: 0, ...s, children: a }) : /* @__PURE__ */ n.jsx(
+      f,
+      {
+        size: r,
+        segment: i
+      }
+    )
+  ] });
+};
 export {
-  $ as LinearDiscreteGaugeMeter
+  C as CompactDonutGauge
 };
 //# sourceMappingURL=sd-component-library100.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library100.js","sources":["../src/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearDiscreteGaugeMeterProps as Props } from \"./interfaces\";\n\nexport function LinearDiscreteGaugeMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    gap = 3,\n    segmentHeight = 8,\n    value,\n    options,\n    labelGap = 12,\n    defaultColor = \"cl_lightGrey\",\n    defaultMatchedColor,\n    cursor = \"default\",\n    labelProps,\n  } = props;\n\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={`repeat(${options.length}, 1fr)`}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color =\n          option.value === value\n            ? option.labelColor ?? defaultMatchedColor\n            : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.value}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n}\n"],"names":["LinearDiscreteGaugeMeter","props","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","option","idx","color","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;AASO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,qBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC;AAAA,EACE,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,KAAK,GAAGV,CAAG;AAAA,MACX,qBAAqB,UAAUG,EAAQ,MAAM;AAAA,MAC7C,IAAI,EAAE,QAAAI,EAAO;AAAA,MAEZ,UAAQJ,EAAA,IAAI,CAACQ,GAAQC,MAAQ;AAC5B,cAAMC,IACJF,EAAO,UAAUT,IACbS,EAAO,cAAcL,IACrBD;AAEN,eACGS,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGX,CAAQ,MACpB,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,OAAAH;AAAA,cACA,eAAAZ;AAAA,cACA,KAAAW;AAAA,cACA,OAAOT,EAAQ;AAAA,YAAA;AAAA,UACjB;AAAA,UAEAM,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMN,EAAO;AAAA,cACb,OAAAE;AAAA,cACC,GAAGL;AAAA,YAAA;AAAA,UACN;AAAA,QAZ+B,EAAA,GAAA,GAAGG,EAAO,KAAK,EAahD;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library100.js","sources":["../src/components/meters/compact-donut-gauge/compact-donut-gauge.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { areSegmentsValid } from \"../donut-diagram/utils\";\nimport { CompactDonutGaugeProps as Props } from \"./interfaces\";\nimport {\n  CompactDonutGaugeSegment,\n  CompactDonutGaugeValueIndicator,\n} from \"./partials\";\n\nexport const CompactDonutGauge: React.FC<PropsWithChildren<Props>> = ({\n  segments,\n  size = 70,\n  value,\n  segmentWidth = 10,\n  outlineWidth = 2,\n  cursor = \"default\",\n  children,\n}) => {\n  if (!areSegmentsValid(segments)) return null;\n\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value should be not less than 0 and not higher than 1\",\n      `Received: ${value}`\n    );\n    return null;\n  }\n\n  const matchingSegment = segments.find(\n    ({ start, end }) => value >= start && value <= end\n  )!;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <svg {...sizes} style={{ cursor }}>\n      {segments.map((segment) => (\n        <CompactDonutGaugeSegment\n          segment={segment}\n          isMatching={segment.start === matchingSegment.start}\n          size={size}\n          segmentWidth={segmentWidth}\n          outlineWidth={outlineWidth}\n          key={segment.color}\n        />\n      ))}\n\n      {children ? (\n        <foreignObject x={0} y={0} {...sizes}>\n          {children}\n        </foreignObject>\n      ) : (\n        <CompactDonutGaugeValueIndicator\n          size={size}\n          segment={matchingSegment}\n        />\n      )}\n    </svg>\n  );\n};\n"],"names":["CompactDonutGauge","segments","size","value","segmentWidth","outlineWidth","cursor","children","areSegmentsValid","matchingSegment","start","end","sizes","segment","jsx","CompactDonutGaugeSegment","CompactDonutGaugeValueIndicator"],"mappings":";;;;AASO,MAAMA,IAAwD,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACA,MAAA,CAACC,EAAiBP,CAAQ;AAAU,WAAA;AAEpC,MAAAE,IAAQ,KAAKA,IAAQ;AACf,mBAAA;AAAA,MACN;AAAA,MACA,aAAaA,CAAK;AAAA,IAAA,GAEb;AAGT,QAAMM,IAAkBR,EAAS;AAAA,IAC/B,CAAC,EAAE,OAAAS,GAAO,KAAAC,QAAUR,KAASO,KAASP,KAASQ;AAAA,EAAA,GAG3CC,IAAQ;AAAA,IACZ,OAAO,GAAGV,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAGjB,gCACG,OAAK,EAAA,GAAGU,GAAO,OAAO,EAAE,QAAAN,EACtB,GAAA,UAAA;AAAA,IAASL,EAAA,IAAI,CAACY,MACbC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAF;AAAA,QACA,YAAYA,EAAQ,UAAUJ,EAAgB;AAAA,QAC9C,MAAAP;AAAA,QACA,cAAAE;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,MACKQ,EAAQ;AAAA,IAAA,CAEhB;AAAA,IAEAN,IACEO,gBAAAA,EAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGF,GAC5B,UAAAL,EAAA,CACH,IAEAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library101.js

@@ -1,51 +1,53 @@
-import { j as e } from "./sd-component-library195.js";
-import { isMatchingRange as u } from "./sd-component-library248.js";
-import { GridCenter as c } from "./sd-component-library42.js";
-import { GridContainerV2 as f } from "./sd-component-library39.js";
-import { LinearGaugeSegment as d } from "./sd-component-library246.js";
-import { LinearGaugeLabel as j } from "./sd-component-library247.js";
-const M = ({
-  gap: i = 3,
-  segmentHeight: l = 8,
-  value: n,
-  options: t,
-  labelGap: o = 12,
-  defaultColor: s = "cl_lightGrey",
-  defaultMatchedColor: g,
-  cursor: x = "default",
-  labelProps: p
-}) => /* @__PURE__ */ e.jsx(
-  c,
-  {
-    width: "100%",
-    gap: `${i}px`,
-    gridTemplateColumns: t.map(({ start: r, end: a }) => `${a - r}fr`).join(" "),
-    sx: { cursor: x },
-    children: t.map((r, a) => {
-      const m = u(r, n) ? r.labelColor ?? g : s;
-      return /* @__PURE__ */ e.jsxs(f, { gap: `${o}px`, children: [
-        /* @__PURE__ */ e.jsx(
-          d,
-          {
-            color: m,
-            segmentHeight: l,
-            idx: a,
-            total: t.length
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          j,
-          {
-            text: r.label,
-            color: m,
-            ...p
-          }
-        )
-      ] }, `${r.start}`);
-    })
-  }
-);
+import { j as r } from "./sd-component-library196.js";
+import { LinearGaugeSegment as c } from "./sd-component-library252.js";
+import { LinearGaugeLabel as d } from "./sd-component-library253.js";
+import { GridCenter as f } from "./sd-component-library42.js";
+import { GridContainerV2 as h } from "./sd-component-library39.js";
+function $(l) {
+  const {
+    gap: o = 3,
+    segmentHeight: i = 8,
+    value: n,
+    options: t,
+    labelGap: s = 12,
+    defaultColor: m = "cl_lightGrey",
+    defaultMatchedColor: p,
+    cursor: u = "default",
+    labelProps: g
+  } = l;
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      width: "100%",
+      gap: `${o}px`,
+      gridTemplateColumns: `repeat(${t.length}, 1fr)`,
+      sx: { cursor: u },
+      children: t.map((e, x) => {
+        const a = e.value === n ? e.labelColor ?? p : m;
+        return /* @__PURE__ */ r.jsxs(h, { gap: `${s}px`, children: [
+          /* @__PURE__ */ r.jsx(
+            c,
+            {
+              color: a,
+              segmentHeight: i,
+              idx: x,
+              total: t.length
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            d,
+            {
+              text: e.label,
+              color: a,
+              ...g
+            }
+          )
+        ] }, `${e.value}`);
+      })
+    }
+  );
+}
 export {
-  M as LinearNumericGaugeMeter
+  $ as LinearDiscreteGaugeMeter
 };
 //# sourceMappingURL=sd-component-library101.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library101.js","sources":["../src/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearNumericGaugeMeterProps as Props } from \"./interfaces\";\nimport { isMatchingRange } from \"./utils\";\n\nexport const LinearNumericGaugeMeter: React.FC<Props> = ({\n  gap = 3,\n  segmentHeight = 8,\n  value,\n  options,\n  labelGap = 12,\n  defaultColor = \"cl_lightGrey\",\n  defaultMatchedColor,\n  cursor = \"default\",\n  labelProps,\n}) => {\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={options\n        .map(({ start, end }) => `${end - start}fr`)\n        .join(\" \")}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color = isMatchingRange(option, value)\n          ? option.labelColor ?? defaultMatchedColor\n          : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.start}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n};\n"],"names":["LinearNumericGaugeMeter","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","start","end","option","idx","color","isMatchingRange","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;;AAUO,MAAMA,IAA2C,CAAC;AAAA,EACvD,KAAAC,IAAM;AAAA,EACN,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,qBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,KAAK,GAAGV,CAAG;AAAA,IACX,qBAAqBG,EAClB,IAAI,CAAC,EAAE,OAAAQ,GAAO,KAAAC,EAAU,MAAA,GAAGA,IAAMD,CAAK,IAAI,EAC1C,KAAK,GAAG;AAAA,IACX,IAAI,EAAE,QAAAJ,EAAO;AAAA,IAEZ,UAAQJ,EAAA,IAAI,CAACU,GAAQC,MAAQ;AAC5B,YAAMC,IAAQC,EAAgBH,GAAQX,CAAK,IACvCW,EAAO,cAAcP,IACrBD;AAEJ,aACGY,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGd,CAAQ,MACpB,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,eAAAd;AAAA,YACA,KAAAa;AAAA,YACA,OAAOX,EAAQ;AAAA,UAAA;AAAA,QACjB;AAAA,QAEAM,gBAAAA,EAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMP,EAAO;AAAA,YACb,OAAAE;AAAA,YACC,GAAGP;AAAA,UAAA;AAAA,QACN;AAAA,MAZ+B,EAAA,GAAA,GAAGK,EAAO,KAAK,EAahD;AAAA,IAAA,CAEH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library101.js","sources":["../src/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearDiscreteGaugeMeterProps as Props } from \"./interfaces\";\n\nexport function LinearDiscreteGaugeMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    gap = 3,\n    segmentHeight = 8,\n    value,\n    options,\n    labelGap = 12,\n    defaultColor = \"cl_lightGrey\",\n    defaultMatchedColor,\n    cursor = \"default\",\n    labelProps,\n  } = props;\n\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={`repeat(${options.length}, 1fr)`}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color =\n          option.value === value\n            ? option.labelColor ?? defaultMatchedColor\n            : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.value}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n}\n"],"names":["LinearDiscreteGaugeMeter","props","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","option","idx","color","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;AASO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,qBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC;AAAA,EACE,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,KAAK,GAAGV,CAAG;AAAA,MACX,qBAAqB,UAAUG,EAAQ,MAAM;AAAA,MAC7C,IAAI,EAAE,QAAAI,EAAO;AAAA,MAEZ,UAAQJ,EAAA,IAAI,CAACQ,GAAQC,MAAQ;AAC5B,cAAMC,IACJF,EAAO,UAAUT,IACbS,EAAO,cAAcL,IACrBD;AAEN,eACGS,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGX,CAAQ,MACpB,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,OAAAH;AAAA,cACA,eAAAZ;AAAA,cACA,KAAAW;AAAA,cACA,OAAOT,EAAQ;AAAA,YAAA;AAAA,UACjB;AAAA,UAEAM,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMN,EAAO;AAAA,cACb,OAAAE;AAAA,cACC,GAAGL;AAAA,YAAA;AAAA,UACN;AAAA,QAZ+B,EAAA,GAAA,GAAGG,EAAO,KAAK,EAahD;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library102.js

@@ -1,154 +1,51 @@
-import { j as t } from "./sd-component-library195.js";
-import { useRef as B, useState as I, useEffect as R } from "react";
-import { Box as s } from "rebass";
-import { useBodyScrollLock as E } from "./sd-component-library3.js";
-import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
-import X from "./sd-component-library254.js";
-import { OutsideClickBox as P } from "./sd-component-library11.js";
-import { ReactComponent as z } from "./sd-component-library255.js";
-import { FlexCenter as A } from "./sd-component-library35.js";
-import { Button as D } from "./sd-component-library25.js";
-const r = 500, J = (d) => {
-  const {
-    variant: p,
-    children: l,
-    containerBg: c,
-    xIconColor: x,
-    showXIcon: m = !0,
-    onClickX: n,
-    coverBg: u = "rgba(69,104,249, 0.4)",
-    width: h = "auto",
-    isOpen: e,
-    borderRadius: f = ["5px"],
-    outerPadding: g = ["30px", "auto", "150px"],
-    innerPadding: w = ["40px 20px", "50px"],
-    popUpHeight: C = "100%",
-    containerSx: k,
-    innerSx: v,
-    closeOnClickOutside: S = !1,
-    mountOnEnter: b = !0,
-    unmountOnExit: j,
-    intermediateContainerSx: y
-  } = d, o = B(null), [O, a] = I(null);
-  return R(() => {
-    let i;
-    return e ? a(l) : i = setTimeout(() => {
-      a(null);
-    }, r), () => clearTimeout(i);
-  }, [e, l]), E(o.current, e && !F()), T() ? null : /* @__PURE__ */ t.jsx(
-    X,
-    {
-      nodeRef: o,
-      in: e,
-      timeout: {
-        enter: 0,
-        exit: r
-      },
-      mountOnEnter: b,
-      unmountOnExit: j,
-      children: (i) => (
-        /** This most outer container is the background */
-        /* @__PURE__ */ t.jsx(
-          s,
+import { j as e } from "./sd-component-library196.js";
+import { isMatchingRange as u } from "./sd-component-library254.js";
+import { GridCenter as c } from "./sd-component-library42.js";
+import { GridContainerV2 as f } from "./sd-component-library39.js";
+import { LinearGaugeSegment as d } from "./sd-component-library252.js";
+import { LinearGaugeLabel as j } from "./sd-component-library253.js";
+const M = ({
+  gap: i = 3,
+  segmentHeight: l = 8,
+  value: n,
+  options: t,
+  labelGap: o = 12,
+  defaultColor: s = "cl_lightGrey",
+  defaultMatchedColor: g,
+  cursor: x = "default",
+  labelProps: p
+}) => /* @__PURE__ */ e.jsx(
+  c,
+  {
+    width: "100%",
+    gap: `${i}px`,
+    gridTemplateColumns: t.map(({ start: r, end: a }) => `${a - r}fr`).join(" "),
+    sx: { cursor: x },
+    children: t.map((r, a) => {
+      const m = u(r, n) ? r.labelColor ?? g : s;
+      return /* @__PURE__ */ e.jsxs(f, { gap: `${o}px`, children: [
+        /* @__PURE__ */ e.jsx(
+          d,
           {
-            sx: {
-              width: "100vw",
-              minHeight: "100vh",
-              zIndex: "150",
-              position: "fixed",
-              overflowX: "hidden",
-              overflowY: "scroll",
-              top: 0,
-              left: 0,
-              bottom: 0,
-              backgroundColor: u,
-              opacity: i === "entered" ? 1 : 0,
-              transition: `opacity ${r}ms ease-in-out`,
-              display: ["entering", "entered", "exiting"].includes(i) ? "block" : "none",
-              ...k
-            },
-            ref: o,
-            children: /* @__PURE__ */ t.jsx(
-              A,
-              {
-                sx: {
-                  position: "relative",
-                  width: "100%",
-                  height: C
-                },
-                children: /* @__PURE__ */ t.jsxs(
-                  s,
-                  {
-                    sx: {
-                      maxWidth: "100vw",
-                      zIndex: "180",
-                      margin: "auto",
-                      whiteSpace: "nowrap",
-                      padding: g,
-                      ...y
-                    },
-                    "data-testid": "modal",
-                    children: [
-                      /* @__PURE__ */ t.jsx(
-                        P,
-                        {
-                          variant: `_modals.inner.${p}`,
-                          sx: {
-                            width: h,
-                            borderRadius: f,
-                            whiteSpace: "normal",
-                            textAlign: "center",
-                            display: "inline-block",
-                            alignSelf: "top",
-                            backgroundColor: c || "white",
-                            padding: w,
-                            ...v
-                          },
-                          onClickOutside: () => {
-                            S && n && n();
-                          },
-                          children: O
-                        }
-                      ),
-                      m && /* @__PURE__ */ t.jsx(
-                        D,
-                        {
-                          onClick: n,
-                          "data-testid": "x-icon",
-                          sx: {
-                            p: 0,
-                            bg: "cl_transparent",
-                            display: "inline-block",
-                            verticalAlign: "top",
-                            width: "20px",
-                            height: "20px",
-                            marginLeft: "6px",
-                            marginTop: "4px"
-                          },
-                          children: /* @__PURE__ */ t.jsx(
-                            z,
-                            {
-                              style: {
-                                fill: x || "#4568F9",
-                                width: "20px",
-                                height: "20px"
-                              }
-                            }
-                          )
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
+            color: m,
+            segmentHeight: l,
+            idx: a,
+            total: t.length
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            text: r.label,
+            color: m,
+            ...p
           }
         )
-      )
-    }
-  );
-};
+      ] }, `${r.start}`);
+    })
+  }
+);
 export {
-  J as Modal
+  M as LinearNumericGaugeMeter
 };
 //# sourceMappingURL=sd-component-library102.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library102.js","sources":["../src/components/modals/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock } from \"../../../core/custom-hooks\";\nimport { isIOS, isPDFFlow } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { Button } from \"../../buttons\";\nimport { FlexCenter } from \"../../containers\";\nimport { XIcon } from \"./assets\";\nimport { ModalProps } from \"./interfaces\";\n\nconst animationDuration = 500; // milliseconds\n\n/**\n * The modal container.\n */\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    variant,\n    children,\n    containerBg,\n    xIconColor,\n    showXIcon = true,\n    onClickX,\n    coverBg = \"rgba(69,104,249, 0.4)\",\n    width = \"auto\",\n    isOpen,\n    borderRadius = [\"5px\"],\n    outerPadding = [\"30px\", \"auto\", \"150px\"],\n    innerPadding = [\"40px 20px\", \"50px\"],\n    popUpHeight = \"100%\",\n    containerSx,\n    innerSx,\n    closeOnClickOutside = false,\n    mountOnEnter = true,\n    unmountOnExit,\n    intermediateContainerSx,\n  } = props;\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [content, setContent] = useState<React.ReactNode>(null);\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n    if (isOpen) {\n      setContent(children);\n    } else {\n      timer = setTimeout(() => {\n        setContent(null);\n      }, animationDuration);\n    }\n    return () => clearTimeout(timer);\n  }, [isOpen, children]);\n\n  useBodyScrollLock(ref.current, isOpen && !isIOS());\n\n  if (isPDFFlow()) return null;\n\n  return (\n    <Transition\n      nodeRef={ref}\n      in={isOpen}\n      timeout={{\n        enter: 0,\n        exit: animationDuration,\n      }}\n      mountOnEnter={mountOnEnter}\n      unmountOnExit={unmountOnExit}\n    >\n      {(state) => (\n        /** This most outer container is the background */\n        <Box\n          sx={{\n            width: \"100vw\",\n            minHeight: \"100vh\",\n            zIndex: \"150\",\n            position: \"fixed\",\n            overflowX: \"hidden\",\n            overflowY: \"scroll\",\n            top: 0,\n            left: 0,\n            bottom: 0,\n            backgroundColor: coverBg,\n            opacity: state === \"entered\" ? 1 : 0,\n            transition: `opacity ${animationDuration}ms ease-in-out`,\n            display: [\"entering\", \"entered\", \"exiting\"].includes(state)\n              ? \"block\"\n              : \"none\",\n            ...containerSx,\n          }}\n          ref={ref}\n        >\n          {/** This following container is the frame of the whole screen, used\n           * as an in-between relative-position container for the popup */}\n          <FlexCenter\n            sx={{\n              position: \"relative\",\n              width: \"100%\",\n              height: popUpHeight,\n            }}\n          >\n            {/** This following container is the complete popup,\n             * as in contents and the X close icon */}\n            <Box\n              sx={{\n                maxWidth: \"100vw\",\n                zIndex: \"180\",\n                margin: \"auto\",\n                whiteSpace: \"nowrap\",\n                padding: outerPadding,\n                ...intermediateContainerSx,\n              }}\n              data-testid=\"modal\"\n            >\n              {/** This following container and its content is\n               *  the actual content of the popup */}\n              <OutsideClickBox\n                variant={`_modals.inner.${variant}`}\n                sx={{\n                  width,\n                  borderRadius,\n                  whiteSpace: \"normal\",\n                  textAlign: \"center\",\n                  display: \"inline-block\",\n                  alignSelf: \"top\",\n                  backgroundColor: containerBg || \"white\",\n                  padding: innerPadding,\n                  ...innerSx,\n                }}\n                onClickOutside={() => {\n                  if (closeOnClickOutside && onClickX) {\n                    onClickX();\n                  }\n                }}\n              >\n                {content}\n              </OutsideClickBox>\n\n              {/** This following container and its content is the X button */}\n              {showXIcon && (\n                <Button\n                  onClick={onClickX}\n                  data-testid=\"x-icon\"\n                  sx={{\n                    p: 0,\n                    bg: \"cl_transparent\",\n                    display: \"inline-block\",\n                    verticalAlign: \"top\",\n                    width: \"20px\",\n                    height: \"20px\",\n                    marginLeft: \"6px\",\n                    marginTop: \"4px\",\n                  }}\n                >\n                  <XIcon\n                    style={{\n                      fill: xIconColor || \"#4568F9\",\n                      width: \"20px\",\n                      height: \"20px\",\n                    }}\n                  />\n                </Button>\n              )}\n            </Box>\n          </FlexCenter>\n        </Box>\n      )}\n    </Transition>\n  );\n};\n"],"names":["animationDuration","Modal","props","variant","children","containerBg","xIconColor","showXIcon","onClickX","coverBg","width","isOpen","borderRadius","outerPadding","innerPadding","popUpHeight","containerSx","innerSx","closeOnClickOutside","mountOnEnter","unmountOnExit","intermediateContainerSx","ref","useRef","content","setContent","useState","useEffect","timer","useBodyScrollLock","isIOS","isPDFFlow","jsx","Transition","state","Box","FlexCenter","jsxs","OutsideClickBox","Button","XIcon"],"mappings":"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"}
+{"version":3,"file":"sd-component-library102.js","sources":["../src/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearNumericGaugeMeterProps as Props } from \"./interfaces\";\nimport { isMatchingRange } from \"./utils\";\n\nexport const LinearNumericGaugeMeter: React.FC<Props> = ({\n  gap = 3,\n  segmentHeight = 8,\n  value,\n  options,\n  labelGap = 12,\n  defaultColor = \"cl_lightGrey\",\n  defaultMatchedColor,\n  cursor = \"default\",\n  labelProps,\n}) => {\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={options\n        .map(({ start, end }) => `${end - start}fr`)\n        .join(\" \")}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color = isMatchingRange(option, value)\n          ? option.labelColor ?? defaultMatchedColor\n          : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.start}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n};\n"],"names":["LinearNumericGaugeMeter","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","start","end","option","idx","color","isMatchingRange","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;;AAUO,MAAMA,IAA2C,CAAC;AAAA,EACvD,KAAAC,IAAM;AAAA,EACN,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,qBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,KAAK,GAAGV,CAAG;AAAA,IACX,qBAAqBG,EAClB,IAAI,CAAC,EAAE,OAAAQ,GAAO,KAAAC,EAAU,MAAA,GAAGA,IAAMD,CAAK,IAAI,EAC1C,KAAK,GAAG;AAAA,IACX,IAAI,EAAE,QAAAJ,EAAO;AAAA,IAEZ,UAAQJ,EAAA,IAAI,CAACU,GAAQC,MAAQ;AAC5B,YAAMC,IAAQC,EAAgBH,GAAQX,CAAK,IACvCW,EAAO,cAAcP,IACrBD;AAEJ,aACGY,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGd,CAAQ,MACpB,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,eAAAd;AAAA,YACA,KAAAa;AAAA,YACA,OAAOX,EAAQ;AAAA,UAAA;AAAA,QACjB;AAAA,QAEAM,gBAAAA,EAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMP,EAAO;AAAA,YACb,OAAAE;AAAA,YACC,GAAGP;AAAA,UAAA;AAAA,QACN;AAAA,MAZ+B,EAAA,GAAA,GAAGK,EAAO,KAAK,EAahD;AAAA,IAAA,CAEH;AAAA,EAAA;AAAA;"}