@selfdecode/sd-component-library 4.0.96 → 4.0.97

package/lib/sd-component-library225.js

@@ -1,21 +1,55 @@
 import { j as o } from "./sd-component-library197.js";
-import { Box as e } from "rebass";
-const m = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  e,
-  {
-    sx: {
-      bg: r,
-      ...i,
-      ...t
-    },
-    "data-test": "divider"
-  }
-);
+import n from "react";
+import { Box as t } from "rebass";
+import { HorizontalDivider as i } from "./sd-component-library49.js";
+import { SearchAutocompleteRow as a } from "./sd-component-library314.js";
+const g = (l) => {
+  const { results: p, onSelect: s, rowHeight: e, rowsDisplayed: x } = l, c = (r) => () => s(r);
+  return /* @__PURE__ */ o.jsxs(
+    t,
+    {
+      sx: {
+        top: "calc(100% - 2px)",
+        left: 0,
+        position: "absolute",
+        width: "100%",
+        cursor: "pointer",
+        zIndex: 1
+      },
+      children: [
+        /* @__PURE__ */ o.jsx(i, { color: "cl_purple", height: "2px" }),
+        /* @__PURE__ */ o.jsx(
+          t,
+          {
+            sx: {
+              overflowY: "auto",
+              maxHeight: `${x * (e + 1) - 1}px`,
+              borderWidth: "1px",
+              borderStyle: "solid",
+              borderColor: "cl_lightGrey",
+              borderRadius: "0 0 3px 3px",
+              borderTopStyle: "none",
+              boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+              bg: "cl_white"
+            },
+            children: p.map((r, d) => /* @__PURE__ */ o.jsxs(n.Fragment, { children: [
+              d !== 0 && /* @__PURE__ */ o.jsx(i, { color: "cl_headerLine" }),
+              /* @__PURE__ */ o.jsx(
+                a,
+                {
+                  ...r,
+                  onClick: c(r),
+                  height: e
+                }
+              )
+            ] }, r.id))
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  m as Divider
+  g as SearchAutocompleteResultsBox
 };
 //# sourceMappingURL=sd-component-library225.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library225.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box"],"mappings":";;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library225.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { SearchAutocompleteOption } from \"../../interfaces\";\nimport { SearchAutocompleteRow } from \"../search-autocomplete-row\";\nimport { SearchAutocompleteResultsBoxProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteResultsBox = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { results, onSelect, rowHeight, rowsDisplayed } = props;\n\n  const onClick = (result: SearchAutocompleteOption<T>) => () =>\n    onSelect(result);\n\n  return (\n    <Box\n      sx={{\n        top: \"calc(100% - 2px)\",\n        left: 0,\n        position: \"absolute\",\n        width: \"100%\",\n        cursor: \"pointer\",\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          overflowY: \"auto\",\n          maxHeight: `${rowsDisplayed * (rowHeight + 1) - 1}px`,\n          borderWidth: \"1px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"0 0 3px 3px\",\n          borderTopStyle: \"none\",\n          boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n          bg: \"cl_white\",\n        }}\n      >\n        {results.map((result, idx) => (\n          <React.Fragment key={result.id}>\n            {idx !== 0 && <HorizontalDivider color=\"cl_headerLine\" />}\n\n            <SearchAutocompleteRow\n              {...result}\n              onClick={onClick(result)}\n              height={rowHeight}\n            />\n          </React.Fragment>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SearchAutocompleteResultsBox","props","results","onSelect","rowHeight","rowsDisplayed","onClick","result","jsxs","Box","jsx","HorizontalDivider","idx","React","SearchAutocompleteRow"],"mappings":";;;;;AASa,MAAAA,IAA+B,CAG1CC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,eAAAC,MAAkBJ,GAElDK,IAAU,CAACC,MAAwC,MACvDJ,EAASI,CAAM;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW;AAAA,cACX,WAAW,GAAGJ,KAAiBD,IAAY,KAAK,CAAC;AAAA,cACjD,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,WAAW;AAAA,cACX,IAAI;AAAA,YACN;AAAA,YAEC,UAAAF,EAAQ,IAAI,CAACK,GAAQK,MACnBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,cAAAD,MAAQ,KAAKF,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,iBAAgB;AAAA,cAEvDD,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGP;AAAA,kBACJ,SAASD,EAAQC,CAAM;AAAA,kBACvB,QAAQH;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,KAPmBG,EAAO,EAQ5B,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library226.js

@@ -1,24 +1,49 @@
-import { j as e } from "./sd-component-library197.js";
-import { Box as t } from "rebass";
-import { TwentyFourBold as s } from "./sd-component-library162.js";
-import { MaxMaxContainer as c } from "./sd-component-library41.js";
-const b = (o) => {
+import { j as r } from "./sd-component-library197.js";
+import { Flex as c } from "rebass";
+import { BaseTextV2 as m } from "./sd-component-library139.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library151.js";
+const u = (t) => {
   const {
-    title: i,
-    renderNegativeOption: a,
-    renderPositiveOption: n,
-    onPositiveFeedback: r,
-    onNegativeFeedback: d
-  } = o;
-  return /* @__PURE__ */ e.jsxs(t, { "data-testid": "base-boolean-feedback", children: [
-    /* @__PURE__ */ e.jsx(s, { "data-testid": "feedback-title", children: i }),
-    /* @__PURE__ */ e.jsxs(c, { mt: ["20px"], gap: ["20px"], children: [
-      /* @__PURE__ */ e.jsx(t, { "data-testid": "positive-option-container", children: n(r) }),
-      /* @__PURE__ */ e.jsx(t, { "data-testid": "negative-option-container", children: a(d) })
-    ] })
-  ] });
+    label: o,
+    errorMessage: l,
+    labelMargin: s,
+    secondLabel: e,
+    secondLabelTextTransform: n,
+    labelSx: a,
+    labelColor: i = "cl_darkGrey",
+    ...x
+  } = t;
+  return o ? /* @__PURE__ */ r.jsxs(c, { sx: { cursor: "default" }, ...x, children: [
+    /* @__PURE__ */ r.jsx(
+      m,
+      {
+        color: l ? "cl_red" : i,
+        sx: {
+          fontSize: 12,
+          fontWeight: 600,
+          m: s,
+          letterSpacing: "1px",
+          textTransform: "uppercase",
+          ...a
+        },
+        children: o
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(
+      p,
+      {
+        letterSpacing: "1px",
+        ml: e.ml || "3px",
+        color: e.color || "cl_grey",
+        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
+        textTransform: n,
+        ...e,
+        children: e.text
+      }
+    )
+  ] }) : null;
 };
 export {
-  b as BaseBooleanFeedback
+  u as SecondaryInputLabels
 };
 //# sourceMappingURL=sd-component-library226.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library226.js","sources":["../src/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../containers\";\nimport { TwentyFourBold } from \"../../texts\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps> = (\n  props\n) => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n  } = props;\n\n  return (\n    <Box data-testid=\"base-boolean-feedback\">\n      <TwentyFourBold data-testid=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-testid=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-testid=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;AAWa,MAAAA,IAA0D,CACrEC,MACG;AACG,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAL;AAGF,SAAAM,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,yBACf,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,eAAY,kBAAkB,UAAMR,GAAA;AAAA,IACpDK,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,eAAY,6BACd,UAAAJ,EAAqBC,CAAkB,GAC1C;AAAA,4BACCG,GAAI,EAAA,eAAY,6BACd,UAAAL,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library226.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n    ...restOfProps\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }} {...restOfProps}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","restOfProps","jsxs","Flex","jsx","BaseTextV2","ResponsiveTextV2"],"mappings":";;;;AAOa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EACD,IAAAR;AAEJ,SAAKC,IAGHQ,gBAAAA,EAAA,KAACC,KAAK,IAAI,EAAE,QAAQ,UAAU,GAAI,GAAGF,GACnC,UAAA;AAAA,IAAAG,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOV,IAAe,WAAWK;AAAA,QACjC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,GAAGJ;AAAA,UACH,eAAe;AAAA,UACf,eAAe;AAAA,UACf,GAAGG;AAAA,QACL;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAECG,KACCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIT,EAAY,MAAM;AAAA,QACtB,OAAOA,EAAY,SAAS;AAAA,QAC5B,gBAAgBA,EAAY,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,QAChE,eAAeC;AAAA,QACd,GAAGD;AAAA,QAEH,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}

package/lib/sd-component-library227.js

@@ -1,6 +1,20 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M21,13.5v-6A4.5,4.5,0,0,0,16.5,3l-6,13.5V33H27.42a3,3,0,0,0,3-2.55l2.07-13.5a3,3,0,0,0-3-3.45ZM10.5,33H6a3,3,0,0,1-3-3V19.5a3,3,0,0,1,3-3h4.5", transform: "translate(-1.5 -1.5)" }));
+import { j as o } from "./sd-component-library197.js";
+import { Label as s } from "@rebass/forms";
+const l = ({
+  variant: a,
+  label: t,
+  ...e
+}) => /* @__PURE__ */ o.jsx(
+  s,
+  {
+    "data-testid": "base-label",
+    ...e,
+    sx: { fontFamily: "proxima-nova" },
+    variant: `_labels.${a}`,
+    children: t
+  }
+);
 export {
-  e as ReactComponent
+  l as BaseLabel
 };
 //# sourceMappingURL=sd-component-library227.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library227.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMjEsMTMuNXYtNkE0LjUsNC41LDAsMCwwLDE2LjUsM2wtNiwxMy41VjMzSDI3LjQyYTMsMywwLDAsMCwzLTIuNTVsMi4wNy0xMy41YTMsMywwLDAsMC0zLTMuNDVaTTEwLjUsMzNINmEzLDMsMCwwLDEtMy0zVjE5LjVhMywzLDAsMCwxLDMtM2g0LjUiCiAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS41KSIgLz4KPC9zdmc+Cg==\""],"names":["SvgThumbsUp","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,iJAAiJ,WAAW,wBAAwB,CAAC;"}
+{"version":3,"file":"sd-component-library227.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel: React.FC<BaseLabelProps> = ({\n  variant,\n  label,\n  ...props\n}) => (\n  <Label\n    data-testid=\"base-label\"\n    {...props}\n    sx={{ fontFamily: \"proxima-nova\" }}\n    variant={`_labels.${variant}`}\n  >\n    {label}\n  </Label>\n);\n"],"names":["BaseLabel","variant","label","props","jsx","Label"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACX,GAAGF;AAAA,IACJ,IAAI,EAAE,YAAY,eAAe;AAAA,IACjC,SAAS,WAAWF,CAAO;AAAA,IAE1B,UAAAC;AAAA,EAAA;AACH;"}

package/lib/sd-component-library228.js

@@ -1,6 +1,29 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5", transform: "translate(-1.493 -1.5)" }));
+import { j as n } from "./sd-component-library197.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library151.js";
+const c = (t) => {
+  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
+  return /* @__PURE__ */ n.jsx(
+    p,
+    {
+      fontSizeWeight: [[16, "regular"]],
+      sx: {
+        display: "flex",
+        justifyContent: "end",
+        px: r,
+        py: i,
+        cursor: "pointer",
+        textTransform: "capitalize",
+        opacity: 0.7,
+        ":hover": {
+          opacity: 1
+        }
+      },
+      onClick: e,
+      children: o
+    }
+  );
+};
 export {
-  e as ReactComponent
+  c as ActionBox
 };
 //# sourceMappingURL=sd-component-library228.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library228.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTQuNTI0LDIyLjV2NmE0LjUsNC41LDAsMCwwLDQuNSw0LjVsNi0xMy41VjNIOC4xYTMsMywwLDAsMC0zLDIuNTVsLTIuMDcsMTMuNWEzLDMsMCwwLDAsMywzLjQ1Wk0yNS4wMjQsM2g0LjVhMywzLDAsMCwxLDMsM1YxNi41YTMsMywwLDAsMS0zLDNoLTQuNSIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40OTMgLTEuNSkiIC8+Cjwvc3ZnPgo=\""],"names":["SvgThumbsDown","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,sJAAsJ,WAAW,0BAA0B,CAAC;"}
+{"version":3,"file":"sd-component-library228.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library229.js

@@ -1,29 +1,6 @@
-import { j as n } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library151.js";
-const c = (t) => {
-  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
-  return /* @__PURE__ */ n.jsx(
-    p,
-    {
-      fontSizeWeight: [[16, "regular"]],
-      sx: {
-        display: "flex",
-        justifyContent: "end",
-        px: r,
-        py: i,
-        cursor: "pointer",
-        textTransform: "capitalize",
-        opacity: 0.7,
-        ":hover": {
-          opacity: 1
-        }
-      },
-      onClick: e,
-      children: o
-    }
-  );
-};
+const t = 1, o = 13;
 export {
-  c as ActionBox
+  t as defaultPointerWidth,
+  o as defaultTextBottomMargin
 };
 //# sourceMappingURL=sd-component-library229.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library229.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library229.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/constants.ts"],"sourcesContent":["export const defaultPointerWidth = 1;\nexport const defaultTextBottomMargin = 13;\n"],"names":["defaultPointerWidth","defaultTextBottomMargin"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAA0B;"}

package/lib/sd-component-library23.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library197.js";
-import { LogoButton as e } from "./sd-component-library205.js";
-import { ReactComponent as r } from "./sd-component-library206.js";
+import { LogoButton as e } from "./sd-component-library207.js";
+import { ReactComponent as r } from "./sd-component-library208.js";
 const s = (t) => /* @__PURE__ */ o.jsx(
   e,
   {

package/lib/sd-component-library230.js

@@ -1,6 +1,34 @@
-const t = 1, o = 13;
+const e = 250, t = 220, s = 270, n = 10, a = 6, l = 4.5, o = 1.5, d = 18, c = 4, i = 6.5, r = 8, u = 40, f = 6, h = 1.5, m = 32, M = 20, g = 100, R = 14, W = 100, D = 100, k = 87, I = 3, N = 1.5, P = 4, S = 6, b = 3, B = 10, C = 18, F = 7, T = 100;
 export {
-  t as defaultPointerWidth,
-  o as defaultTextBottomMargin
+  s as defaultArc,
+  f as defaultDashHeight,
+  h as defaultDashWidth,
+  n as defaultDistanceBetweenRanges,
+  M as defaultDistanceFromLabelToRanges,
+  d as defaultDistanceFromRangesToNeedle,
+  m as defaultDistanceFromRangesToScale,
+  a as defaultGaugeWidth,
+  t as defaultHeight,
+  i as defaultInnerCircleRadius,
+  c as defaultInnerCircleStrokeWidth,
+  o as defaultInnerPointRadius,
+  W as defaultMaskBorderRadius,
+  r as defaultNeedleWidth,
+  u as defaultNumberOfDashes,
+  l as defaultPointStrokeWidth,
+  e as defaultWidth,
+  R as labelPaddingX,
+  g as labelWidth,
+  B as smallMeterDistanceBetweenRanges,
+  C as smallMeterDistanceFromRangesToNeedle,
+  P as smallMeterGaugeWidth,
+  k as smallMeterHeight,
+  S as smallMeterInnerCircleRadius,
+  b as smallMeterInnerCircleStrokeWidth,
+  T as smallMeterMaskBorderRadius,
+  F as smallMeterNeedleWidth,
+  N as smallMeterPointRadius,
+  I as smallMeterPointStrokeWidth,
+  D as smallMeterWidth
 };
 //# sourceMappingURL=sd-component-library230.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/constants.ts"],"sourcesContent":["export const defaultPointerWidth = 1;\nexport const defaultTextBottomMargin = 13;\n"],"names":["defaultPointerWidth","defaultTextBottomMargin"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAA0B;"}
+{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/outline-meter/contants.ts"],"sourcesContent":["/**\n * Default values for outline meters\n */\nexport const defaultWidth = 250;\nexport const defaultHeight = 220;\nexport const defaultArc = 270;\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultGaugeWidth = 6;\nexport const defaultPointStrokeWidth = 4.5;\nexport const defaultInnerPointRadius = 1.5;\nexport const defaultDistanceFromRangesToNeedle = 18;\nexport const defaultInnerCircleStrokeWidth = 4;\nexport const defaultInnerCircleRadius = 6.5;\nexport const defaultNeedleWidth = 8;\nexport const defaultNumberOfDashes = 40;\nexport const defaultDashHeight = 6;\nexport const defaultDashWidth = 1.5;\nexport const defaultDistanceFromRangesToScale = 32;\nexport const defaultDistanceFromLabelToRanges = 20;\nexport const labelWidth = 100;\nexport const labelPaddingX = 14;\nexport const defaultMaskBorderRadius = 100;\n\n/**\n * Small Outline meter default values\n */\nexport const smallMeterWidth = 100;\nexport const smallMeterHeight = 87;\nexport const smallMeterPointStrokeWidth = 3;\nexport const smallMeterPointRadius = 1.5;\nexport const smallMeterGaugeWidth = 4;\nexport const smallMeterInnerCircleRadius = 6;\nexport const smallMeterInnerCircleStrokeWidth = 3;\nexport const smallMeterDistanceBetweenRanges = 10;\nexport const smallMeterDistanceFromRangesToNeedle = 18;\nexport const smallMeterNeedleWidth = 7;\nexport const smallMeterMaskBorderRadius = 100;\n"],"names":["defaultWidth","defaultHeight","defaultArc","defaultDistanceBetweenRanges","defaultGaugeWidth","defaultPointStrokeWidth","defaultInnerPointRadius","defaultDistanceFromRangesToNeedle","defaultInnerCircleStrokeWidth","defaultInnerCircleRadius","defaultNeedleWidth","defaultNumberOfDashes","defaultDashHeight","defaultDashWidth","defaultDistanceFromRangesToScale","defaultDistanceFromLabelToRanges","labelWidth","labelPaddingX","defaultMaskBorderRadius","smallMeterWidth","smallMeterHeight","smallMeterPointStrokeWidth","smallMeterPointRadius","smallMeterGaugeWidth","smallMeterInnerCircleRadius","smallMeterInnerCircleStrokeWidth","smallMeterDistanceBetweenRanges","smallMeterDistanceFromRangesToNeedle","smallMeterNeedleWidth","smallMeterMaskBorderRadius"],"mappings":"AAGO,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,KACbC,IAA+B,IAC/BC,IAAoB,GACpBC,IAA0B,KAC1BC,IAA0B,KAC1BC,IAAoC,IACpCC,IAAgC,GAChCC,IAA2B,KAC3BC,IAAqB,GACrBC,IAAwB,IACxBC,IAAoB,GACpBC,IAAmB,KACnBC,IAAmC,IACnCC,IAAmC,IACnCC,IAAa,KACbC,IAAgB,IAChBC,IAA0B,KAK1BC,IAAkB,KAClBC,IAAmB,IACnBC,IAA6B,GAC7BC,IAAwB,KACxBC,IAAuB,GACvBC,IAA8B,GAC9BC,IAAmC,GACnCC,IAAkC,IAClCC,IAAuC,IACvCC,IAAwB,GACxBC,IAA6B;"}

package/lib/sd-component-library231.js

@@ -1,34 +1,22 @@
-const e = 250, t = 220, s = 270, n = 10, a = 6, l = 4.5, o = 1.5, d = 18, c = 4, i = 6.5, r = 8, u = 40, f = 6, h = 1.5, m = 32, M = 20, g = 100, R = 14, W = 100, D = 100, k = 87, I = 3, N = 1.5, P = 4, S = 6, b = 3, B = 10, C = 18, F = 7, T = 100;
+import { j as t } from "./sd-component-library197.js";
+import { SmileyGaugeColor as e } from "./sd-component-library232.js";
+import { ReactComponent as o } from "./sd-component-library295.js";
+import { ReactComponent as m } from "./sd-component-library296.js";
+import { ReactComponent as i } from "./sd-component-library297.js";
+const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
+  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
+  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
+  [e.RED, /* @__PURE__ */ t.jsx(i, {})]
+]);
 export {
-  s as defaultArc,
-  f as defaultDashHeight,
-  h as defaultDashWidth,
-  n as defaultDistanceBetweenRanges,
-  M as defaultDistanceFromLabelToRanges,
-  d as defaultDistanceFromRangesToNeedle,
-  m as defaultDistanceFromRangesToScale,
-  a as defaultGaugeWidth,
-  t as defaultHeight,
-  i as defaultInnerCircleRadius,
-  c as defaultInnerCircleStrokeWidth,
-  o as defaultInnerPointRadius,
-  W as defaultMaskBorderRadius,
-  r as defaultNeedleWidth,
-  u as defaultNumberOfDashes,
-  l as defaultPointStrokeWidth,
-  e as defaultWidth,
-  R as labelPaddingX,
-  g as labelWidth,
-  B as smallMeterDistanceBetweenRanges,
-  C as smallMeterDistanceFromRangesToNeedle,
-  P as smallMeterGaugeWidth,
-  k as smallMeterHeight,
-  S as smallMeterInnerCircleRadius,
-  b as smallMeterInnerCircleStrokeWidth,
-  T as smallMeterMaskBorderRadius,
-  F as smallMeterNeedleWidth,
-  N as smallMeterPointRadius,
-  I as smallMeterPointStrokeWidth,
-  D as smallMeterWidth
+  u as COLOR_TO_ICON_MAP,
+  S as defaultDistanceBetweenRanges,
+  c as defaultSmileyWidth,
+  g as smallSmileyGaugeWidth,
+  f as smallSmileyInnerPointRadius,
+  d as smallSmileyInnerPointStrokeWidth,
+  y as smallSmileyMeterHeight,
+  p as smallSmileyMeterWidth,
+  R as smallSmileyWidth
 };
 //# sourceMappingURL=sd-component-library231.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/outline-meter/contants.ts"],"sourcesContent":["/**\n * Default values for outline meters\n */\nexport const defaultWidth = 250;\nexport const defaultHeight = 220;\nexport const defaultArc = 270;\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultGaugeWidth = 6;\nexport const defaultPointStrokeWidth = 4.5;\nexport const defaultInnerPointRadius = 1.5;\nexport const defaultDistanceFromRangesToNeedle = 18;\nexport const defaultInnerCircleStrokeWidth = 4;\nexport const defaultInnerCircleRadius = 6.5;\nexport const defaultNeedleWidth = 8;\nexport const defaultNumberOfDashes = 40;\nexport const defaultDashHeight = 6;\nexport const defaultDashWidth = 1.5;\nexport const defaultDistanceFromRangesToScale = 32;\nexport const defaultDistanceFromLabelToRanges = 20;\nexport const labelWidth = 100;\nexport const labelPaddingX = 14;\nexport const defaultMaskBorderRadius = 100;\n\n/**\n * Small Outline meter default values\n */\nexport const smallMeterWidth = 100;\nexport const smallMeterHeight = 87;\nexport const smallMeterPointStrokeWidth = 3;\nexport const smallMeterPointRadius = 1.5;\nexport const smallMeterGaugeWidth = 4;\nexport const smallMeterInnerCircleRadius = 6;\nexport const smallMeterInnerCircleStrokeWidth = 3;\nexport const smallMeterDistanceBetweenRanges = 10;\nexport const smallMeterDistanceFromRangesToNeedle = 18;\nexport const smallMeterNeedleWidth = 7;\nexport const smallMeterMaskBorderRadius = 100;\n"],"names":["defaultWidth","defaultHeight","defaultArc","defaultDistanceBetweenRanges","defaultGaugeWidth","defaultPointStrokeWidth","defaultInnerPointRadius","defaultDistanceFromRangesToNeedle","defaultInnerCircleStrokeWidth","defaultInnerCircleRadius","defaultNeedleWidth","defaultNumberOfDashes","defaultDashHeight","defaultDashWidth","defaultDistanceFromRangesToScale","defaultDistanceFromLabelToRanges","labelWidth","labelPaddingX","defaultMaskBorderRadius","smallMeterWidth","smallMeterHeight","smallMeterPointStrokeWidth","smallMeterPointRadius","smallMeterGaugeWidth","smallMeterInnerCircleRadius","smallMeterInnerCircleStrokeWidth","smallMeterDistanceBetweenRanges","smallMeterDistanceFromRangesToNeedle","smallMeterNeedleWidth","smallMeterMaskBorderRadius"],"mappings":"AAGO,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,KACbC,IAA+B,IAC/BC,IAAoB,GACpBC,IAA0B,KAC1BC,IAA0B,KAC1BC,IAAoC,IACpCC,IAAgC,GAChCC,IAA2B,KAC3BC,IAAqB,GACrBC,IAAwB,IACxBC,IAAoB,GACpBC,IAAmB,KACnBC,IAAmC,IACnCC,IAAmC,IACnCC,IAAa,KACbC,IAAgB,IAChBC,IAA0B,KAK1BC,IAAkB,KAClBC,IAAmB,IACnBC,IAA6B,GAC7BC,IAAwB,KACxBC,IAAuB,GACvBC,IAA8B,GAC9BC,IAAmC,GACnCC,IAAkC,IAClCC,IAAuC,IACvCC,IAAwB,GACxBC,IAA6B;"}
+{"version":3,"file":"sd-component-library231.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n  [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n  [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n  [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}

package/lib/sd-component-library232.js

@@ -1,22 +1,23 @@
-import { j as t } from "./sd-component-library197.js";
-import { SmileyGaugeColor as e } from "./sd-component-library233.js";
-import { ReactComponent as o } from "./sd-component-library296.js";
-import { ReactComponent as m } from "./sd-component-library297.js";
-import { ReactComponent as i } from "./sd-component-library298.js";
-const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
-  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
-  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
-  [e.RED, /* @__PURE__ */ t.jsx(i, {})]
-]);
+import { isCorrectOutlineMeterConfig as l } from "./sd-component-library92.js";
+var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
+const u = (r) => !r.some(
+  ({ color: t }) => !Object.values(a).includes(t)
+), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
+  const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
+  return {
+    rangeArcStart: e,
+    rangeArcEnd: s,
+    rangeArcMiddle: g
+  };
+}, R = (r) => {
+  const { start: t, end: n } = r;
+  return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
+};
 export {
-  u as COLOR_TO_ICON_MAP,
-  S as defaultDistanceBetweenRanges,
-  c as defaultSmileyWidth,
-  g as smallSmileyGaugeWidth,
-  f as smallSmileyInnerPointRadius,
-  d as smallSmileyInnerPointStrokeWidth,
-  y as smallSmileyMeterHeight,
-  p as smallSmileyMeterWidth,
-  R as smallSmileyWidth
+  a as SmileyGaugeColor,
+  u as areColorsValid,
+  R as getIsHorizontal,
+  A as getRangeProperties,
+  f as isCorrectSmileyMeterConfig
 };
 //# sourceMappingURL=sd-component-library232.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n  [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n  [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n  [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}
+{"version":3,"file":"sd-component-library232.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n  GREEN = \"#00B466\",\n  ORANGE = \"#FF9900\",\n  RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n  !ranges.some(\n    ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n  );\n\nexport const isCorrectSmileyMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n  return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number,\n  start: number,\n  end: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n  const arcStart = (360 - arc) / 2; // deg\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n  return {\n    rangeArcStart,\n    rangeArcEnd,\n    rangeArcMiddle,\n  };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n  const { start, end } = range;\n  return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}

package/lib/sd-component-library233.js

@@ -1,23 +1,31 @@
-import { isCorrectOutlineMeterConfig as l } from "./sd-component-library92.js";
-var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
-const u = (r) => !r.some(
-  ({ color: t }) => !Object.values(a).includes(t)
-), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
-  const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
-  return {
-    rangeArcStart: e,
-    rangeArcEnd: s,
-    rangeArcMiddle: g
-  };
-}, R = (r) => {
-  const { start: t, end: n } = r;
-  return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
-};
+import { j as a } from "./sd-component-library197.js";
+import R, { createElement as g } from "react";
+import { isValueInRange as f } from "./sd-component-library92.js";
+import { SmileyMeterRange as d } from "./sd-component-library316.js";
+const j = R.forwardRef(
+  (r, m) => {
+    const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
+      ({ start: e, end: t, bounds: l }) => f(s, e, t, l)
+    ), i = n.map((e, t) => ({
+      ...e,
+      color: t < o ? n[o].color : e.color
+    }));
+    return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
+      d,
+      {
+        ...e,
+        ...r,
+        idx: t,
+        totalRanges: n.length,
+        pointerLength: c,
+        key: `${e.start}-${e.end}-${t}`,
+        isMatchedRange: o === t,
+        ref: m
+      }
+    )) });
+  }
+);
 export {
-  a as SmileyGaugeColor,
-  u as areColorsValid,
-  R as getIsHorizontal,
-  A as getRangeProperties,
-  f as isCorrectSmileyMeterConfig
+  j as SmileyMeterRanges
 };
 //# sourceMappingURL=sd-component-library233.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n  GREEN = \"#00B466\",\n  ORANGE = \"#FF9900\",\n  RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n  !ranges.some(\n    ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n  );\n\nexport const isCorrectSmileyMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n  return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number,\n  start: number,\n  end: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n  const arcStart = (360 - arc) / 2; // deg\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n  return {\n    rangeArcStart,\n    rangeArcEnd,\n    rangeArcMiddle,\n  };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n  const { start, end } = range;\n  return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}
+{"version":3,"file":"sd-component-library233.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../../outline-meter/utils\";\nimport { SmileyMeterRange } from \"../smiley-meter-range\";\nimport { SmileyMeterRangesProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRanges = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const { value, ranges, distanceFromRanges } = props;\n\n    const matchingRangeIndex = ranges.findIndex(({ start, end, bounds }) =>\n      isValueInRange(value, start, end, bounds)\n    );\n    const newRanges = ranges.map((range, idx) => ({\n      ...range,\n      color:\n        idx < matchingRangeIndex\n          ? ranges[matchingRangeIndex].color\n          : range.color,\n    }));\n\n    return (\n      <>\n        {newRanges.map((range, idx) => (\n          <SmileyMeterRange\n            {...range}\n            {...props}\n            idx={idx}\n            totalRanges={ranges.length}\n            pointerLength={distanceFromRanges}\n            key={`${range.start}-${range.end}-${idx}`}\n            isMatchedRange={matchingRangeIndex === idx}\n            ref={pointRef}\n          />\n        ))}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRanges","React","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","start","end","bounds","isValueInRange","newRanges","range","idx","jsx","Fragment","createElement","SmileyMeterRange"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAa;AACnB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBJ,GAExCK,IAAqBF,EAAO;AAAA,MAAU,CAAC,EAAE,OAAAG,GAAO,KAAAC,GAAK,QAAAC,QACzDC,EAAeP,GAAOI,GAAOC,GAAKC,CAAM;AAAA,IAAA,GAEpCE,IAAYP,EAAO,IAAI,CAACQ,GAAOC,OAAS;AAAA,MAC5C,GAAGD;AAAA,MACH,OACEC,IAAMP,IACFF,EAAOE,CAAkB,EAAE,QAC3BM,EAAM;AAAA,IACZ,EAAA;AAEF,WAEKE,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAJ,EAAU,IAAI,CAACC,GAAOC,MACrB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACH,GAAGX;AAAA,QACJ,KAAAY;AAAA,QACA,aAAaT,EAAO;AAAA,QACpB,eAAeC;AAAA,QACf,KAAK,GAAGO,EAAM,KAAK,IAAIA,EAAM,GAAG,IAAIC,CAAG;AAAA,QACvC,gBAAgBP,MAAuBO;AAAA,QACvC,KAAKX;AAAA,MAAA;AAAA,IAER,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}