@selfdecode/sd-component-library 4.0.113 → 4.0.115

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 (242) hide show
  1. package/lib/components/forms-v2/form-v2-input/form-v2-input.d.ts +1 -0
  2. package/lib/components/links/link/interfaces.d.ts +2 -0
  3. package/lib/sd-component-library100.js +2 -2
  4. package/lib/sd-component-library101.js +3 -3
  5. package/lib/sd-component-library102.js +2 -2
  6. package/lib/sd-component-library103.js +2 -2
  7. package/lib/sd-component-library104.js +2 -2
  8. package/lib/sd-component-library106.js +4 -4
  9. package/lib/sd-component-library108.js +4 -4
  10. package/lib/sd-component-library114.js +1 -1
  11. package/lib/sd-component-library119.js +1 -1
  12. package/lib/sd-component-library120.js +2 -2
  13. package/lib/sd-component-library122.js +1 -1
  14. package/lib/sd-component-library123.js +1 -1
  15. package/lib/sd-component-library128.js +2 -2
  16. package/lib/sd-component-library129.js +2 -2
  17. package/lib/sd-component-library131.js +1 -1
  18. package/lib/sd-component-library135.js +3 -3
  19. package/lib/sd-component-library136.js +1 -1
  20. package/lib/sd-component-library138.js +2 -2
  21. package/lib/sd-component-library169.js +1 -1
  22. package/lib/sd-component-library174.js +4 -4
  23. package/lib/sd-component-library175.js +1 -1
  24. package/lib/sd-component-library198.js +3 -3
  25. package/lib/sd-component-library202.js +3 -2
  26. package/lib/sd-component-library202.js.map +1 -1
  27. package/lib/sd-component-library203.js +2 -30
  28. package/lib/sd-component-library203.js.map +1 -1
  29. package/lib/sd-component-library204.js +21 -590
  30. package/lib/sd-component-library204.js.map +1 -1
  31. package/lib/sd-component-library205.js +599 -3
  32. package/lib/sd-component-library205.js.map +1 -1
  33. package/lib/sd-component-library207.js +24 -17
  34. package/lib/sd-component-library207.js.map +1 -1
  35. package/lib/sd-component-library208.js +15 -60
  36. package/lib/sd-component-library208.js.map +1 -1
  37. package/lib/sd-component-library209.js +5 -23
  38. package/lib/sd-component-library209.js.map +1 -1
  39. package/lib/sd-component-library210.js +5 -21
  40. package/lib/sd-component-library210.js.map +1 -1
  41. package/lib/sd-component-library211.js +18 -3
  42. package/lib/sd-component-library211.js.map +1 -1
  43. package/lib/sd-component-library212.js +21 -3
  44. package/lib/sd-component-library212.js.map +1 -1
  45. package/lib/sd-component-library213.js +3 -40
  46. package/lib/sd-component-library213.js.map +1 -1
  47. package/lib/sd-component-library214.js +3 -129
  48. package/lib/sd-component-library214.js.map +1 -1
  49. package/lib/sd-component-library215.js +40 -13
  50. package/lib/sd-component-library215.js.map +1 -1
  51. package/lib/sd-component-library216.js +128 -13
  52. package/lib/sd-component-library216.js.map +1 -1
  53. package/lib/sd-component-library217.js +13 -3
  54. package/lib/sd-component-library217.js.map +1 -1
  55. package/lib/sd-component-library218.js +14 -3
  56. package/lib/sd-component-library218.js.map +1 -1
  57. package/lib/sd-component-library219.js +2 -2
  58. package/lib/sd-component-library219.js.map +1 -1
  59. package/lib/sd-component-library220.js +3 -52
  60. package/lib/sd-component-library220.js.map +1 -1
  61. package/lib/sd-component-library221.js +3 -65
  62. package/lib/sd-component-library221.js.map +1 -1
  63. package/lib/sd-component-library222.js +52 -3
  64. package/lib/sd-component-library222.js.map +1 -1
  65. package/lib/sd-component-library224.js +61 -13
  66. package/lib/sd-component-library224.js.map +1 -1
  67. package/lib/sd-component-library225.js +3 -26
  68. package/lib/sd-component-library225.js.map +1 -1
  69. package/lib/sd-component-library226.js +17 -3
  70. package/lib/sd-component-library226.js.map +1 -1
  71. package/lib/sd-component-library227.js +64 -31
  72. package/lib/sd-component-library227.js.map +1 -1
  73. package/lib/sd-component-library228.js +23 -19
  74. package/lib/sd-component-library228.js.map +1 -1
  75. package/lib/sd-component-library229.js +25 -19
  76. package/lib/sd-component-library229.js.map +1 -1
  77. package/lib/sd-component-library230.js +3 -28
  78. package/lib/sd-component-library230.js.map +1 -1
  79. package/lib/sd-component-library231.js +31 -33
  80. package/lib/sd-component-library231.js.map +1 -1
  81. package/lib/sd-component-library232.js +19 -3
  82. package/lib/sd-component-library232.js.map +1 -1
  83. package/lib/sd-component-library233.js +20 -129
  84. package/lib/sd-component-library233.js.map +1 -1
  85. package/lib/sd-component-library234.js +26 -41
  86. package/lib/sd-component-library234.js.map +1 -1
  87. package/lib/sd-component-library235.js +28 -42
  88. package/lib/sd-component-library235.js.map +1 -1
  89. package/lib/sd-component-library236.js +129 -8
  90. package/lib/sd-component-library236.js.map +1 -1
  91. package/lib/sd-component-library237.js +41 -62
  92. package/lib/sd-component-library237.js.map +1 -1
  93. package/lib/sd-component-library238.js +40 -36
  94. package/lib/sd-component-library238.js.map +1 -1
  95. package/lib/sd-component-library239.js +7 -12
  96. package/lib/sd-component-library239.js.map +1 -1
  97. package/lib/sd-component-library24.js +2 -2
  98. package/lib/sd-component-library240.js +64 -21
  99. package/lib/sd-component-library240.js.map +1 -1
  100. package/lib/sd-component-library241.js +41 -107
  101. package/lib/sd-component-library241.js.map +1 -1
  102. package/lib/sd-component-library242.js +12 -46
  103. package/lib/sd-component-library242.js.map +1 -1
  104. package/lib/sd-component-library243.js +3 -24
  105. package/lib/sd-component-library243.js.map +1 -1
  106. package/lib/sd-component-library244.js +47 -52
  107. package/lib/sd-component-library244.js.map +1 -1
  108. package/lib/sd-component-library245.js +73 -46
  109. package/lib/sd-component-library245.js.map +1 -1
  110. package/lib/sd-component-library246.js +21 -75
  111. package/lib/sd-component-library246.js.map +1 -1
  112. package/lib/sd-component-library247.js +103 -35
  113. package/lib/sd-component-library247.js.map +1 -1
  114. package/lib/sd-component-library248.js +47 -27
  115. package/lib/sd-component-library248.js.map +1 -1
  116. package/lib/sd-component-library249.js +23 -20
  117. package/lib/sd-component-library249.js.map +1 -1
  118. package/lib/sd-component-library25.js +2 -2
  119. package/lib/sd-component-library250.js +53 -20
  120. package/lib/sd-component-library250.js.map +1 -1
  121. package/lib/sd-component-library252.js +16 -20
  122. package/lib/sd-component-library252.js.map +1 -1
  123. package/lib/sd-component-library253.js +20 -19
  124. package/lib/sd-component-library253.js.map +1 -1
  125. package/lib/sd-component-library254.js +41 -5
  126. package/lib/sd-component-library254.js.map +1 -1
  127. package/lib/sd-component-library255.js +27 -5
  128. package/lib/sd-component-library255.js.map +1 -1
  129. package/lib/sd-component-library256.js +323 -27
  130. package/lib/sd-component-library256.js.map +1 -1
  131. package/lib/sd-component-library257.js +5 -3
  132. package/lib/sd-component-library257.js.map +1 -1
  133. package/lib/sd-component-library258.js +25 -20
  134. package/lib/sd-component-library258.js.map +1 -1
  135. package/lib/sd-component-library259.js +1 -1
  136. package/lib/sd-component-library259.js.map +1 -1
  137. package/lib/sd-component-library26.js +1 -1
  138. package/lib/sd-component-library260.js +17 -18
  139. package/lib/sd-component-library260.js.map +1 -1
  140. package/lib/sd-component-library261.js +3 -22
  141. package/lib/sd-component-library261.js.map +1 -1
  142. package/lib/sd-component-library262.js +23 -323
  143. package/lib/sd-component-library262.js.map +1 -1
  144. package/lib/sd-component-library263.js +22 -5
  145. package/lib/sd-component-library263.js.map +1 -1
  146. package/lib/sd-component-library264.js +27 -27
  147. package/lib/sd-component-library264.js.map +1 -1
  148. package/lib/sd-component-library265.js +43 -13
  149. package/lib/sd-component-library265.js.map +1 -1
  150. package/lib/sd-component-library266.js +118 -112
  151. package/lib/sd-component-library266.js.map +1 -1
  152. package/lib/sd-component-library267.js +57 -105
  153. package/lib/sd-component-library267.js.map +1 -1
  154. package/lib/sd-component-library268.js +75 -9
  155. package/lib/sd-component-library268.js.map +1 -1
  156. package/lib/sd-component-library269.js +111 -39
  157. package/lib/sd-component-library269.js.map +1 -1
  158. package/lib/sd-component-library270.js +10 -30
  159. package/lib/sd-component-library270.js.map +1 -1
  160. package/lib/sd-component-library271.js +45 -46
  161. package/lib/sd-component-library271.js.map +1 -1
  162. package/lib/sd-component-library272.js +30 -131
  163. package/lib/sd-component-library272.js.map +1 -1
  164. package/lib/sd-component-library273.js +15 -68
  165. package/lib/sd-component-library273.js.map +1 -1
  166. package/lib/sd-component-library274.js +115 -66
  167. package/lib/sd-component-library274.js.map +1 -1
  168. package/lib/sd-component-library276.js +51 -49
  169. package/lib/sd-component-library276.js.map +1 -1
  170. package/lib/sd-component-library277.js +87 -48
  171. package/lib/sd-component-library277.js.map +1 -1
  172. package/lib/sd-component-library278.js +54 -52
  173. package/lib/sd-component-library278.js.map +1 -1
  174. package/lib/sd-component-library279.js +48 -91
  175. package/lib/sd-component-library279.js.map +1 -1
  176. package/lib/sd-component-library291.js +4 -4
  177. package/lib/sd-component-library292.js +2 -3
  178. package/lib/sd-component-library292.js.map +1 -1
  179. package/lib/sd-component-library293.js +8 -3
  180. package/lib/sd-component-library293.js.map +1 -1
  181. package/lib/sd-component-library294.js +328 -3
  182. package/lib/sd-component-library294.js.map +1 -1
  183. package/lib/sd-component-library295.js +51 -2
  184. package/lib/sd-component-library295.js.map +1 -1
  185. package/lib/sd-component-library296.js +3 -8
  186. package/lib/sd-component-library296.js.map +1 -1
  187. package/lib/sd-component-library297.js +3 -328
  188. package/lib/sd-component-library297.js.map +1 -1
  189. package/lib/sd-component-library298.js +3 -51
  190. package/lib/sd-component-library298.js.map +1 -1
  191. package/lib/sd-component-library314.js +52 -20
  192. package/lib/sd-component-library314.js.map +1 -1
  193. package/lib/sd-component-library315.js +20 -52
  194. package/lib/sd-component-library315.js.map +1 -1
  195. package/lib/sd-component-library316.js +20 -88
  196. package/lib/sd-component-library316.js.map +1 -1
  197. package/lib/sd-component-library317.js +2 -2
  198. package/lib/sd-component-library318.js +92 -4
  199. package/lib/sd-component-library318.js.map +1 -1
  200. package/lib/sd-component-library319.js +33 -23
  201. package/lib/sd-component-library319.js.map +1 -1
  202. package/lib/sd-component-library320.js +34 -4
  203. package/lib/sd-component-library320.js.map +1 -1
  204. package/lib/sd-component-library321.js +4 -34
  205. package/lib/sd-component-library321.js.map +1 -1
  206. package/lib/sd-component-library322.js +4 -34
  207. package/lib/sd-component-library322.js.map +1 -1
  208. package/lib/sd-component-library325.js +32 -90
  209. package/lib/sd-component-library325.js.map +1 -1
  210. package/lib/sd-component-library326.js +90 -32
  211. package/lib/sd-component-library326.js.map +1 -1
  212. package/lib/sd-component-library50.js +1 -1
  213. package/lib/sd-component-library51.js +1 -1
  214. package/lib/sd-component-library53.js +3 -3
  215. package/lib/sd-component-library54.js +2 -2
  216. package/lib/sd-component-library55.js +2 -2
  217. package/lib/sd-component-library57.js +29 -26
  218. package/lib/sd-component-library57.js.map +1 -1
  219. package/lib/sd-component-library6.js +1 -1
  220. package/lib/sd-component-library62.js +1 -1
  221. package/lib/sd-component-library66.js +1 -1
  222. package/lib/sd-component-library67.js +1 -1
  223. package/lib/sd-component-library7.js +1 -1
  224. package/lib/sd-component-library72.js +2 -2
  225. package/lib/sd-component-library74.js +3 -3
  226. package/lib/sd-component-library76.js +2 -2
  227. package/lib/sd-component-library77.js +3 -3
  228. package/lib/sd-component-library81.js +1 -1
  229. package/lib/sd-component-library82.js +1 -1
  230. package/lib/sd-component-library83.js +28 -26
  231. package/lib/sd-component-library83.js.map +1 -1
  232. package/lib/sd-component-library87.js +1 -1
  233. package/lib/sd-component-library88.js +6 -6
  234. package/lib/sd-component-library89.js +2 -2
  235. package/lib/sd-component-library90.js +1 -1
  236. package/lib/sd-component-library91.js +5 -5
  237. package/lib/sd-component-library92.js +1 -1
  238. package/lib/sd-component-library94.js +6 -6
  239. package/lib/sd-component-library95.js +1 -1
  240. package/lib/sd-component-library96.js +7 -7
  241. package/lib/sd-component-library97.js +1 -1
  242. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library277.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-mobile/tooltip-with-pointer-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerProps } from \"../../interfaces\";\n\ntype Props = Pick<\n TooltipWithPointerProps,\n \"mobileTitle\" | \"tooltipText\" | \"tooltipWidth\" | \"zIndex\" | \"pointerColor\"\n>;\n\nexport const TooltipWithPointerMobile = React.forwardRef<HTMLDivElement, Props>(\n ({ mobileTitle, tooltipWidth, tooltipText, zIndex, pointerColor }, ref) => {\n return (\n <FlexCenter\n sx={{\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100vw\",\n height: \"100vh\",\n bg: \"#262626AA\",\n zIndex,\n }}\n ref={ref}\n >\n <FlexCenter\n flexDirection=\"column\"\n sx={{\n width: tooltipWidth,\n maxWidth: \"min(500px, calc(100vw - 30px))\",\n bg: \"cl_white\",\n p: \"20px\",\n borderRadius: \"5px\",\n }}\n >\n {mobileTitle && (\n <>\n <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[16, \"bold\"]}>\n {mobileTitle}\n </ResponsiveTextV2>\n\n <HorizontalDivider\n width=\"min(50px, calc(100% - 40px))\"\n color={pointerColor}\n height=\"2px\"\n m=\"10px 0\"\n />\n </>\n )}\n\n <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[14, \"regular\"]}>\n {tooltipText}\n </ResponsiveTextV2>\n </FlexCenter>\n </FlexCenter>\n );\n }\n);\n"],"names":["TooltipWithPointerMobile","React","mobileTitle","tooltipWidth","tooltipText","zIndex","pointerColor","ref","jsx","FlexCenter","jsxs","Fragment","ResponsiveTextV2","HorizontalDivider"],"mappings":";;;;;AAYO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAAC,EAAE,aAAAC,GAAa,cAAAC,GAAc,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,KAAgBC,MAE/DC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,QAAAJ;AAAA,MACF;AAAA,MACA,KAAAE;AAAA,MAEA,UAAAG,gBAAAA,EAAA;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,eAAc;AAAA,UACd,IAAI;AAAA,YACF,OAAON;AAAA,YACP,UAAU;AAAA,YACV,IAAI;AAAA,YACJ,GAAG;AAAA,YACH,cAAc;AAAA,UAChB;AAAA,UAEC,UAAA;AAAA,YAAAD,KAEGQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,cAACH,gBAAAA,EAAAA,IAAAI,GAAA,EAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,MAAM,GAC1D,UACHV,EAAA,CAAA;AAAA,cAEAM,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,OAAOP;AAAA,kBACP,QAAO;AAAA,kBACP,GAAE;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA,GACF;AAAA,YAGFE,gBAAAA,EAAAA,IAACI,KAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,SAAS,GAC7D,UACHR,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
