@selfdecode/sd-component-library 4.0.100 → 4.0.101

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.
Files changed (110) hide show
  1. package/lib/components/forms-v2/input-container/interfaces.d.ts +1 -0
  2. package/lib/sd-component-library15.js +1 -1
  3. package/lib/sd-component-library205.js +23 -55
  4. package/lib/sd-component-library205.js.map +1 -1
  5. package/lib/sd-component-library206.js +14 -20
  6. package/lib/sd-component-library206.js.map +1 -1
  7. package/lib/sd-component-library207.js +5 -19
  8. package/lib/sd-component-library207.js.map +1 -1
  9. package/lib/sd-component-library208.js +3 -3
  10. package/lib/sd-component-library208.js.map +1 -1
  11. package/lib/sd-component-library209.js +57 -5
  12. package/lib/sd-component-library209.js.map +1 -1
  13. package/lib/sd-component-library217.js +1 -1
  14. package/lib/sd-component-library219.js +3 -14
  15. package/lib/sd-component-library219.js.map +1 -1
  16. package/lib/sd-component-library220.js +52 -3
  17. package/lib/sd-component-library220.js.map +1 -1
  18. package/lib/sd-component-library221.js +14 -3
  19. package/lib/sd-component-library221.js.map +1 -1
  20. package/lib/sd-component-library222.js +3 -65
  21. package/lib/sd-component-library222.js.map +1 -1
  22. package/lib/sd-component-library223.js +2 -2
  23. package/lib/sd-component-library223.js.map +1 -1
  24. package/lib/sd-component-library224.js +65 -3
  25. package/lib/sd-component-library224.js.map +1 -1
  26. package/lib/sd-component-library225.js +3 -52
  27. package/lib/sd-component-library225.js.map +1 -1
  28. package/lib/sd-component-library23.js +2 -2
  29. package/lib/sd-component-library231.js +3 -3
  30. package/lib/sd-component-library233.js +1 -1
  31. package/lib/sd-component-library234.js +1 -1
  32. package/lib/sd-component-library235.js +3 -129
  33. package/lib/sd-component-library235.js.map +1 -1
  34. package/lib/sd-component-library236.js +129 -43
  35. package/lib/sd-component-library236.js.map +1 -1
  36. package/lib/sd-component-library237.js +41 -45
  37. package/lib/sd-component-library237.js.map +1 -1
  38. package/lib/sd-component-library238.js +46 -7
  39. package/lib/sd-component-library238.js.map +1 -1
  40. package/lib/sd-component-library239.js +8 -3
  41. package/lib/sd-component-library239.js.map +1 -1
  42. package/lib/sd-component-library24.js +2 -2
  43. package/lib/sd-component-library240.js +1 -1
  44. package/lib/sd-component-library241.js +1 -1
  45. package/lib/sd-component-library242.js +1 -1
  46. package/lib/sd-component-library244.js +1 -1
  47. package/lib/sd-component-library245.js +1 -1
  48. package/lib/sd-component-library25.js +1 -1
  49. package/lib/sd-component-library281.js +2 -6
  50. package/lib/sd-component-library281.js.map +1 -1
  51. package/lib/sd-component-library282.js +2 -10
  52. package/lib/sd-component-library282.js.map +1 -1
  53. package/lib/sd-component-library283.js +70 -2
  54. package/lib/sd-component-library283.js.map +1 -1
  55. package/lib/sd-component-library284.js +102 -2
  56. package/lib/sd-component-library284.js.map +1 -1
  57. package/lib/sd-component-library285.js +105 -69
  58. package/lib/sd-component-library285.js.map +1 -1
  59. package/lib/sd-component-library286.js +9 -101
  60. package/lib/sd-component-library286.js.map +1 -1
  61. package/lib/sd-component-library287.js +6 -106
  62. package/lib/sd-component-library287.js.map +1 -1
  63. package/lib/sd-component-library290.js +1 -1
  64. package/lib/sd-component-library292.js +3 -3
  65. package/lib/sd-component-library293.js +4 -4
  66. package/lib/sd-component-library294.js +1 -1
  67. package/lib/sd-component-library295.js +3 -2
  68. package/lib/sd-component-library295.js.map +1 -1
  69. package/lib/sd-component-library296.js +3 -77
  70. package/lib/sd-component-library296.js.map +1 -1
  71. package/lib/sd-component-library297.js +3 -93
  72. package/lib/sd-component-library297.js.map +1 -1
  73. package/lib/sd-component-library298.js +2 -53
  74. package/lib/sd-component-library298.js.map +1 -1
  75. package/lib/sd-component-library299.js +76 -8
  76. package/lib/sd-component-library299.js.map +1 -1
  77. package/lib/sd-component-library300.js +92 -4
  78. package/lib/sd-component-library300.js.map +1 -1
  79. package/lib/sd-component-library301.js +48 -48
  80. package/lib/sd-component-library301.js.map +1 -1
  81. package/lib/sd-component-library302.js +9 -3
  82. package/lib/sd-component-library302.js.map +1 -1
  83. package/lib/sd-component-library303.js +5 -3
  84. package/lib/sd-component-library303.js.map +1 -1
  85. package/lib/sd-component-library304.js +53 -3
  86. package/lib/sd-component-library304.js.map +1 -1
  87. package/lib/sd-component-library315.js +89 -47
  88. package/lib/sd-component-library315.js.map +1 -1
  89. package/lib/sd-component-library316.js +47 -89
  90. package/lib/sd-component-library316.js.map +1 -1
  91. package/lib/sd-component-library317.js +33 -23
  92. package/lib/sd-component-library317.js.map +1 -1
  93. package/lib/sd-component-library318.js +23 -33
  94. package/lib/sd-component-library318.js.map +1 -1
  95. package/lib/sd-component-library322.js +1 -1
  96. package/lib/sd-component-library59.js +16 -15
  97. package/lib/sd-component-library59.js.map +1 -1
  98. package/lib/sd-component-library62.js +2 -2
  99. package/lib/sd-component-library63.js +5 -5
  100. package/lib/sd-component-library64.js +1 -1
  101. package/lib/sd-component-library65.js +1 -1
  102. package/lib/sd-component-library73.js +3 -3
  103. package/lib/sd-component-library75.js +2 -2
  104. package/lib/sd-component-library76.js +3 -3
  105. package/lib/sd-component-library80.js +1 -1
  106. package/lib/sd-component-library89.js +1 -1
  107. package/lib/sd-component-library90.js +4 -4
  108. package/lib/sd-component-library93.js +1 -1
  109. package/lib/sd-component-library95.js +1 -1
  110. package/package.json +1 -1
