@selfdecode/sd-component-library 4.0.138 → 4.0.140
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/buttons/button/interfaces.d.ts +1 -0
- package/lib/sd-component-library100.js +2 -2
- package/lib/sd-component-library101.js +3 -3
- package/lib/sd-component-library102.js +2 -2
- package/lib/sd-component-library106.js +2 -2
- package/lib/sd-component-library112.js +1 -1
- package/lib/sd-component-library117.js +1 -1
- package/lib/sd-component-library118.js +2 -2
- package/lib/sd-component-library120.js +1 -1
- package/lib/sd-component-library121.js +1 -1
- package/lib/sd-component-library126.js +2 -2
- package/lib/sd-component-library127.js +2 -2
- package/lib/sd-component-library129.js +1 -1
- package/lib/sd-component-library130.js +15 -14
- package/lib/sd-component-library130.js.map +1 -1
- package/lib/sd-component-library133.js +3 -3
- package/lib/sd-component-library134.js +1 -1
- package/lib/sd-component-library136.js +2 -2
- package/lib/sd-component-library16.js +1 -1
- package/lib/sd-component-library167.js +1 -1
- package/lib/sd-component-library168.js +1 -1
- package/lib/sd-component-library171.js +1 -1
- package/lib/sd-component-library172.js +4 -4
- package/lib/sd-component-library202.js +1 -1
- package/lib/sd-component-library203.js +1 -1
- package/lib/sd-component-library204.js +26 -3
- package/lib/sd-component-library204.js.map +1 -1
- package/lib/sd-component-library205.js +3 -57
- package/lib/sd-component-library205.js.map +1 -1
- package/lib/sd-component-library206.js +17 -25
- package/lib/sd-component-library206.js.map +1 -1
- package/lib/sd-component-library207.js +21 -18
- package/lib/sd-component-library207.js.map +1 -1
- package/lib/sd-component-library208.js +3 -64
- package/lib/sd-component-library208.js.map +1 -1
- package/lib/sd-component-library209.js +3 -23
- package/lib/sd-component-library209.js.map +1 -1
- package/lib/sd-component-library210.js +55 -31
- package/lib/sd-component-library210.js.map +1 -1
- package/lib/sd-component-library211.js +21 -127
- package/lib/sd-component-library211.js.map +1 -1
- package/lib/sd-component-library212.js +57 -13
- package/lib/sd-component-library212.js.map +1 -1
- package/lib/sd-component-library213.js +40 -14
- package/lib/sd-component-library213.js.map +1 -1
- package/lib/sd-component-library214.js +129 -3
- package/lib/sd-component-library214.js.map +1 -1
- package/lib/sd-component-library215.js +13 -3
- package/lib/sd-component-library215.js.map +1 -1
- package/lib/sd-component-library216.js +3 -65
- package/lib/sd-component-library216.js.map +1 -1
- package/lib/sd-component-library217.js +52 -3
- package/lib/sd-component-library217.js.map +1 -1
- package/lib/sd-component-library218.js +14 -3
- package/lib/sd-component-library218.js.map +1 -1
- package/lib/sd-component-library219.js +3 -52
- package/lib/sd-component-library219.js.map +1 -1
- package/lib/sd-component-library220.js +3 -46
- package/lib/sd-component-library220.js.map +1 -1
- package/lib/sd-component-library221.js +46 -17
- package/lib/sd-component-library221.js.map +1 -1
- package/lib/sd-component-library222.js +64 -20
- package/lib/sd-component-library222.js.map +1 -1
- package/lib/sd-component-library223.js +2 -2
- package/lib/sd-component-library223.js.map +1 -1
- package/lib/sd-component-library224.js +17 -3
- package/lib/sd-component-library224.js.map +1 -1
- package/lib/sd-component-library225.js +3 -26
- package/lib/sd-component-library225.js.map +1 -1
- package/lib/sd-component-library226.js +31 -3
- package/lib/sd-component-library226.js.map +1 -1
- package/lib/sd-component-library227.js +19 -31
- package/lib/sd-component-library227.js.map +1 -1
- package/lib/sd-component-library228.js +20 -19
- package/lib/sd-component-library228.js.map +1 -1
- package/lib/sd-component-library229.js +28 -20
- package/lib/sd-component-library229.js.map +1 -1
- package/lib/sd-component-library230.js +32 -27
- package/lib/sd-component-library230.js.map +1 -1
- package/lib/sd-component-library231.js +3 -33
- package/lib/sd-component-library231.js.map +1 -1
- package/lib/sd-component-library232.js +129 -3
- package/lib/sd-component-library232.js.map +1 -1
- package/lib/sd-component-library233.js +43 -129
- package/lib/sd-component-library233.js.map +1 -1
- package/lib/sd-component-library234.js +45 -41
- package/lib/sd-component-library234.js.map +1 -1
- package/lib/sd-component-library235.js +7 -46
- package/lib/sd-component-library235.js.map +1 -1
- package/lib/sd-component-library236.js +64 -8
- package/lib/sd-component-library236.js.map +1 -1
- package/lib/sd-component-library237.js +41 -62
- package/lib/sd-component-library237.js.map +1 -1
- package/lib/sd-component-library238.js +13 -43
- package/lib/sd-component-library238.js.map +1 -1
- package/lib/sd-component-library239.js +47 -12
- package/lib/sd-component-library239.js.map +1 -1
- package/lib/sd-component-library24.js +88 -87
- package/lib/sd-component-library24.js.map +1 -1
- package/lib/sd-component-library240.js +75 -21
- package/lib/sd-component-library240.js.map +1 -1
- package/lib/sd-component-library241.js +35 -103
- package/lib/sd-component-library241.js.map +1 -1
- package/lib/sd-component-library242.js +27 -47
- package/lib/sd-component-library242.js.map +1 -1
- package/lib/sd-component-library243.js +21 -24
- package/lib/sd-component-library243.js.map +1 -1
- package/lib/sd-component-library244.js +103 -47
- package/lib/sd-component-library244.js.map +1 -1
- package/lib/sd-component-library245.js +45 -46
- package/lib/sd-component-library245.js.map +1 -1
- package/lib/sd-component-library246.js +23 -74
- package/lib/sd-component-library246.js.map +1 -1
- package/lib/sd-component-library247.js +52 -40
- package/lib/sd-component-library247.js.map +1 -1
- package/lib/sd-component-library248.js +21 -27
- package/lib/sd-component-library248.js.map +1 -1
- package/lib/sd-component-library249.js +19 -20
- package/lib/sd-component-library249.js.map +1 -1
- package/lib/sd-component-library250.js +2 -20
- package/lib/sd-component-library250.js.map +1 -1
- package/lib/sd-component-library251.js +325 -2
- package/lib/sd-component-library251.js.map +1 -1
- package/lib/sd-component-library252.js +5 -325
- package/lib/sd-component-library252.js.map +1 -1
- package/lib/sd-component-library253.js +26 -5
- package/lib/sd-component-library253.js.map +1 -1
- package/lib/sd-component-library258.js +127 -18
- package/lib/sd-component-library258.js.map +1 -1
- package/lib/sd-component-library259.js +26 -18
- package/lib/sd-component-library259.js.map +1 -1
- package/lib/sd-component-library260.js +51 -30
- package/lib/sd-component-library260.js.map +1 -1
- package/lib/sd-component-library261.js +62 -39
- package/lib/sd-component-library261.js.map +1 -1
- package/lib/sd-component-library262.js +62 -120
- package/lib/sd-component-library262.js.map +1 -1
- package/lib/sd-component-library263.js +9 -74
- package/lib/sd-component-library263.js.map +1 -1
- package/lib/sd-component-library264.js +47 -72
- package/lib/sd-component-library264.js.map +1 -1
- package/lib/sd-component-library265.js +85 -25
- package/lib/sd-component-library265.js.map +1 -1
- package/lib/sd-component-library266.js +90 -19
- package/lib/sd-component-library266.js.map +1 -1
- package/lib/sd-component-library267.js +25 -120
- package/lib/sd-component-library267.js.map +1 -1
- package/lib/sd-component-library268.js +16 -117
- package/lib/sd-component-library268.js.map +1 -1
- package/lib/sd-component-library269.js +125 -10
- package/lib/sd-component-library269.js.map +1 -1
- package/lib/sd-component-library270.js +9 -49
- package/lib/sd-component-library270.js.map +1 -1
- package/lib/sd-component-library271.js +49 -8
- package/lib/sd-component-library271.js.map +1 -1
- package/lib/sd-component-library272.js +117 -46
- package/lib/sd-component-library272.js.map +1 -1
- package/lib/sd-component-library273.js +2 -90
- package/lib/sd-component-library273.js.map +1 -1
- package/lib/sd-component-library274.js +2 -92
- package/lib/sd-component-library274.js.map +1 -1
- package/lib/sd-component-library275.js +25 -2
- package/lib/sd-component-library275.js.map +1 -1
- package/lib/sd-component-library276.js +22 -2
- package/lib/sd-component-library276.js.map +1 -1
- package/lib/sd-component-library279.js +10 -70
- package/lib/sd-component-library279.js.map +1 -1
- package/lib/sd-component-library280.js +69 -101
- package/lib/sd-component-library280.js.map +1 -1
- package/lib/sd-component-library281.js +91 -95
- package/lib/sd-component-library281.js.map +1 -1
- package/lib/sd-component-library282.js +106 -10
- package/lib/sd-component-library282.js.map +1 -1
- package/lib/sd-component-library286.js +4 -4
- package/lib/sd-component-library287.js +3 -2
- package/lib/sd-component-library287.js.map +1 -1
- package/lib/sd-component-library288.js +3 -8
- package/lib/sd-component-library288.js.map +1 -1
- package/lib/sd-component-library289.js +3 -328
- package/lib/sd-component-library289.js.map +1 -1
- package/lib/sd-component-library290.js +2 -51
- package/lib/sd-component-library290.js.map +1 -1
- package/lib/sd-component-library291.js +8 -3
- package/lib/sd-component-library291.js.map +1 -1
- package/lib/sd-component-library292.js +328 -3
- package/lib/sd-component-library292.js.map +1 -1
- package/lib/sd-component-library293.js +51 -3
- package/lib/sd-component-library293.js.map +1 -1
- package/lib/sd-component-library311.js +89 -47
- package/lib/sd-component-library311.js.map +1 -1
- package/lib/sd-component-library312.js +47 -89
- package/lib/sd-component-library312.js.map +1 -1
- package/lib/sd-component-library313.js +33 -23
- package/lib/sd-component-library313.js.map +1 -1
- package/lib/sd-component-library314.js +23 -33
- package/lib/sd-component-library314.js.map +1 -1
- package/lib/sd-component-library318.js +1 -1
- package/lib/sd-component-library48.js +1 -1
- package/lib/sd-component-library49.js +1 -1
- package/lib/sd-component-library51.js +3 -3
- package/lib/sd-component-library52.js +2 -2
- package/lib/sd-component-library53.js +2 -2
- package/lib/sd-component-library6.js +1 -1
- package/lib/sd-component-library60.js +1 -1
- package/lib/sd-component-library62.js +3 -3
- package/lib/sd-component-library63.js +1 -1
- package/lib/sd-component-library64.js +2 -2
- package/lib/sd-component-library65.js +1 -1
- package/lib/sd-component-library7.js +1 -1
- package/lib/sd-component-library70.js +2 -2
- package/lib/sd-component-library72.js +3 -3
- package/lib/sd-component-library74.js +2 -2
- package/lib/sd-component-library75.js +3 -3
- package/lib/sd-component-library76.js +1 -1
- package/lib/sd-component-library77.js +1 -1
- package/lib/sd-component-library79.js +1 -1
- package/lib/sd-component-library80.js +1 -1
- package/lib/sd-component-library85.js +1 -1
- package/lib/sd-component-library86.js +6 -6
- package/lib/sd-component-library87.js +2 -2
- package/lib/sd-component-library88.js +1 -1
- package/lib/sd-component-library89.js +5 -5
- package/lib/sd-component-library90.js +1 -1
- package/lib/sd-component-library92.js +6 -6
- package/lib/sd-component-library93.js +1 -1
- package/lib/sd-component-library94.js +7 -7
- package/lib/sd-component-library95.js +1 -1
- package/lib/sd-component-library98.js +2 -2
- package/lib/sd-component-library99.js +3 -3
- package/package.json +1 -1
|
@@ -1,24 +1,68 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import { j as o } from "./sd-component-library197.js";
|
|
2
|
+
import d from "react";
|
|
3
|
+
import { Link as m } from "react-router-dom";
|
|
4
|
+
import { Box as n, Flex as f } from "rebass";
|
|
5
|
+
import { RegularText as h } from "./sd-component-library163.js";
|
|
6
|
+
import { PrimaryBadge as s } from "./sd-component-library9.js";
|
|
7
|
+
import { HorizontalDivider as c } from "./sd-component-library48.js";
|
|
8
|
+
const S = ({
|
|
9
|
+
searchResults: t,
|
|
10
|
+
useRouterLinks: i,
|
|
11
|
+
onResultClick: r
|
|
12
|
+
}) => /* @__PURE__ */ o.jsx(
|
|
13
|
+
n,
|
|
14
|
+
{
|
|
15
|
+
sx: {
|
|
16
|
+
position: "absolute",
|
|
17
|
+
top: "100%",
|
|
18
|
+
bg: "white",
|
|
19
|
+
width: "100%",
|
|
20
|
+
borderRadius: ["0", "0px 0px 3px 3px"],
|
|
21
|
+
borderWidth: "1px",
|
|
22
|
+
borderStyle: "solid",
|
|
23
|
+
borderTopStyle: "none",
|
|
24
|
+
borderColor: "#C8CCE5",
|
|
25
|
+
boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
|
|
26
|
+
},
|
|
27
|
+
children: t.map((e, p) => /* @__PURE__ */ o.jsxs(d.Fragment, { children: [
|
|
28
|
+
i ? /* @__PURE__ */ o.jsx(m, { to: e.url, style: { textDecoration: "none" }, children: /* @__PURE__ */ o.jsx(x, { ...e, onResultClick: r }) }) : /* @__PURE__ */ o.jsx(
|
|
29
|
+
x,
|
|
30
|
+
{
|
|
31
|
+
...e,
|
|
32
|
+
onResultClick: r,
|
|
33
|
+
onClick: () => window.location.href = `https://www.selfdecode.com${e.url}`
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
p + 1 !== t.length && /* @__PURE__ */ o.jsx(c, { color: "cl_lightGrey" })
|
|
37
|
+
] }, `${p}-${e.url}`))
|
|
38
|
+
}
|
|
39
|
+
), x = ({
|
|
40
|
+
onResultClick: t,
|
|
41
|
+
onClick: i,
|
|
42
|
+
...r
|
|
43
|
+
}) => {
|
|
44
|
+
const e = () => {
|
|
45
|
+
t == null || t(r), i == null || i();
|
|
46
|
+
};
|
|
47
|
+
return /* @__PURE__ */ o.jsxs(
|
|
48
|
+
f,
|
|
49
|
+
{
|
|
50
|
+
flexDirection: ["column-reverse", "row"],
|
|
51
|
+
justifyContent: "space-between",
|
|
52
|
+
sx: {
|
|
53
|
+
p: "10px 16px",
|
|
54
|
+
cursor: "pointer",
|
|
55
|
+
":hover": { bg: "#eff4ff" }
|
|
56
|
+
},
|
|
57
|
+
onClick: e,
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ o.jsx(h, { fontSize: 16, children: r.text }),
|
|
60
|
+
!!r.type && /* @__PURE__ */ o.jsx(n, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ o.jsx(s, { children: r.type }) })
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
);
|
|
20
64
|
};
|
|
21
65
|
export {
|
|
22
|
-
|
|
66
|
+
S as SearchBox
|
|
23
67
|
};
|
|
24
68
|
//# sourceMappingURL=sd-component-library222.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library222.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"sd-component-library222.js","sources":["../src/components/inputs/search-input/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../badges\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { RegularText } from \"../../texts\";\nimport { SearchInputProps, SearchResult } from \"./index\";\n\ntype Props = Required<Pick<SearchInputProps, \"searchResults\">> &\n Pick<SearchInputProps, \"useRouterLinks\" | \"onResultClick\">;\n\nexport const SearchBox: React.FC<Props> = ({\n searchResults,\n useRouterLinks,\n onResultClick,\n}) => (\n <Box\n sx={{\n position: \"absolute\",\n top: \"100%\",\n bg: \"white\",\n width: \"100%\",\n borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderTopStyle: \"none\",\n borderColor: \"#C8CCE5\",\n boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n }}\n >\n {searchResults.map((result, index) => (\n <React.Fragment key={`${index}-${result.url}`}>\n {useRouterLinks ? (\n <Link to={result.url} style={{ textDecoration: \"none\" }}>\n <ResultContent {...result} onResultClick={onResultClick} />\n </Link>\n ) : (\n <ResultContent\n {...result}\n onResultClick={onResultClick}\n onClick={() =>\n (window.location.href = `https://www.selfdecode.com${result.url}`)\n }\n />\n )}\n {index + 1 !== searchResults.length && (\n <HorizontalDivider color=\"cl_lightGrey\" />\n )}\n </React.Fragment>\n ))}\n </Box>\n);\n\ntype ContentProps = SearchResult & { onClick?: () => void } & Pick<\n Props,\n \"onResultClick\"\n >;\nconst ResultContent: React.FC<ContentProps> = ({\n onResultClick,\n onClick: onClickExternal,\n ...result\n}) => {\n const onClick = () => {\n onResultClick?.(result);\n onClickExternal?.();\n };\n\n return (\n <Flex\n flexDirection={[\"column-reverse\", \"row\"]}\n justifyContent={\"space-between\"}\n sx={{\n p: \"10px 16px\",\n cursor: \"pointer\",\n \":hover\": { bg: \"#eff4ff\" },\n }}\n onClick={onClick}\n >\n <RegularText fontSize={16}>{result.text}</RegularText>\n\n {!!result.type && (\n <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n <PrimaryBadge>{result.type}</PrimaryBadge>\n </Box>\n )}\n </Flex>\n );\n};\n"],"names":["SearchBox","searchResults","useRouterLinks","onResultClick","jsx","Box","result","index","jsxs","React","Link","ResultContent","HorizontalDivider","onClickExternal","onClick","Flex","RegularText","PrimaryBadge"],"mappings":";;;;;;;AAaO,MAAMA,IAA6B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,MACrC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IAEC,UAAAJ,EAAc,IAAI,CAACK,GAAQC,MACzBC,gBAAAA,EAAAA,KAAAC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAP,0BACEQ,GAAK,EAAA,IAAIJ,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACpD,gCAACK,GAAe,EAAA,GAAGL,GAAQ,eAAAH,EAAA,CAA8B,EAC3D,CAAA,IAEAC,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACJ,eAAAH;AAAA,UACA,SAAS,MACN,OAAO,SAAS,OAAO,6BAA6BG,EAAO,GAAG;AAAA,QAAA;AAAA,MAEnE;AAAA,MAEDC,IAAQ,MAAMN,EAAc,UAC1BG,gBAAAA,EAAA,IAAAQ,GAAA,EAAkB,OAAM,gBAAe;AAAA,IAAA,EAAA,GAfvB,GAAGL,CAAK,IAAID,EAAO,GAAG,EAiB3C,CACD;AAAA,EAAA;AACH,GAOIK,IAAwC,CAAC;AAAA,EAC7C,eAAAR;AAAA,EACA,SAASU;AAAA,EACT,GAAGP;AACL,MAAM;AACJ,QAAMQ,IAAU,MAAM;AACpB,IAAAX,KAAA,QAAAA,EAAgBG,IACEO,KAAA,QAAAA;AAAA,EAAA;AAIlB,SAAAL,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,MACvC,gBAAgB;AAAA,MAChB,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAD;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA,IAACY,GAAY,EAAA,UAAU,IAAK,UAAAV,EAAO,MAAK;AAAA,QAEvC,CAAC,CAACA,EAAO,QACRF,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACY,GAAc,EAAA,UAAAX,EAAO,KAAK,CAAA,GAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
|
-
const
|
|
2
|
+
const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M10037.5,1055.48l-1,1.02-4-3.97-4,3.97-1-1.02,4-3.98-4-3.98,1-1.02,4,3.97,4-3.97,1,1.02-4,3.98Z", transform: "translate(-10027.5 -1046.5)" }));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
a as ReactComponent
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=sd-component-library223.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library223.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"sd-component-library223.js","sources":["../src/components/inputs/search-input/assets/x.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPHBhdGggZD0iTTEwMDM3LjUsMTA1NS40OGwtMSwxLjAyLTQtMy45Ny00LDMuOTctMS0xLjAyLDQtMy45OC00LTMuOTgsMS0xLjAyLDQsMy45Nyw0LTMuOTcsMSwxLjAyLTQsMy45OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAyNy41IC0xMDQ2LjUpIi8+Cjwvc3ZnPgo=\""],"names":["SvgX","props","React"],"mappings":";AACK,MAACA,IAAO,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,mGAAmG,WAAW,+BAA+B,CAAC;"}
|
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { j as o } from "./sd-component-library197.js";
|
|
2
|
+
import { Label as s } from "@rebass/forms";
|
|
3
|
+
const l = ({
|
|
4
|
+
variant: a,
|
|
5
|
+
label: t,
|
|
6
|
+
...e
|
|
7
|
+
}) => /* @__PURE__ */ o.jsx(
|
|
8
|
+
s,
|
|
9
|
+
{
|
|
10
|
+
"data-testid": "base-label",
|
|
11
|
+
...e,
|
|
12
|
+
sx: { fontFamily: "proxima-nova" },
|
|
13
|
+
variant: `_labels.${a}`,
|
|
14
|
+
children: t
|
|
15
|
+
}
|
|
16
|
+
);
|
|
3
17
|
export {
|
|
4
|
-
|
|
18
|
+
l as BaseLabel
|
|
5
19
|
};
|
|
6
20
|
//# sourceMappingURL=sd-component-library224.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library224.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"sd-component-library224.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;"}
|
|
@@ -1,29 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import { ResponsiveTextV2 as p } from "./sd-component-library150.js";
|
|
3
|
-
const c = (t) => {
|
|
4
|
-
const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
|
|
5
|
-
return /* @__PURE__ */ n.jsx(
|
|
6
|
-
p,
|
|
7
|
-
{
|
|
8
|
-
fontSizeWeight: [[16, "regular"]],
|
|
9
|
-
sx: {
|
|
10
|
-
display: "flex",
|
|
11
|
-
justifyContent: "end",
|
|
12
|
-
px: r,
|
|
13
|
-
py: i,
|
|
14
|
-
cursor: "pointer",
|
|
15
|
-
textTransform: "capitalize",
|
|
16
|
-
opacity: 0.7,
|
|
17
|
-
":hover": {
|
|
18
|
-
opacity: 1
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
onClick: e,
|
|
22
|
-
children: o
|
|
23
|
-
}
|
|
24
|
-
);
|
|
25
|
-
};
|
|
1
|
+
const t = 1, o = 13;
|
|
26
2
|
export {
|
|
27
|
-
|
|
3
|
+
t as defaultPointerWidth,
|
|
4
|
+
o as defaultTextBottomMargin
|
|
28
5
|
};
|
|
29
6
|
//# sourceMappingURL=sd-component-library225.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library225.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"sd-component-library225.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;"}
|
|
@@ -1,6 +1,34 @@
|
|
|
1
|
-
const t =
|
|
1
|
+
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;
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
s as defaultArc,
|
|
4
|
+
f as defaultDashHeight,
|
|
5
|
+
h as defaultDashWidth,
|
|
6
|
+
n as defaultDistanceBetweenRanges,
|
|
7
|
+
M as defaultDistanceFromLabelToRanges,
|
|
8
|
+
d as defaultDistanceFromRangesToNeedle,
|
|
9
|
+
m as defaultDistanceFromRangesToScale,
|
|
10
|
+
a as defaultGaugeWidth,
|
|
11
|
+
t as defaultHeight,
|
|
12
|
+
i as defaultInnerCircleRadius,
|
|
13
|
+
c as defaultInnerCircleStrokeWidth,
|
|
14
|
+
o as defaultInnerPointRadius,
|
|
15
|
+
W as defaultMaskBorderRadius,
|
|
16
|
+
r as defaultNeedleWidth,
|
|
17
|
+
u as defaultNumberOfDashes,
|
|
18
|
+
l as defaultPointStrokeWidth,
|
|
19
|
+
e as defaultWidth,
|
|
20
|
+
R as labelPaddingX,
|
|
21
|
+
g as labelWidth,
|
|
22
|
+
B as smallMeterDistanceBetweenRanges,
|
|
23
|
+
C as smallMeterDistanceFromRangesToNeedle,
|
|
24
|
+
P as smallMeterGaugeWidth,
|
|
25
|
+
k as smallMeterHeight,
|
|
26
|
+
S as smallMeterInnerCircleRadius,
|
|
27
|
+
b as smallMeterInnerCircleStrokeWidth,
|
|
28
|
+
T as smallMeterMaskBorderRadius,
|
|
29
|
+
F as smallMeterNeedleWidth,
|
|
30
|
+
N as smallMeterPointRadius,
|
|
31
|
+
I as smallMeterPointStrokeWidth,
|
|
32
|
+
D as smallMeterWidth
|
|
5
33
|
};
|
|
6
34
|
//# sourceMappingURL=sd-component-library226.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library226.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library226.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;"}
|
|
@@ -1,34 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
import { j as t } from "./sd-component-library197.js";
|
|
2
|
+
import { SmileyGaugeColor as e } from "./sd-component-library228.js";
|
|
3
|
+
import { ReactComponent as o } from "./sd-component-library287.js";
|
|
4
|
+
import { ReactComponent as m } from "./sd-component-library288.js";
|
|
5
|
+
import { ReactComponent as i } from "./sd-component-library289.js";
|
|
6
|
+
const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
|
|
7
|
+
[e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
|
|
8
|
+
[e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
|
|
9
|
+
[e.RED, /* @__PURE__ */ t.jsx(i, {})]
|
|
10
|
+
]);
|
|
2
11
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
d as
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
i as defaultInnerCircleRadius,
|
|
13
|
-
c as defaultInnerCircleStrokeWidth,
|
|
14
|
-
o as defaultInnerPointRadius,
|
|
15
|
-
W as defaultMaskBorderRadius,
|
|
16
|
-
r as defaultNeedleWidth,
|
|
17
|
-
u as defaultNumberOfDashes,
|
|
18
|
-
l as defaultPointStrokeWidth,
|
|
19
|
-
e as defaultWidth,
|
|
20
|
-
R as labelPaddingX,
|
|
21
|
-
g as labelWidth,
|
|
22
|
-
B as smallMeterDistanceBetweenRanges,
|
|
23
|
-
C as smallMeterDistanceFromRangesToNeedle,
|
|
24
|
-
P as smallMeterGaugeWidth,
|
|
25
|
-
k as smallMeterHeight,
|
|
26
|
-
S as smallMeterInnerCircleRadius,
|
|
27
|
-
b as smallMeterInnerCircleStrokeWidth,
|
|
28
|
-
T as smallMeterMaskBorderRadius,
|
|
29
|
-
F as smallMeterNeedleWidth,
|
|
30
|
-
N as smallMeterPointRadius,
|
|
31
|
-
I as smallMeterPointStrokeWidth,
|
|
32
|
-
D as smallMeterWidth
|
|
12
|
+
u as COLOR_TO_ICON_MAP,
|
|
13
|
+
S as defaultDistanceBetweenRanges,
|
|
14
|
+
c as defaultSmileyWidth,
|
|
15
|
+
g as smallSmileyGaugeWidth,
|
|
16
|
+
f as smallSmileyInnerPointRadius,
|
|
17
|
+
d as smallSmileyInnerPointStrokeWidth,
|
|
18
|
+
y as smallSmileyMeterHeight,
|
|
19
|
+
p as smallSmileyMeterWidth,
|
|
20
|
+
R as smallSmileyWidth
|
|
33
21
|
};
|
|
34
22
|
//# sourceMappingURL=sd-component-library227.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library227.js","sources":["../src/components/meters/
|
|
1
|
+
{"version":3,"file":"sd-component-library227.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;"}
|
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { isCorrectOutlineMeterConfig as l } from "./sd-component-library91.js";
|
|
2
|
+
var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
|
|
3
|
+
const u = (r) => !r.some(
|
|
4
|
+
({ color: t }) => !Object.values(a).includes(t)
|
|
5
|
+
), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
|
|
6
|
+
const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
|
|
7
|
+
return {
|
|
8
|
+
rangeArcStart: e,
|
|
9
|
+
rangeArcEnd: s,
|
|
10
|
+
rangeArcMiddle: g
|
|
11
|
+
};
|
|
12
|
+
}, R = (r) => {
|
|
13
|
+
const { start: t, end: n } = r;
|
|
14
|
+
return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
|
|
15
|
+
};
|
|
11
16
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
f as
|
|
17
|
-
d as smallSmileyInnerPointStrokeWidth,
|
|
18
|
-
y as smallSmileyMeterHeight,
|
|
19
|
-
p as smallSmileyMeterWidth,
|
|
20
|
-
R as smallSmileyWidth
|
|
17
|
+
a as SmileyGaugeColor,
|
|
18
|
+
u as areColorsValid,
|
|
19
|
+
R as getIsHorizontal,
|
|
20
|
+
A as getRangeProperties,
|
|
21
|
+
f as isCorrectSmileyMeterConfig
|
|
21
22
|
};
|
|
22
23
|
//# sourceMappingURL=sd-component-library228.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library228.js","sources":["../src/components/meters/smiley-meter-v2/
|
|
1
|
+
{"version":3,"file":"sd-component-library228.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;"}
|
|
@@ -1,23 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { j as a } from "./sd-component-library197.js";
|
|
2
|
+
import R, { createElement as g } from "react";
|
|
3
|
+
import { isValueInRange as f } from "./sd-component-library91.js";
|
|
4
|
+
import { SmileyMeterRange as d } from "./sd-component-library312.js";
|
|
5
|
+
const j = R.forwardRef(
|
|
6
|
+
(r, m) => {
|
|
7
|
+
const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
|
|
8
|
+
({ start: e, end: t, bounds: l }) => f(s, e, t, l)
|
|
9
|
+
), i = n.map((e, t) => ({
|
|
10
|
+
...e,
|
|
11
|
+
color: t < o ? n[o].color : e.color
|
|
12
|
+
}));
|
|
13
|
+
return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
|
|
14
|
+
d,
|
|
15
|
+
{
|
|
16
|
+
...e,
|
|
17
|
+
...r,
|
|
18
|
+
idx: t,
|
|
19
|
+
totalRanges: n.length,
|
|
20
|
+
pointerLength: c,
|
|
21
|
+
key: `${e.start}-${e.end}-${t}`,
|
|
22
|
+
isMatchedRange: o === t,
|
|
23
|
+
ref: m
|
|
24
|
+
}
|
|
25
|
+
)) });
|
|
26
|
+
}
|
|
27
|
+
);
|
|
16
28
|
export {
|
|
17
|
-
|
|
18
|
-
u as areColorsValid,
|
|
19
|
-
R as getIsHorizontal,
|
|
20
|
-
A as getRangeProperties,
|
|
21
|
-
f as isCorrectSmileyMeterConfig
|
|
29
|
+
j as SmileyMeterRanges
|
|
22
30
|
};
|
|
23
31
|
//# sourceMappingURL=sd-component-library229.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library229.js","sources":["../src/components/meters/smiley-meter-v2/
|
|
1
|
+
{"version":3,"file":"sd-component-library229.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;"}
|
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { j as h } from "./sd-component-library197.js";
|
|
2
|
+
import { getRangeProperties as p } from "./sd-component-library228.js";
|
|
3
|
+
import { MatchedRangeLabelBox as u } from "./sd-component-library311.js";
|
|
4
|
+
const b = (e) => {
|
|
5
|
+
const {
|
|
6
|
+
range: a,
|
|
7
|
+
arc: n,
|
|
8
|
+
totalRanges: o,
|
|
9
|
+
distanceBetweenRanges: r,
|
|
10
|
+
idx: s,
|
|
11
|
+
diameter: d,
|
|
12
|
+
segmented: c,
|
|
13
|
+
counterClockWise: i
|
|
14
|
+
} = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
|
|
15
|
+
n,
|
|
16
|
+
o,
|
|
17
|
+
r,
|
|
18
|
+
s,
|
|
19
|
+
g,
|
|
20
|
+
l
|
|
21
|
+
), t = Math.round(x);
|
|
22
|
+
return /* @__PURE__ */ h.jsx(
|
|
23
|
+
u,
|
|
24
|
+
{
|
|
10
25
|
...e,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
idx: t,
|
|
19
|
-
totalRanges: n.length,
|
|
20
|
-
pointerLength: c,
|
|
21
|
-
key: `${e.start}-${e.end}-${t}`,
|
|
22
|
-
isMatchedRange: o === t,
|
|
23
|
-
ref: m
|
|
24
|
-
}
|
|
25
|
-
)) });
|
|
26
|
-
}
|
|
27
|
-
);
|
|
26
|
+
...a,
|
|
27
|
+
alpha: i ? 360 - t : t,
|
|
28
|
+
radius: m,
|
|
29
|
+
round: c
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
};
|
|
28
33
|
export {
|
|
29
|
-
|
|
34
|
+
b as MatchedRangeLabelBox
|
|
30
35
|
};
|
|
31
36
|
//# sourceMappingURL=sd-component-library230.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/smiley-meter-v2/partials/
|
|
1
|
+
{"version":3,"file":"sd-component-library230.js","sources":["../src/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const {\n range,\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n diameter,\n segmented,\n counterClockWise,\n } = props;\n const { start, end } = range;\n\n const radius = diameter / 2;\n const { rangeArcMiddle: alpha } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n start,\n end\n );\n\n const roundedAlpha = Math.round(alpha);\n\n return (\n <LabelBox\n {...props}\n {...range}\n alpha={counterClockWise ? 360 - roundedAlpha : roundedAlpha}\n radius={radius}\n round={segmented}\n />\n );\n};\n"],"names":["MatchedRangeLabelBox","props","range","arc","totalRanges","distanceBetweenRanges","idx","diameter","segmented","counterClockWise","start","end","radius","alpha","getRangeProperties","roundedAlpha","jsx","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAR,GACE,EAAE,OAAAS,GAAO,KAAAC,EAAQ,IAAAT,GAEjBU,IAASL,IAAW,GACpB,EAAE,gBAAgBM,EAAA,IAAUC;AAAA,IAChCX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA,GAGII,IAAe,KAAK,MAAMF,CAAK;AAGnC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACH,GAAGC;AAAA,MACJ,OAAOO,IAAmB,MAAMM,IAAeA;AAAA,MAC/C,QAAAH;AAAA,MACA,OAAOJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
|
|
@@ -1,36 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { MatchedRangeLabelBox as u } from "./sd-component-library312.js";
|
|
4
|
-
const b = (e) => {
|
|
5
|
-
const {
|
|
6
|
-
range: a,
|
|
7
|
-
arc: n,
|
|
8
|
-
totalRanges: o,
|
|
9
|
-
distanceBetweenRanges: r,
|
|
10
|
-
idx: s,
|
|
11
|
-
diameter: d,
|
|
12
|
-
segmented: c,
|
|
13
|
-
counterClockWise: i
|
|
14
|
-
} = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
|
|
15
|
-
n,
|
|
16
|
-
o,
|
|
17
|
-
r,
|
|
18
|
-
s,
|
|
19
|
-
g,
|
|
20
|
-
l
|
|
21
|
-
), t = Math.round(x);
|
|
22
|
-
return /* @__PURE__ */ h.jsx(
|
|
23
|
-
u,
|
|
24
|
-
{
|
|
25
|
-
...e,
|
|
26
|
-
...a,
|
|
27
|
-
alpha: i ? 360 - t : t,
|
|
28
|
-
radius: m,
|
|
29
|
-
round: c
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
};
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const t = (a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16.04 33.79", ...a }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { className: "first-half", d: "M8,0V6.37H8A3.19,3.19,0,0,1,8,0ZM1,8.24a4,4,0,0,0-1,2.7V19.5a1.64,1.64,0,0,0,.45,1.28v0a1.49,1.49,0,0,0,2.12,0A1.64,1.64,0,0,0,3,19.5V12.11h.7L3.67,31.64c0,.07,0,.14,0,.21a1.92,1.92,0,0,0,1.91,1.93h.12a2,2,0,0,0,1.88-2.12V21.75H8V7H3.72A3.57,3.57,0,0,0,1,8.24Z" }), /* @__PURE__ */ e.createElement("path", { className: "second-half", d: "M8,6.38H8V0H8A3.19,3.19,0,0,1,8,6.38Zm7.07,1.86A3.59,3.59,0,0,0,12.32,7H8V21.75h.41v9.93a1.36,1.36,0,0,0,0,.35,1.95,1.95,0,1,0,3.88-.39V12.1h.63v7.4a1.68,1.68,0,0,0,.46,1.29,1.58,1.58,0,0,0,2.18,0A1.69,1.69,0,0,0,16,19.5V10.94A4.09,4.09,0,0,0,15.07,8.24Z" }))));
|
|
33
3
|
export {
|
|
34
|
-
|
|
4
|
+
t as ReactComponent
|
|
35
5
|
};
|
|
36
6
|
//# sourceMappingURL=sd-component-library231.js.map
|