1
+ {"version":3,"file":"sd-component-library277.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n HTMLDivElement,\n Props\n>(\n (\n {\n pointerSx,\n tooltipSx,\n tooltipText,\n tooltipWidth,\n tooltipPy,\n tooltipPx,\n pointerSize,\n tooltipOffset,\n placement,\n containerSx,\n animationDuration,\n state,\n pointerColor,\n },\n ref\n ) => {\n const tooltipContainerProps =\n placement === \"right\"\n ? {\n left: \"100%\",\n }\n : {\n right: \"100%\",\n };\n\n const pointerCommonProps = {\n size: `${pointerSize}px`,\n color: pointerColor,\n sx: {\n my: \"auto\",\n ...pointerSx,\n },\n };\n\n return (\n <Flex\n sx={{\n position: \"absolute\",\n top: \"calc(50% - 14px)\",\n cursor: \"default\",\n alignItems: \"center\",\n opacity: state === \"entered\" ? 1 : 0,\n transition: `opacity ${animationDuration}ms`,\n zIndex: 1,\n ...tooltipContainerProps,\n ...tooltipSx,\n }}\n ref={ref}\n data-test=\"tooltip-content\"\n >\n {placement === \"right\" && (\n <>\n <Box width={`${tooltipOffset}px`} />\n <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n </>\n )}\n\n <ResponsiveTextV2\n fontSizeWeight={[14, \"regular\"]}\n sx={{\n width: tooltipWidth,\n lineHeight: \"16px\",\n bg: \"cl_white\",\n px: tooltipPx,\n py: tooltipPy,\n borderColor: \"cl_lightGrey\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n ...(placement === \"left\"\n ? {\n borderRightWidth: \"2px\",\n borderRightColor: pointerColor,\n borderRadius: \"3px 0 0 3px\",\n }\n : {\n borderLeftWidth: \"2px\",\n borderLeftColor: pointerColor,\n borderRadius: \"0 3px 3px 0\",\n }),\n }}\n >\n {tooltipText}\n </ResponsiveTextV2>\n\n {placement === \"left\" && (\n <>\n <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n <Box width={`${tooltipOffset}px`} />\n </>\n )}\n </Flex>\n );\n }\n);\n"],"names":["TooltipWithPointerHorizontal","React","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
@@ -1,86 +1,88 @@
1
- import { j as r } from "./sd-component-library198.js";
2
- import u from "react";
1
+ import { j as o } from "./sd-component-library198.js";
2
+ import g from "react";
3
3
  import { Flex as j, Box as s } from "rebass";
4
- import { TriangularPointerIcon as x } from "./sd-component-library192.js";
5
- import { ResponsiveTextV2 as R } from "./sd-component-library152.js";
6
- const $ = u.forwardRef(
4
+ import { TriangularPointerIcon as n } from "./sd-component-library192.js";
5
+ import { ResponsiveTextV2 as y } from "./sd-component-library152.js";
6
+ const w = g.forwardRef(
7
7
  ({
8
- pointerSx: n,
9
- tooltipSx: d,
10
- tooltipText: p,
11
- tooltipWidth: l,
12
- tooltipPy: a,
13
- tooltipPx: h,
14
- pointerSize: c,
15
- tooltipOffset: i,
8
+ pointerSx: x,
9
+ tooltipPx: p,
10
+ tooltipText: d,
11
+ tooltipSx: a,
12
+ tooltipPy: l,
13
+ tooltipOffset: e,
14
+ pointerSize: m,
15
+ tooltipWidth: c,
16
16
  placement: t,
17
- containerSx: y,
18
- animationDuration: g,
19
- state: m,
20
- pointerColor: o
21
- }, f) => {
22
- const b = t === "right" ? {
23
- left: "100%"
17
+ state: h,
18
+ containerSx: R,
19
+ animationDuration: b,
20
+ pointerColor: r
21
+ }, u) => {
22
+ const f = t === "bottom" ? {
23
+ top: "100%"
24
24
  } : {
25
- right: "100%"
26
- }, e = {
27
- size: `${c}px`,
28
- color: o,
25
+ bottom: "100%"
26
+ }, i = {
27
+ size: `${m}px`,
28
+ color: r,
29
29
  sx: {
30
30
  my: "auto",
31
- ...n
31
+ ...x
32
32
  }
33
33
  };
34
- return /* @__PURE__ */ r.jsxs(
34
+ return /* @__PURE__ */ o.jsxs(
35
35
  j,
36
36
  {
37
+ flexDirection: "column",
37
38
  sx: {
38
39
  position: "absolute",
39
- top: "calc(50% - 14px)",
40
+ left: "50%",
41
+ transform: "translateX(-50%)",
40
42
  cursor: "default",
41
43
  alignItems: "center",
42
- opacity: m === "entered" ? 1 : 0,
43
- transition: `opacity ${g}ms`,
44
+ opacity: h === "entered" ? 1 : 0,
45
+ transition: `opacity ${b}ms`,
44
46
  zIndex: 1,
45
- ...b,
46
- ...d
47
+ ...f,
48
+ ...a
47
49
  },
48
- ref: f,
50
+ ref: u,
49
51
  "data-test": "tooltip-content",
50
52
  children: [
51
- t === "right" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
52
- /* @__PURE__ */ r.jsx(s, { width: `${i}px` }),
53
- /* @__PURE__ */ r.jsx(x, { direction: "left", ...e })
53
+ t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
54
+ /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
55
+ /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
54
56
  ] }),
55
- /* @__PURE__ */ r.jsx(
56
- R,
57
+ /* @__PURE__ */ o.jsx(
58
+ y,
57
59
  {
58
60
  fontSizeWeight: [14, "regular"],
59
61
  sx: {
60
- width: l,
62
+ width: c,
61
63
  lineHeight: "16px",
62
64
  bg: "cl_white",
63
- px: h,
64
- py: a,
65
+ px: p,
66
+ py: l,
65
67
  borderColor: "cl_lightGrey",
66
68
  borderWidth: "1px",
67
69
  borderStyle: "solid",
68
- ...t === "left" ? {
69
- borderRightWidth: "2px",
70
- borderRightColor: o,
71
- borderRadius: "3px 0 0 3px"
70
+ ...t === "top" ? {
71
+ borderBottomWidth: "2px",
72
+ borderBottomColor: r,
73
+ borderRadius: "3px 3px 0 0"
72
74
  } : {
73
- borderLeftWidth: "2px",
74
- borderLeftColor: o,
75
- borderRadius: "0 3px 3px 0"
75
+ borderTopWidth: "2px",
76
+ borderTopColor: r,
77
+ borderRadius: "0 0 3px 3px"
76
78
  }
77
79
  },
78
- children: p
80
+ children: d
79
81
  }
80
82
  ),
81
- t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
82
- /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
83
- /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
83
+ t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
84
+ /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
85
+ /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
84
86
  ] })
85
87
  ]
86
88
  }
@@ -88,6 +90,6 @@ const $ = u.forwardRef(
88
90
  }
89
91
  );
90
92
  export {
91
- $ as TooltipWithPointerHorizontal
93
+ w as TooltipWithPointerVertical
92
94
  };
93
95
  //# sourceMappingURL=sd-component-library278.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library278.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n HTMLDivElement,\n Props\n>(\n (\n {\n pointerSx,\n tooltipSx,\n tooltipText,\n tooltipWidth,\n tooltipPy,\n tooltipPx,\n pointerSize,\n tooltipOffset,\n placement,\n containerSx,\n animationDuration,\n state,\n pointerColor,\n },\n ref\n ) => {\n const tooltipContainerProps =\n placement === \"right\"\n ? {\n left: \"100%\",\n }\n : {\n right: \"100%\",\n };\n\n const pointerCommonProps = {\n size: `${pointerSize}px`,\n color: pointerColor,\n sx: {\n my: \"auto\",\n ...pointerSx,\n },\n };\n\n return (\n <Flex\n sx={{\n position: \"absolute\",\n top: \"calc(50% - 14px)\",\n cursor: \"default\",\n alignItems: \"center\",\n opacity: state === \"entered\" ? 1 : 0,\n transition: `opacity ${animationDuration}ms`,\n zIndex: 1,\n ...tooltipContainerProps,\n ...tooltipSx,\n }}\n ref={ref}\n data-test=\"tooltip-content\"\n >\n {placement === \"right\" && (\n <>\n <Box width={`${tooltipOffset}px`} />\n <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n </>\n )}\n\n <ResponsiveTextV2\n fontSizeWeight={[14, \"regular\"]}\n sx={{\n width: tooltipWidth,\n lineHeight: \"16px\",\n bg: \"cl_white\",\n px: tooltipPx,\n py: tooltipPy,\n borderColor: \"cl_lightGrey\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n ...(placement === \"left\"\n ? {\n borderRightWidth: \"2px\",\n borderRightColor: pointerColor,\n borderRadius: \"3px 0 0 3px\",\n }\n : {\n borderLeftWidth: \"2px\",\n borderLeftColor: pointerColor,\n borderRadius: \"0 3px 3px 0\",\n }),\n }}\n >\n {tooltipText}\n </ResponsiveTextV2>\n\n {placement === \"left\" && (\n <>\n <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n <Box width={`${tooltipOffset}px`} />\n </>\n )}\n </Flex>\n );\n }\n);\n"],"names":["TooltipWithPointerHorizontal","React","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1
+ {"version":3,"file":"sd-component-library278.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n HTMLDivElement,\n Props\n>(\n (\n {\n pointerSx,\n tooltipPx,\n tooltipText,\n tooltipSx,\n tooltipPy,\n tooltipOffset,\n pointerSize,\n tooltipWidth,\n placement,\n state,\n containerSx,\n animationDuration,\n pointerColor,\n },\n ref\n ) => {\n const tooltipContainerProps =\n placement === \"bottom\"\n ? {\n top: \"100%\",\n }\n : {\n bottom: \"100%\",\n };\n\n const pointerCommonProps = {\n size: `${pointerSize}px`,\n color: pointerColor,\n sx: {\n my: \"auto\",\n ...pointerSx,\n },\n };\n\n return (\n <Flex\n flexDirection=\"column\"\n sx={{\n position: \"absolute\",\n left: \"50%\",\n transform: \"translateX(-50%)\",\n cursor: \"default\",\n alignItems: \"center\",\n opacity: state === \"entered\" ? 1 : 0,\n transition: `opacity ${animationDuration}ms`,\n zIndex: 1,\n ...tooltipContainerProps,\n ...tooltipSx,\n }}\n ref={ref}\n data-test=\"tooltip-content\"\n >\n {placement === \"bottom\" && (\n <>\n <Box height={`${tooltipOffset}px`} />\n <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n </>\n )}\n\n <ResponsiveTextV2\n fontSizeWeight={[14, \"regular\"]}\n sx={{\n width: tooltipWidth,\n lineHeight: \"16px\",\n bg: \"cl_white\",\n px: tooltipPx,\n py: tooltipPy,\n borderColor: \"cl_lightGrey\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n ...(placement === \"top\"\n ? {\n borderBottomWidth: \"2px\",\n borderBottomColor: pointerColor,\n borderRadius: \"3px 3px 0 0\",\n }\n : {\n borderTopWidth: \"2px\",\n borderTopColor: pointerColor,\n borderRadius: \"0 0 3px 3px\",\n }),\n }}\n >\n {tooltipText}\n </ResponsiveTextV2>\n\n {placement === \"top\" && (\n <>\n <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n <Box height={`${tooltipOffset}px`} />\n </>\n )}\n </Flex>\n );\n }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
@@ -1,95 +1,52 @@
1
- import { j as o } from "./sd-component-library198.js";
2
- import g from "react";
3
- import { Flex as j, Box as s } from "rebass";
4
- import { TriangularPointerIcon as n } from "./sd-component-library192.js";
5
- import { ResponsiveTextV2 as y } from "./sd-component-library152.js";
6
- const w = g.forwardRef(
7
- ({
8
- pointerSx: x,
9
- tooltipPx: p,
10
- tooltipText: d,
11
- tooltipSx: a,
12
- tooltipPy: l,
13
- tooltipOffset: e,
14
- pointerSize: m,
15
- tooltipWidth: c,
16
- placement: t,
17
- state: h,
18
- containerSx: R,
19
- animationDuration: b,
20
- pointerColor: r
21
- }, u) => {
22
- const f = t === "bottom" ? {
23
- top: "100%"
24
- } : {
25
- bottom: "100%"
26
- }, i = {
27
- size: `${m}px`,
28
- color: r,
29
- sx: {
30
- my: "auto",
31
- ...x
32
- }
33
- };
34
- return /* @__PURE__ */ o.jsxs(
35
- j,
36
- {
37
- flexDirection: "column",
38
- sx: {
39
- position: "absolute",
40
- left: "50%",
41
- transform: "translateX(-50%)",
42
- cursor: "default",
43
- alignItems: "center",
44
- opacity: h === "entered" ? 1 : 0,
45
- transition: `opacity ${b}ms`,
46
- zIndex: 1,
47
- ...f,
48
- ...a
49
- },
50
- ref: u,
51
- "data-test": "tooltip-content",
52
- children: [
53
- t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
54
- /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
55
- /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
56
- ] }),
57
- /* @__PURE__ */ o.jsx(
58
- y,
59
- {
60
- fontSizeWeight: [14, "regular"],
61
- sx: {
62
- width: c,
63
- lineHeight: "16px",
64
- bg: "cl_white",
65
- px: p,
66
- py: l,
67
- borderColor: "cl_lightGrey",
68
- borderWidth: "1px",
69
- borderStyle: "solid",
70
- ...t === "top" ? {
71
- borderBottomWidth: "2px",
72
- borderBottomColor: r,
73
- borderRadius: "3px 3px 0 0"
74
- } : {
75
- borderTopWidth: "2px",
76
- borderTopColor: r,
77
- borderRadius: "0 0 3px 3px"
78
- }
79
- },
80
- children: d
81
- }
82
- ),
83
- t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
84
- /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
85
- /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
86
- ] })
87
- ]
88
- }
89
- );
1
+ var n = Object.defineProperty;
2
+ var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
3
+ var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
4
+ class h {
5
+ constructor() {
6
+ i(this, "refRegistry", {});
90
7
  }
91
- );
8
+ /**
9
+ * Check if ref is registered for a component with provided ID.
10
+ * @param id ID for the component.
11
+ */
12
+ doesRefExist(e) {
13
+ return !!this.refRegistry[e];
14
+ }
15
+ /**
16
+ * Register a ref.
17
+ *
18
+ * @param id ID for the component.
19
+ * @param ref React Ref object for the component. Used for scrolling.
20
+ */
21
+ addRef(e, s) {
22
+ const r = e.startsWith("#") ? e : `#${e}`;
23
+ this.refRegistry[r] = s;
24
+ }
25
+ /**
26
+ * Remove a ref from registry.
27
+ *
28
+ * @param id ID for the component.
29
+ */
30
+ removeRef(e) {
31
+ this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
32
+ }
33
+ /**
34
+ * Scroll the component with provided ID into the view.
35
+ *
36
+ * @param id ID for the component.
37
+ * @param behavior Scroll behavior.
38
+ */
39
+ scrollToRef(e, { behavior: s = "smooth", block: r, inline: f }) {
40
+ var o;
41
+ this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
42
+ behavior: s,
43
+ block: r,
44
+ inline: f
45
+ }) : console.error(`Ref with ID ${e} does not exist in the registry`);
46
+ }
47
+ }
48
+ const g = new h();
92
49
  export {
93
- w as TooltipWithPointerVertical
50
+ g as refsManager
94
51
  };