@@ -1,6 +1,17 @@
1
- import * as t from "react";
2
- const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
1
+ import { j as i } from "./sd-component-library197.js";
2
+ import { Button as e } from "./sd-component-library25.js";
3
+ const n = (t) => /* @__PURE__ */ i.jsx(
4
+ e,
5
+ {
6
+ ...t,
7
+ variant: "_circle",
8
+ width: [`${t.diameter}px`],
9
+ height: [`${t.diameter}px`],
10
+ "data-testid": "circle-button",
11
+ children: t.children
12
+ }
13
+ );
3
14
  export {
4
- h as ReactComponent
15
+ n as CircleButton
5
16
  };
6
17
  //# sourceMappingURL=sd-component-library221.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library221.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}
1
+ {"version":3,"file":"sd-component-library221.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FC<CircleButtonProps> = (props) => (\n <Button\n {...props}\n variant=\"_circle\"\n width={[`${props.diameter}px`]}\n height={[`${props.diameter}px`]}\n data-testid=\"circle-button\"\n >\n {props.children}\n </Button>\n);\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA4C,CAACC,MACxDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,eAAY;AAAA,IAEX,UAAMA,EAAA;AAAA,EAAA;AACT;"}
@@ -1,68 +1,6 @@
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-library164.js";
6
- import { PrimaryBadge as s } from "./sd-component-library8.js";
7
- import { HorizontalDivider as c } from "./sd-component-library49.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
- );
64
- };
1
+ import * as t from "react";
2
+ const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
65
3
  export {
66
- S as SearchBox
4
+ o as ReactComponent
67
5
  };