95
52
  //# sourceMappingURL=sd-component-library279.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library279.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n HTMLDivElement,\n Props\n>(\n (\n {\n pointerSx,\n tooltipPx,\n tooltipText,\n tooltipSx,\n tooltipPy,\n tooltipOffset,\n pointerSize,\n tooltipWidth,\n placement,\n state,\n containerSx,\n animationDuration,\n pointerColor,\n },\n ref\n ) => {\n const tooltipContainerProps =\n placement === \"bottom\"\n ? {\n top: \"100%\",\n }\n : {\n bottom: \"100%\",\n };\n\n const pointerCommonProps = {\n size: `${pointerSize}px`,\n color: pointerColor,\n sx: {\n my: \"auto\",\n ...pointerSx,\n },\n };\n\n return (\n <Flex\n flexDirection=\"column\"\n sx={{\n position: \"absolute\",\n left: \"50%\",\n transform: \"translateX(-50%)\",\n cursor: \"default\",\n alignItems: \"center\",\n opacity: state === \"entered\" ? 1 : 0,\n transition: `opacity ${animationDuration}ms`,\n zIndex: 1,\n ...tooltipContainerProps,\n ...tooltipSx,\n }}\n ref={ref}\n data-test=\"tooltip-content\"\n >\n {placement === \"bottom\" && (\n <>\n <Box height={`${tooltipOffset}px`} />\n <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n </>\n )}\n\n <ResponsiveTextV2\n fontSizeWeight={[14, \"regular\"]}\n sx={{\n width: tooltipWidth,\n lineHeight: \"16px\",\n bg: \"cl_white\",\n px: tooltipPx,\n py: tooltipPy,\n borderColor: \"cl_lightGrey\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n ...(placement === \"top\"\n ? {\n borderBottomWidth: \"2px\",\n borderBottomColor: pointerColor,\n borderRadius: \"3px 3px 0 0\",\n }\n : {\n borderTopWidth: \"2px\",\n borderTopColor: pointerColor,\n borderRadius: \"0 0 3px 3px\",\n }),\n }}\n >\n {tooltipText}\n </ResponsiveTextV2>\n\n {placement === \"top\" && (\n <>\n <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n <Box height={`${tooltipOffset}px`} />\n </>\n )}\n </Flex>\n );\n }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1