68
6
  //# sourceMappingURL=sd-component-library222.js.map
@@ -1 +1 @@
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
+ {"version":3,"file":"sd-component-library222.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}
@@ -1,6 +1,6 @@
1
1
  import * as t from "react";
2
- const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
2
+ const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
3
3
  export {
4
- a as ReactComponent
4
+ h 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/inputs/search-input/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}
1
+ {"version":3,"file":"sd-component-library223.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}
@@ -1,6 +1,68 @@
1
- import * as t from "react";
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)" }));
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-library164.js";
6
+ import { PrimaryBadge as s } from "./sd-component-library8.js";
7
+ import { HorizontalDivider as c } from "./sd-component-library49.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
+ );
64
+ };
3
65
  export {
4
- a as ReactComponent
66
+ S as SearchBox
5
67
  };
6
68
  //# sourceMappingURL=sd-component-library224.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library224.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
+ {"version":3,"file":"sd-component-library224.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,55 +1,6 @@
1
- import { j as o } from "./sd-component-library197.js";
2
- import n from "react";
3
- import { Box as t } from "rebass";
4
- import { HorizontalDivider as i } from "./sd-component-library49.js";
5
- import { SearchAutocompleteRow as a } from "./sd-component-library314.js";
6
- const g = (l) => {
7
- const { results: p, onSelect: s, rowHeight: e, rowsDisplayed: x } = l, c = (r) => () => s(r);
8
- return /* @__PURE__ */ o.jsxs(
9
- t,
10
- {
11
- sx: {
12
- top: "calc(100% - 2px)",
13
- left: 0,
14
- position: "absolute",
15
- width: "100%",
16
- cursor: "pointer",
17
- zIndex: 1
18
- },
19
- children: [
20
- /* @__PURE__ */ o.jsx(i, { color: "cl_purple", height: "2px" }),
21
- /* @__PURE__ */ o.jsx(
22
- t,
23
- {
24
- sx: {
25
- overflowY: "auto",
26
- maxHeight: `${x * (e + 1) - 1}px`,
27
- borderWidth: "1px",
28
- borderStyle: "solid",
29
- borderColor: "cl_lightGrey",
30
- borderRadius: "0 0 3px 3px",
31
- borderTopStyle: "none",
32
- boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
33
- bg: "cl_white"
34
- },
35
- children: p.map((r, d) => /* @__PURE__ */ o.jsxs(n.Fragment, { children: [
36
- d !== 0 && /* @__PURE__ */ o.jsx(i, { color: "cl_headerLine" }),
37
- /* @__PURE__ */ o.jsx(
38
- a,
39
- {
40
- ...r,
41
- onClick: c(r),
42
- height: e
43
- }
44
- )
45
- ] }, r.id))
46
- }
47
- )
48
- ]
49
- }
50
- );
51
- };
1
+ import * as t from "react";
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)" }));
52
3
  export {
53
- g as SearchAutocompleteResultsBox
4
+ a as ReactComponent
54
5
  };
55
6
  //# sourceMappingURL=sd-component-library225.js.map