+ {"version":3,"file":"sd-component-library279.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n refRegistry: refsMap = {};\n\n /**\n * Check if ref is registered for a component with provided ID.\n * @param id ID for the component.\n */\n public doesRefExist(id: string) {\n return !!this.refRegistry[id];\n }\n\n /**\n * Register a ref.\n *\n * @param id ID for the component.\n * @param ref React Ref object for the component. Used for scrolling.\n */\n public addRef(\n id: string,\n ref: React.MutableRefObject<HTMLDivElement | undefined>\n ) {\n const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n this.refRegistry[key] = ref;\n }\n\n /**\n * Remove a ref from registry.\n *\n * @param id ID for the component.\n */\n public removeRef(id: string) {\n if (this.doesRefExist(id)) delete this.refRegistry[id];\n else console.error(`Ref with ID ${id} does not exist in the registry`);\n }\n\n /**\n * Scroll the component with provided ID into the view.\n *\n * @param id ID for the component.\n * @param behavior Scroll behavior.\n */\n public scrollToRef(\n id: string,\n { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n ) {\n if (this.doesRefExist(id))\n this.refRegistry[id].current?.scrollIntoView({\n behavior,\n block,\n inline,\n });\n else console.error(`Ref with ID ${id} does not exist in the registry`);\n }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","__publicField","id","ref","key","behavior","block","inline","_a","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACE,IAAAC,EAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAK,YAAYA,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,OACLA,GACAC,GACA;AACA,UAAMC,IAAMF,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AAEvC,SAAA,YAAYE,CAAG,IAAID;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,UAAUD,GAAY;AACvB,IAAA,KAAK,aAAaA,CAAE,IAAU,OAAA,KAAK,YAAYA,CAAE,IACxC,QAAA,MAAM,eAAeA,CAAE,iCAAiC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,YACLA,GACA,EAAE,UAAAG,IAAW,UAAU,OAAAC,GAAO,QAAAC,KAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAK,aAAaN,CAAE,KACtBM,IAAA,KAAK,YAAYN,CAAE,EAAE,YAArB,QAAAM,EAA8B,eAAe;AAAA,MAC3C,UAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,KAES,QAAA,MAAM,eAAeL,CAAE,iCAAiC;AAAA,EACvE;AACF;AAEa,MAAAO,IAAc,IAAIT,EAAY;"}
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as e } from "./sd-component-library288.js";
2
- import { __module as r } from "./sd-component-library295.js";
3
- import { __require as o } from "./sd-component-library296.js";
4
- import { __require as p } from "./sd-component-library297.js";
5
- import { __require as t } from "./sd-component-library298.js";
2
+ import { __module as r } from "./sd-component-library292.js";
3
+ import { __require as o } from "./sd-component-library293.js";
4
+ import { __require as p } from "./sd-component-library294.js";
5
+ import { __require as t } from "./sd-component-library295.js";
6
6
  if (process.env.NODE_ENV !== "production") {
7
7
  var s = o(), i = !0;
8
8
  r.exports = p()(s.isElement, i);
@@ -1,6 +1,5 @@
1
- import * as t from "react";
2
- const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 29", ...e }, /* @__PURE__ */ t.createElement("g", null, /* @__PURE__ */ t.createElement("path", { d: "M184.613,290.162a1.819,1.819,0,0,0-2.387.95,11.709,11.709,0,0,1-21.125,0,1.817,1.817,0,0,0-3.358,1.391h-.031a15.369,15.369,0,0,0,27.85.046A1.816,1.816,0,0,0,184.613,290.162Z", transform: "translate(-157.237 -273.134)" }), /* @__PURE__ */ t.createElement("path", { d: "M172.046,280.871a5.294,5.294,0,0,0-4.7,5.83,1.512,1.512,0,0,0,3.025,0,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.026,0,5.295,5.295,0,0,0-5.83-5.83Z", transform: "translate(-149.061 -280.841)" }), /* @__PURE__ */ t.createElement("path", { d: "M158.949,288.214a1.512,1.512,0,0,0,1.512-1.512,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.545,5.545,0,0,0,0-1.131,5.3,5.3,0,0,0-10.529,1.131A1.513,1.513,0,0,0,158.949,288.214Z", transform: "translate(-157.406 -280.841)" })));
1
+ var p = { exports: {} };
3
2
  export {
4
- a as ReactComponent
3
+ p as __module
5
4
  };
6
5
  //# sourceMappingURL=sd-component-library292.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library292.js","sources":["../src/components/meters/smiley-meter-v2/assets/happy-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjkgMjkiCj4KICA8Zz4KICAgIDxwYXRoCiAgICAgIGQ9Ik0xODQuNjEzLDI5MC4xNjJhMS44MTksMS44MTksMCwwLDAtMi4zODcuOTUsMTEuNzA5LDExLjcwOSwwLDAsMS0yMS4xMjUsMCwxLjgxNywxLjgxNywwLDAsMC0zLjM1OCwxLjM5MWgtLjAzMWExNS4zNjksMTUuMzY5LDAsMCwwLDI3Ljg1LjA0NkExLjgxNiwxLjgxNiwwLDAsMCwxODQuNjEzLDI5MC4xNjJaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3LjIzNyAtMjczLjEzNCkiCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTE3Mi4wNDYsMjgwLjg3MWE1LjI5NCw1LjI5NCwwLDAsMC00LjcsNS44MywxLjUxMiwxLjUxMiwwLDAsMCwzLjAyNSwwLDIuMjY5LDIuMjY5LDAsMSwxLDQuNDc4LDAsMS41MTMsMS41MTMsMCwwLDAsMy4wMjYsMCw1LjI5NSw1LjI5NSwwLDAsMC01LjgzLTUuODNaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5LjA2MSAtMjgwLjg0MSkiCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTE1OC45NDksMjg4LjIxNGExLjUxMiwxLjUxMiwwLDAsMCwxLjUxMi0xLjUxMiwyLjI2OSwyLjI2OSwwLDEsMSw0LjQ3OCwwLDEuNTEzLDEuNTEzLDAsMCwwLDMuMDI3LDAsNS41NDUsNS41NDUsMCwwLDAsMC0xLjEzMSw1LjMsNS4zLDAsMCwwLTEwLjUyOSwxLjEzMUExLjUxMywxLjUxMywwLDAsMCwxNTguOTQ5LDI4OC4yMTRaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3LjQwNiAtMjgwLjg0MSkiCiAgICAvPgogIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgHappySmiley","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,iLAAiL,WAAW,+BAAgC,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,0JAA0J,WAAW,+BAA8B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,8LAA8L,WAAW,+BAA8B,CAAE,CAAC,CAAC;"}
1
+ {"version":3,"file":"sd-component-library292.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,6 +1,11 @@
1
- import * as e from "react";
2
- const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 27", ...t }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { d: "M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z", transform: "translate(-365.884 -271.09)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758, transform: "translate(19.728 0.06)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758 })));
1
+ import { __module as e } from "./sd-component-library299.js";
2
+ import { __require as o } from "./sd-component-library300.js";
3
+ import { __require as t } from "./sd-component-library301.js";
4
+ var r;
5
+ function p() {
6
+ return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
7
+ }
3
8
  export {
4
- r as ReactComponent
9
+ p as __require
5
10
  };
6
11
  //# sourceMappingURL=sd-component-library293.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library293.js","sources":["../src/components/meters/smiley-meter-v2/assets/neutral-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjcgMjciCj4KICA8ZyA+CiAgICA8cGF0aAogICAgICBkPSJNMzkxLDI5Mi40MTlIMzY4YTIuMDg5LDIuMDg5LDAsMSwwLDAsNC4xNzhoMjNhMi4wODksMi4wODksMCwwLDAsMC00LjE3OFoiCiAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUuODg0IC0yNzEuMDkpIgogICAgLz4KICAgIDxjaXJjbGUgY3g9IjMuNzU4IiBjeT0iMy43NTgiIHI9IjMuNzU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS43MjggMC4wNikiIC8+CiAgICA8Y2lyY2xlIGN4PSIzLjc1OCIgY3k9IjMuNzU4IiByPSIzLjc1OCIgLz4KICA8L2c+Cjwvc3ZnPgo=\""],"names":["SvgNeutralSmiley","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,4EAA4E,WAAW,8BAA6B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,OAAO,WAAW,0BAA0B,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,MAAO,CAAA,CAAC,CAAC;"}
1
+ {"version":3,"file":"sd-component-library293.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}