@@ -1 +1 @@
1
- {"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;"}
1
+ {"version":3,"file":"sd-component-library225.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,6 @@
1
1
  import { j as o } from "./sd-component-library197.js";
2
- import { LogoButton as e } from "./sd-component-library207.js";
3
- import { ReactComponent as r } from "./sd-component-library208.js";
2
+ import { LogoButton as e } from "./sd-component-library206.js";
3
+ import { ReactComponent as r } from "./sd-component-library207.js";
4
4
  const s = (t) => /* @__PURE__ */ o.jsx(
5
5
  e,
6
6
  {
@@ -1,8 +1,8 @@
1
1
  import { j as t } from "./sd-component-library197.js";
2
2
  import { SmileyGaugeColor as e } from "./sd-component-library232.js";
3
- import { ReactComponent as o } from "./sd-component-library302.js";
4
- import { ReactComponent as m } from "./sd-component-library303.js";
5
- import { ReactComponent as i } from "./sd-component-library304.js";
3
+ import { ReactComponent as o } from "./sd-component-library295.js";
4
+ import { ReactComponent as m } from "./sd-component-library296.js";
5
+ import { ReactComponent as i } from "./sd-component-library297.js";
6
6
  const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
7
7
  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
8
8
  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
@@ -1,7 +1,7 @@
1
1
  import { j as a } from "./sd-component-library197.js";
2
2
  import R, { createElement as g } from "react";
3
3
  import { isValueInRange as f } from "./sd-component-library92.js";
4
- import { SmileyMeterRange as d } from "./sd-component-library315.js";
4
+ import { SmileyMeterRange as d } from "./sd-component-library316.js";
5
5
  const j = R.forwardRef(
6
6
  (r, m) => {
7
7
  const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
@@ -1,6 +1,6 @@
1
1
  import { j as h } from "./sd-component-library197.js";
2
2
  import { getRangeProperties as p } from "./sd-component-library232.js";
3
- import { MatchedRangeLabelBox as u } from "./sd-component-library316.js";
3
+ import { MatchedRangeLabelBox as u } from "./sd-component-library315.js";
4
4
  const b = (e) => {
5
5
  const {
6
6
  range: a,
@@ -1,132 +1,6 @@
1
- import { j as e } from "./sd-component-library197.js";
2
- import U from "react";
3
- import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library92.js";
4
- import { BaseOutlineArc as X } from "./sd-component-library317.js";
5
- import { OutlineMeterLabelPointer as O } from "./sd-component-library246.js";
6
- const st = U.forwardRef(
7
- (D, M) => {
8
- const {
9
- start: n,
10
- end: r,
11
- color: x,
12
- bounds: R,
13
- diameter: o,
14
- arc: v,
15
- distanceBetweenRanges: l,
16
- totalRanges: y,
17
- value: g,
18
- gaugeWidth: s,
19
- segmented: f,
20
- idx: m,
21
- pointStrokeWidth: I,
22
- innerPointRadius: T,
23
- distanceFromRanges: b,
24
- label: w,
25
- labelPosition: V,
26
- hideLabels: E,
27
- connected: _
28
- } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), { x: P, y: j } = d(
29
- t,
30
- a
31
- ), { x: W, y: k } = d(
32
- t,
33
- i
34
- ), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
35
- if (f || !Y) {
36
- const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, { y: K } = d(
37
- t,
38
- B
39
- ), { x: N, y: Q } = d(
40
- t,
41
- (a + B) / 2
42
- );
43
- return /* @__PURE__ */ e.jsxs("g", { children: [
44
- /* @__PURE__ */ e.jsx(
45
- X,
46
- {
47
- startX: P,
48
- startY: j,
49
- endX: W,
50
- endY: k,
51
- startAlpha: a,
52
- endAlpha: i,
53
- color: J,
54
- radius: t,
55
- width: s
56
- }
57
- ),
58
- !E && w && /* @__PURE__ */ e.jsx(
59
- O,
60
- {
61
- diameter: o,
62
- position: u,
63
- distanceFromRanges: b,
64
- isInRange: Y,
65
- ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
66
- rangeX: N,
67
- rangeY: Q
68
- } : void 0
69
- }
70
- )
71
- ] });
72
- }
73
- const c = a + (g - n) / (r - n) * H, { x: h, y: p } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
74
- return /* @__PURE__ */ e.jsxs("g", { children: [
75
- /* @__PURE__ */ e.jsx(
76
- X,
77
- {
78
- startX: P,
79
- startY: j,
80
- endX: h,
81
- endY: p,
82
- startAlpha: a,
83
- endAlpha: c,
84
- color: x,
85
- radius: t,
86
- width: s,
87
- roundEnd: !1
88
- }
89
- ),
90
- /* @__PURE__ */ e.jsx(
91
- X,
92
- {
93
- startX: h,
94
- startY: p,
95
- endX: W,
96
- endY: k,
97
- startAlpha: c,
98
- endAlpha: i,
99
- color: S,
100
- radius: t,
101
- width: s,
102
- roundStart: !1
103
- }
104
- ),
105
- /* @__PURE__ */ e.jsx(
106
- "circle",
107
- {
108
- cx: (h + z) / 2,
109
- cy: (p + G) / 2,
110
- r: I + T,
111
- strokeWidth: I,
112
- stroke: x,
113
- fill: "white",
114
- ref: M
115
- }
116
- ),
117
- !E && w && /* @__PURE__ */ e.jsx(
118
- O,
119
- {
120
- diameter: o,
121
- isInRange: !0,
122
- position: u,
123
- distanceFromRanges: b
124
- }
125
- )
126
- ] });
127
- }
128
- );
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" }))));
129
3
  export {
130
- st as OutlineMeterRange
4
+ t as ReactComponent
131
5
  };
132
6
  //# sourceMappingURL=sd-component-library235.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n degToRad,\n getCoordinateForArc,\n getInnerX,\n getInnerY,\n inValueHigherThanRange,\n isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const {\n start,\n end,\n color,\n bounds,\n diameter,\n arc,\n distanceBetweenRanges,\n totalRanges,\n value,\n gaugeWidth,\n segmented,\n idx,\n pointStrokeWidth,\n innerPointRadius,\n distanceFromRanges,\n label,\n labelPosition,\n hideLabels,\n connected,\n } = props;\n\n const grey = \"#CCD0DB\";\n\n /* Arc value (in degrees) used for all ranges. */\n const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n /* Arc value for the current range. */\n const rangeArc = arcForRanges * (end - start);\n const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n const arcStart = (360 - arc) / 2; // deg\n\n const radius = diameter / 2;\n\n const rangeArcStart =\n arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n const needConnection =\n connected && inValueHigherThanRange(value, end, bounds);\n const rangeArcEnd =\n rangeArcStart +\n arcForRanges * (end - start) +\n (needConnection ? distanceBetweenRanges : 0);\n\n const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n radius,\n rangeArcStart\n );\n const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n radius,\n rangeArcEnd\n );\n\n const calculatedLabelPosition =\n labelPosition || idx === 0\n ? \"left\"\n : idx === totalRanges - 1\n ? \"right\"\n : \"top\";\n\n /* When range will be filled completely. */\n if (segmented || !valueWithinRange) {\n const fillColor =\n (segmented && valueWithinRange) ||\n (!segmented && inValueHigherThanRange(value, end, bounds))\n ? color\n : grey;\n\n const adjustedRangeArcEnd = needConnection\n ? rangeArcEnd - distanceBetweenRanges\n : rangeArcEnd;\n const { y: adjustedRangeY } = getCoordinateForArc(\n radius,\n adjustedRangeArcEnd\n );\n const { x: rangeX, y: rangeY } = getCoordinateForArc(\n radius,\n (rangeArcStart + adjustedRangeArcEnd) / 2\n );\n return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={rangeArcStart}\n endAlpha={rangeArcEnd}\n color={fillColor}\n radius={radius}\n width={gaugeWidth}\n />\n {!hideLabels && label && (\n <OutlineMeterLabelPointer\n diameter={diameter}\n position={calculatedLabelPosition}\n distanceFromRanges={distanceFromRanges}\n isInRange={valueWithinRange}\n {...((calculatedLabelPosition === \"right\" &&\n rangeStartY > diameter / 2) ||\n (calculatedLabelPosition === \"left\" &&\n adjustedRangeY > diameter / 2)\n ? {\n rangeX,\n rangeY,\n }\n : undefined)}\n />\n )}\n </g>\n );\n }\n\n const valueAlpha =\n rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\n const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n return (\n <g>\n <BaseOutlineArc\n startX={rangeStartX}\n startY={rangeStartY}\n endX={valueX}\n endY={valueY}\n startAlpha={rangeArcStart}\n endAlpha={valueAlpha}\n color={color}\n radius={radius}\n width={gaugeWidth}\n roundEnd={false}\n />\n <BaseOutlineArc\n startX={valueX}\n startY={valueY}\n endX={rangeEndX}\n endY={rangeEndY}\n startAlpha={valueAlpha}\n endAlpha={rangeArcEnd}\n color={grey}\n radius={radius}\n width={gaugeWidth}\n roundStart={false}\n />\n <circle\n cx={(valueX + valueInnerX) / 2}\n cy={(valueY + valueInnerY) / 2}\n r={pointStrokeWidth + innerPointRadius}\n strokeWidth={pointStrokeWidth}\n stroke={color}\n fill=\"white\"\n ref={pointRef}\n />\n {!hideLabels && label && (\n <OutlineMeterLabelPointer\n diameter={diameter}\n isInRange\n position={calculatedLabelPosition}\n distanceFromRanges={distanceFromRanges}\n />\n )}\n </g>\n );\n }\n);\n"],"names":["OutlineMeterRange","React","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}
1
+ {"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/people-meter/assets/person.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4wNCAzMy43OSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9ImZpcnN0LWhhbGYiCiAgICAgICAgICAgICAgICBkPSJNOCwwVjYuMzdIOEEzLjE5LDMuMTksMCwwLDEsOCwwWk0xLDguMjRhNCw0LDAsMCwwLTEsMi43VjE5LjVhMS42NCwxLjY0LDAsMCwwLC40NSwxLjI4djBhMS40OSwxLjQ5LDAsMCwwLDIuMTIsMEExLjY0LDEuNjQsMCwwLDAsMywxOS41VjEyLjExaC43TDMuNjcsMzEuNjRjMCwuMDcsMCwuMTQsMCwuMjFhMS45MiwxLjkyLDAsMCwwLDEuOTEsMS45M2guMTJhMiwyLDAsMCwwLDEuODgtMi4xMlYyMS43NUg4VjdIMy43MkEzLjU3LDMuNTcsMCwwLDAsMSw4LjI0WiIgLz4KICAgICAgICAgICAgPHBhdGggY2xhc3M9InNlY29uZC1oYWxmIgogICAgICAgICAgICAgICAgZD0iTTgsNi4zOEg4VjBIOEEzLjE5LDMuMTksMCwwLDEsOCw2LjM4Wm03LjA3LDEuODZBMy41OSwzLjU5LDAsMCwwLDEyLjMyLDdIOFYyMS43NWguNDF2OS45M2ExLjM2LDEuMzYsMCwwLDAsMCwuMzUsMS45NSwxLjk1LDAsMSwwLDMuODgtLjM5VjEyLjFoLjYzdjcuNGExLjY4LDEuNjgsMCwwLDAsLjQ2LDEuMjksMS41OCwxLjU4LDAsMCwwLDIuMTgsMEExLjY5LDEuNjksMCwwLDAsMTYsMTkuNVYxMC45NEE0LjA5LDQuMDksMCwwLDAsMTUuMDcsOC4yNFoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K\""],"names":["SvgPerson","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,cAAc,GAAG,uQAAwQ,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,iQAAkQ,CAAA,CAAC,CAAC,CAAC;"}