@selfdecode/sd-component-library 4.0.86 → 4.0.88

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 (222) hide show
  1. package/lib/components/forms-v2/form-v2-input/form-v2-input.d.ts +3 -1
  2. package/lib/components/forms-v2/form-v2-input/interfaces.d.ts +1 -1
  3. package/lib/sd-component-library104.js +2 -2
  4. package/lib/sd-component-library106.js +2 -2
  5. package/lib/sd-component-library112.js +1 -1
  6. package/lib/sd-component-library117.js +1 -1
  7. package/lib/sd-component-library118.js +2 -2
  8. package/lib/sd-component-library120.js +1 -1
  9. package/lib/sd-component-library121.js +1 -1
  10. package/lib/sd-component-library126.js +2 -2
  11. package/lib/sd-component-library127.js +2 -2
  12. package/lib/sd-component-library129.js +1 -1
  13. package/lib/sd-component-library132.js +3 -3
  14. package/lib/sd-component-library133.js +1 -1
  15. package/lib/sd-component-library135.js +2 -2
  16. package/lib/sd-component-library15.js +1 -1
  17. package/lib/sd-component-library167.js +1 -1
  18. package/lib/sd-component-library170.js +1 -1
  19. package/lib/sd-component-library171.js +3 -3
  20. package/lib/sd-component-library172.js +1 -1
  21. package/lib/sd-component-library195.js +3 -3
  22. package/lib/sd-component-library199.js +2 -25
  23. package/lib/sd-component-library199.js.map +1 -1
  24. package/lib/sd-component-library200.js +30 -57
  25. package/lib/sd-component-library200.js.map +1 -1
  26. package/lib/sd-component-library201.js +598 -18
  27. package/lib/sd-component-library201.js.map +1 -1
  28. package/lib/sd-component-library202.js +3 -5
  29. package/lib/sd-component-library202.js.map +1 -1
  30. package/lib/sd-component-library203.js +57 -5
  31. package/lib/sd-component-library203.js.map +1 -1
  32. package/lib/sd-component-library204.js +25 -2
  33. package/lib/sd-component-library204.js.map +1 -1
  34. package/lib/sd-component-library205.js +19 -30
  35. package/lib/sd-component-library205.js.map +1 -1
  36. package/lib/sd-component-library206.js +5 -599
  37. package/lib/sd-component-library206.js.map +1 -1
  38. package/lib/sd-component-library207.js +5 -65
  39. package/lib/sd-component-library207.js.map +1 -1
  40. package/lib/sd-component-library208.js +52 -51
  41. package/lib/sd-component-library208.js.map +1 -1
  42. package/lib/sd-component-library209.js +20 -22
  43. package/lib/sd-component-library209.js.map +1 -1
  44. package/lib/sd-component-library210.js +3 -21
  45. package/lib/sd-component-library210.js.map +1 -1
  46. package/lib/sd-component-library211.js +1 -1
  47. package/lib/sd-component-library211.js.map +1 -1
  48. package/lib/sd-component-library212.js +64 -3
  49. package/lib/sd-component-library212.js.map +1 -1
  50. package/lib/sd-component-library213.js +23 -18
  51. package/lib/sd-component-library213.js.map +1 -1
  52. package/lib/sd-component-library214.js +17 -39
  53. package/lib/sd-component-library214.js.map +1 -1
  54. package/lib/sd-component-library215.js +40 -14
  55. package/lib/sd-component-library215.js.map +1 -1
  56. package/lib/sd-component-library216.js +129 -3
  57. package/lib/sd-component-library216.js.map +1 -1
  58. package/lib/sd-component-library217.js +13 -3
  59. package/lib/sd-component-library217.js.map +1 -1
  60. package/lib/sd-component-library218.js +13 -128
  61. package/lib/sd-component-library218.js.map +1 -1
  62. package/lib/sd-component-library219.js +3 -13
  63. package/lib/sd-component-library219.js.map +1 -1
  64. package/lib/sd-component-library220.js +3 -46
  65. package/lib/sd-component-library220.js.map +1 -1
  66. package/lib/sd-component-library221.js +3 -65
  67. package/lib/sd-component-library221.js.map +1 -1
  68. package/lib/sd-component-library222.js +52 -3
  69. package/lib/sd-component-library222.js.map +1 -1
  70. package/lib/sd-component-library223.js +65 -3
  71. package/lib/sd-component-library223.js.map +1 -1
  72. package/lib/sd-component-library224.js +3 -52
  73. package/lib/sd-component-library224.js.map +1 -1
  74. package/lib/sd-component-library225.js +46 -17
  75. package/lib/sd-component-library225.js.map +1 -1
  76. package/lib/sd-component-library226.js +17 -3
  77. package/lib/sd-component-library226.js.map +1 -1
  78. package/lib/sd-component-library229.js +3 -3
  79. package/lib/sd-component-library23.js +2 -2
  80. package/lib/sd-component-library231.js +1 -1
  81. package/lib/sd-component-library232.js +1 -1
  82. package/lib/sd-component-library233.js +3 -129
  83. package/lib/sd-component-library233.js.map +1 -1
  84. package/lib/sd-component-library234.js +129 -43
  85. package/lib/sd-component-library234.js.map +1 -1
  86. package/lib/sd-component-library235.js +41 -45
  87. package/lib/sd-component-library235.js.map +1 -1
  88. package/lib/sd-component-library236.js +46 -7
  89. package/lib/sd-component-library236.js.map +1 -1
  90. package/lib/sd-component-library237.js +8 -3
  91. package/lib/sd-component-library237.js.map +1 -1
  92. package/lib/sd-component-library238.js +64 -21
  93. package/lib/sd-component-library238.js.map +1 -1
  94. package/lib/sd-component-library239.js +41 -107
  95. package/lib/sd-component-library239.js.map +1 -1
  96. package/lib/sd-component-library24.js +2 -2
  97. package/lib/sd-component-library240.js +12 -46
  98. package/lib/sd-component-library240.js.map +1 -1
  99. package/lib/sd-component-library241.js +21 -24
  100. package/lib/sd-component-library241.js.map +1 -1
  101. package/lib/sd-component-library242.js +103 -47
  102. package/lib/sd-component-library242.js.map +1 -1
  103. package/lib/sd-component-library243.js +46 -63
  104. package/lib/sd-component-library243.js.map +1 -1
  105. package/lib/sd-component-library244.js +24 -43
  106. package/lib/sd-component-library244.js.map +1 -1
  107. package/lib/sd-component-library245.js +52 -12
  108. package/lib/sd-component-library245.js.map +1 -1
  109. package/lib/sd-component-library247.js +60 -26
  110. package/lib/sd-component-library247.js.map +1 -1
  111. package/lib/sd-component-library248.js +41 -27
  112. package/lib/sd-component-library248.js.map +1 -1
  113. package/lib/sd-component-library249.js +26 -74
  114. package/lib/sd-component-library249.js.map +1 -1
  115. package/lib/sd-component-library25.js +1 -1
  116. package/lib/sd-component-library256.js +25 -21
  117. package/lib/sd-component-library256.js.map +1 -1
  118. package/lib/sd-component-library258.js +24 -22
  119. package/lib/sd-component-library258.js.map +1 -1
  120. package/lib/sd-component-library260.js +21 -25
  121. package/lib/sd-component-library260.js.map +1 -1
  122. package/lib/sd-component-library261.js +22 -24
  123. package/lib/sd-component-library261.js.map +1 -1
  124. package/lib/sd-component-library262.js +29 -50
  125. package/lib/sd-component-library262.js.map +1 -1
  126. package/lib/sd-component-library263.js +20 -29
  127. package/lib/sd-component-library263.js.map +1 -1
  128. package/lib/sd-component-library264.js +112 -118
  129. package/lib/sd-component-library264.js.map +1 -1
  130. package/lib/sd-component-library265.js +107 -61
  131. package/lib/sd-component-library265.js.map +1 -1
  132. package/lib/sd-component-library266.js +9 -73
  133. package/lib/sd-component-library266.js.map +1 -1
  134. package/lib/sd-component-library267.js +49 -8
  135. package/lib/sd-component-library267.js.map +1 -1
  136. package/lib/sd-component-library268.js +27 -48
  137. package/lib/sd-component-library268.js.map +1 -1
  138. package/lib/sd-component-library269.js +44 -83
  139. package/lib/sd-component-library269.js.map +1 -1
  140. package/lib/sd-component-library270.js +126 -87
  141. package/lib/sd-component-library270.js.map +1 -1
  142. package/lib/sd-component-library271.js +74 -30
  143. package/lib/sd-component-library271.js.map +1 -1
  144. package/lib/sd-component-library272.js +70 -15
  145. package/lib/sd-component-library272.js.map +1 -1
  146. package/lib/sd-component-library273.js +9 -125
  147. package/lib/sd-component-library273.js.map +1 -1
  148. package/lib/sd-component-library274.js +46 -117
  149. package/lib/sd-component-library274.js.map +1 -1
  150. package/lib/sd-component-library275.js +89 -48
  151. package/lib/sd-component-library275.js.map +1 -1
  152. package/lib/sd-component-library276.js +92 -10
  153. package/lib/sd-component-library276.js.map +1 -1
  154. package/lib/sd-component-library277.js +49 -50
  155. package/lib/sd-component-library277.js.map +1 -1
  156. package/lib/sd-component-library280.js +2 -10
  157. package/lib/sd-component-library280.js.map +1 -1
  158. package/lib/sd-component-library281.js +2 -2
  159. package/lib/sd-component-library282.js +70 -2
  160. package/lib/sd-component-library282.js.map +1 -1
  161. package/lib/sd-component-library283.js +101 -69
  162. package/lib/sd-component-library283.js.map +1 -1
  163. package/lib/sd-component-library284.js +95 -91
  164. package/lib/sd-component-library284.js.map +1 -1
  165. package/lib/sd-component-library285.js +10 -106
  166. package/lib/sd-component-library285.js.map +1 -1
  167. package/lib/sd-component-library289.js +4 -4
  168. package/lib/sd-component-library290.js +2 -3
  169. package/lib/sd-component-library290.js.map +1 -1
  170. package/lib/sd-component-library291.js +8 -3
  171. package/lib/sd-component-library291.js.map +1 -1
  172. package/lib/sd-component-library292.js +328 -3
  173. package/lib/sd-component-library292.js.map +1 -1
  174. package/lib/sd-component-library293.js +51 -2
  175. package/lib/sd-component-library293.js.map +1 -1
  176. package/lib/sd-component-library294.js +3 -8
  177. package/lib/sd-component-library294.js.map +1 -1
  178. package/lib/sd-component-library295.js +3 -328
  179. package/lib/sd-component-library295.js.map +1 -1
  180. package/lib/sd-component-library296.js +3 -51
  181. package/lib/sd-component-library296.js.map +1 -1
  182. package/lib/sd-component-library314.js +89 -47
  183. package/lib/sd-component-library314.js.map +1 -1
  184. package/lib/sd-component-library315.js +47 -89
  185. package/lib/sd-component-library315.js.map +1 -1
  186. package/lib/sd-component-library32.js +1 -1
  187. package/lib/sd-component-library321.js +1 -1
  188. package/lib/sd-component-library33.js +1 -1
  189. package/lib/sd-component-library49.js +1 -1
  190. package/lib/sd-component-library5.js +1 -1
  191. package/lib/sd-component-library50.js +1 -1
  192. package/lib/sd-component-library52.js +3 -3
  193. package/lib/sd-component-library53.js +2 -2
  194. package/lib/sd-component-library54.js +2 -2
  195. package/lib/sd-component-library55.js +84 -57
  196. package/lib/sd-component-library55.js.map +1 -1
  197. package/lib/sd-component-library57.js +54 -54
  198. package/lib/sd-component-library57.js.map +1 -1
  199. package/lib/sd-component-library58.js +9 -8
  200. package/lib/sd-component-library58.js.map +1 -1
  201. package/lib/sd-component-library6.js +1 -1
  202. package/lib/sd-component-library60.js +1 -1
  203. package/lib/sd-component-library61.js +1 -1
  204. package/lib/sd-component-library62.js +4 -4
  205. package/lib/sd-component-library63.js +1 -1
  206. package/lib/sd-component-library64.js +2 -2
  207. package/lib/sd-component-library65.js +1 -1
  208. package/lib/sd-component-library70.js +2 -2
  209. package/lib/sd-component-library72.js +3 -3
  210. package/lib/sd-component-library74.js +2 -2
  211. package/lib/sd-component-library75.js +3 -3
  212. package/lib/sd-component-library76.js +1 -1
  213. package/lib/sd-component-library77.js +1 -1
  214. package/lib/sd-component-library79.js +1 -1
  215. package/lib/sd-component-library80.js +1 -1
  216. package/lib/sd-component-library88.js +1 -1
  217. package/lib/sd-component-library89.js +4 -4
  218. package/lib/sd-component-library92.js +4 -4
  219. package/lib/sd-component-library94.js +6 -6
  220. package/lib/sd-component-library98.js +1 -1
  221. package/lib/sd-component-library99.js +2 -2
  222. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const {\n segmented,\n diameter,\n arc,\n totalRanges,\n distanceBetweenRanges,\n start,\n end,\n idx,\n hideLabels,\n isMatchedRange,\n } = props;\n\n const needConnection = !segmented;\n\n const radius = diameter / 2;\n\n const { rangeArcMiddle: alpha } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n start,\n end\n );\n\n return (\n <>\n <OutlineMeterRange\n {...props}\n hideLabels\n connected={needConnection}\n ref={pointRef}\n />\n\n {!hideLabels && !isMatchedRange && (\n <LabelPointer\n {...props}\n radius={radius}\n color={theme.colors.cl_lightGrey}\n alpha={alpha}\n horizontal={getIsHorizontal(props)}\n />\n )}\n </>\n );\n }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
1
+ {"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const {\n label,\n color,\n alpha,\n radius,\n horizontal,\n pointerLength,\n round,\n pointY,\n } = props;\n\n const [textHeight, setTextHeight] = useState(0);\n const [textY, setTextY] = useState(0);\n\n const ref = useCallback((node: HTMLElement) => {\n if (node) {\n const { height, y } = node.getBoundingClientRect();\n setTextHeight(height);\n setTextY(y);\n }\n }, []);\n\n let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n radius + pointerLength,\n alpha,\n radius\n );\n\n const isOnTop = alpha === 180;\n const isOnLeft = alpha < 180;\n const isOnRight = alpha > 180;\n\n if (horizontal) {\n const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n radius,\n alpha,\n radius\n );\n\n pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n pointerEndY = pointerStartY;\n }\n\n if (!label) return null;\n\n let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n if (!borderRadius && pointY) {\n const textTopY = textY - textHeight;\n const textBottomY = textY;\n\n borderRadius = [\n isOnLeft || pointY > textTopY,\n isOnRight || pointY > textTopY,\n isOnRight || pointY < textBottomY,\n isOnLeft || pointY < textBottomY,\n ]\n .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n .join(\" \");\n }\n\n return (\n <Box\n sx={{\n position: \"absolute\",\n left: `${pointerEndX}px`,\n top: `${pointerEndY}px`,\n }}\n >\n <Box\n sx={{\n boxSizing: \"content-box\",\n position: \"relative\",\n top: `calc(-${textHeight}px)`,\n left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n py: \"7px\",\n px: `${labelPaddingX}px`,\n borderColor: color,\n borderWidth: \"2px\",\n borderStyle: \"solid\",\n borderRadius,\n bg: \"cl_white\",\n \"& > div\": {\n maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n },\n }}\n ref={ref}\n >\n <ResponsiveTextV2\n fontSizeWeight={[[12, \"semi-bold\"]]}\n width=\"max-content\"\n color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n textTransform=\"uppercase\"\n letterSpacing=\"1.8px\"\n >\n {label}\n </ResponsiveTextV2>\n </Box>\n </Box>\n );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -1,96 +1,54 @@
1
- import { j as a } from "./sd-component-library195.js";
2
- import { useState as S, useCallback as B } from "react";
3
- import { Box as Y } from "rebass";
4
- import { labelPaddingX as c, labelWidth as W } from "./sd-component-library228.js";
5
- import { getCoordinateForArc as $ } from "./sd-component-library91.js";
6
- import { ResponsiveTextV2 as z } from "./sd-component-library149.js";
7
- const D = (j) => {
8
- const {
9
- label: d,
10
- color: p,
11
- alpha: e,
12
- radius: r,
13
- horizontal: v,
14
- pointerLength: m,
15
- round: y,
16
- pointY: i
17
- } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
18
- if (t) {
19
- const { height: o, y: l } = t.getBoundingClientRect();
20
- C(o), R(l);
21
- }
22
- }, []);
23
- let { x: b, y: g } = $(
24
- r + m,
25
- e,
26
- r
27
- );
28
- const s = e === 180, n = e < 180, u = e > 180;
29
- if (v) {
30
- const { x: t, y: o } = $(
31
- r,
32
- e,
33
- r
1
+ import { j as t } from "./sd-component-library195.js";
2
+ import x from "react";
3
+ import u from "./sd-component-library194.js";
4
+ import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library230.js";
5
+ import { OutlineMeterRange as M } from "./sd-component-library234.js";
6
+ import { LabelPointer as b } from "./sd-component-library325.js";
7
+ const A = x.forwardRef(
8
+ (e, r) => {
9
+ const {
10
+ segmented: o,
11
+ diameter: n,
12
+ arc: a,
13
+ totalRanges: i,
14
+ distanceBetweenRanges: s,
15
+ start: m,
16
+ end: c,
17
+ idx: d,
18
+ hideLabels: l,
19
+ isMatchedRange: g
20
+ } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
21
+ a,
22
+ i,
23
+ s,
24
+ d,
25
+ m,
26
+ c
34
27
  );
35
- b = t + m * (n ? -1 : 1), g = o;
36
- }
37
- if (!d)
38
- return null;
39
- let x = y || s ? `${c}px` : void 0;
40
- if (!x && i) {
41
- const t = f - h, o = f;
42
- x = [
43
- n || i > t,
44
- u || i > t,
45
- u || i < o,
46
- n || i < o
47
- ].map((l) => l ? `${c}px` : "0").join(" ");
48
- }
49
- return /* @__PURE__ */ a.jsx(
50
- Y,
51
- {
52
- sx: {
53
- position: "absolute",
54
- left: `${b}px`,
55
- top: `${g}px`
56
- },
57
- children: /* @__PURE__ */ a.jsx(
58
- Y,
28
+ return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
29
+ /* @__PURE__ */ t.jsx(
30
+ M,
31
+ {
32
+ ...e,
33
+ hideLabels: !0,
34
+ connected: f,
35
+ ref: r
36
+ }
37
+ ),
38
+ !l && !g && /* @__PURE__ */ t.jsx(
39
+ b,
59
40
  {
60
- sx: {
61
- boxSizing: "content-box",
62
- position: "relative",
63
- top: `calc(-${h}px)`,
64
- left: s ? "-50%" : n ? "-100%" : void 0,
65
- py: "7px",
66
- px: `${c}px`,
67
- borderColor: p,
68
- borderWidth: "2px",
69
- borderStyle: "solid",
70
- borderRadius: x,
71
- bg: "cl_white",
72
- "& > div": {
73
- maxWidth: s ? void 0 : `${W}px`
74
- }
75
- },
76
- ref: T,
77
- children: /* @__PURE__ */ a.jsx(
78
- z,
79
- {
80
- fontSizeWeight: [[12, "semi-bold"]],
81
- width: "max-content",
82
- color: p !== "#CCD0DB" ? p : "cl_darkGrey",
83
- textTransform: "uppercase",
84
- letterSpacing: "1.8px",
85
- children: d
86
- }
87
- )
41
+ ...e,
42
+ radius: R,
43
+ color: u.colors.cl_lightGrey,
44
+ alpha: h,
45
+ horizontal: j(e)
88
46
  }
89
47
  )
90
- }
91
- );
92
- };
48
+ ] });
49
+ }
50
+ );
93
51
  export {
94
- D as MatchedRangeLabelBox
52
+ A as SmileyMeterRange
95
53
  };
96
54
  //# sourceMappingURL=sd-component-library315.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library315.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n const {\n label,\n color,\n alpha,\n radius,\n horizontal,\n pointerLength,\n round,\n pointY,\n } = props;\n\n const [textHeight, setTextHeight] = useState(0);\n const [textY, setTextY] = useState(0);\n\n const ref = useCallback((node: HTMLElement) => {\n if (node) {\n const { height, y } = node.getBoundingClientRect();\n setTextHeight(height);\n setTextY(y);\n }\n }, []);\n\n let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n radius + pointerLength,\n alpha,\n radius\n );\n\n const isOnTop = alpha === 180;\n const isOnLeft = alpha < 180;\n const isOnRight = alpha > 180;\n\n if (horizontal) {\n const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n radius,\n alpha,\n radius\n );\n\n pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n pointerEndY = pointerStartY;\n }\n\n if (!label) return null;\n\n let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n if (!borderRadius && pointY) {\n const textTopY = textY - textHeight;\n const textBottomY = textY;\n\n borderRadius = [\n isOnLeft || pointY > textTopY,\n isOnRight || pointY > textTopY,\n isOnRight || pointY < textBottomY,\n isOnLeft || pointY < textBottomY,\n ]\n .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n .join(\" \");\n }\n\n return (\n <Box\n sx={{\n position: \"absolute\",\n left: `${pointerEndX}px`,\n top: `${pointerEndY}px`,\n }}\n >\n <Box\n sx={{\n boxSizing: \"content-box\",\n position: \"relative\",\n top: `calc(-${textHeight}px)`,\n left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n py: \"7px\",\n px: `${labelPaddingX}px`,\n borderColor: color,\n borderWidth: \"2px\",\n borderStyle: \"solid\",\n borderRadius,\n bg: \"cl_white\",\n \"& > div\": {\n maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n },\n }}\n ref={ref}\n >\n <ResponsiveTextV2\n fontSizeWeight={[[12, \"semi-bold\"]]}\n width=\"max-content\"\n color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n textTransform=\"uppercase\"\n letterSpacing=\"1.8px\"\n >\n {label}\n </ResponsiveTextV2>\n </Box>\n </Box>\n );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"sd-component-library315.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n (props, pointRef) => {\n const {\n segmented,\n diameter,\n arc,\n totalRanges,\n distanceBetweenRanges,\n start,\n end,\n idx,\n hideLabels,\n isMatchedRange,\n } = props;\n\n const needConnection = !segmented;\n\n const radius = diameter / 2;\n\n const { rangeArcMiddle: alpha } = getRangeProperties(\n arc,\n totalRanges,\n distanceBetweenRanges,\n idx,\n start,\n end\n );\n\n return (\n <>\n <OutlineMeterRange\n {...props}\n hideLabels\n connected={needConnection}\n ref={pointRef}\n />\n\n {!hideLabels && !isMatchedRange && (\n <LabelPointer\n {...props}\n radius={radius}\n color={theme.colors.cl_lightGrey}\n alpha={alpha}\n horizontal={getIsHorizontal(props)}\n />\n )}\n </>\n );\n }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
@@ -1,5 +1,5 @@
1
1
  import { j as c } from "./sd-component-library195.js";
2
- import { CheckboxV2Container as e } from "./sd-component-library207.js";
2
+ import { CheckboxV2Container as e } from "./sd-component-library208.js";
3
3
  const m = ({
4
4
  onChange: r,
5
5
  value: o,
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./sd-component-library195.js";
2
- import { getSelectedRangeText as l } from "./sd-component-library283.js";
2
+ import { getSelectedRangeText as l } from "./sd-component-library282.js";
3
3
  import { FourteenRegular as n } from "./sd-component-library143.js";
4
4
  import { FourteenSb as p } from "./sd-component-library144.js";
5
5
  import { BaseGridContainer as i } from "./sd-component-library36.js";
@@ -1,5 +1,5 @@
1
1
  import { j as i } from "./sd-component-library195.js";
2
- import { CheckboxV2Container as x } from "./sd-component-library207.js";
2
+ import { CheckboxV2Container as x } from "./sd-component-library208.js";
3
3
  const d = ({
4
4
  value: o,
5
5
  onChange: r,
@@ -1,5 +1,5 @@
1
1
  import { j as o } from "./sd-component-library195.js";
2
- import { Divider as e } from "./sd-component-library213.js";
2
+ import { Divider as e } from "./sd-component-library214.js";
3
3
  const d = ({
4
4
  width: r = "100%",
5
5
  height: t = "1px",
@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library195.js";
2
2
  import { useRef as T, useState as q, useCallback as J } from "react";
3
3
  import { Box as o } from "rebass";
4
4
  import { useResize as K } from "./sd-component-library3.js";
5
- import { ReactComponent as L } from "./sd-component-library226.js";
5
+ import { ReactComponent as L } from "./sd-component-library202.js";
6
6
  const Z = (p) => {
7
7
  const {
8
8
  width: x = ["100%"],
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./sd-component-library195.js";
2
- import { Divider as o } from "./sd-component-library213.js";
2
+ import { Divider as o } from "./sd-component-library214.js";
3
3
  const x = ({
4
4
  width: r = "1px",
5
5
  height: t = "41px",
@@ -1,8 +1,8 @@
1
1
  import { j as t } from "./sd-component-library195.js";
2
- import { BaseBooleanFeedback as m } from "./sd-component-library210.js";
2
+ import { BaseBooleanFeedback as m } from "./sd-component-library209.js";
3
3
  import { IconButton as n } from "./sd-component-library22.js";
4
- import { ReactComponent as c } from "./sd-component-library211.js";
5
- import { ReactComponent as u } from "./sd-component-library212.js";
4
+ import { ReactComponent as c } from "./sd-component-library210.js";
5
+ import { ReactComponent as u } from "./sd-component-library211.js";
6
6
  const f = (i) => {
7
7
  const { title: s, onPositiveFeedback: r, onNegativeFeedback: d, optionSelected: e } = i, a = (o) => /* @__PURE__ */ t.jsx(n, { onClick: o, "data-testid": "thumbs-up-button", children: /* @__PURE__ */ t.jsx(
8
8
  c,
@@ -1,8 +1,8 @@
1
1
  import { j as e } from "./sd-component-library195.js";
2
2
  import { useHover as x } from "./sd-component-library3.js";
3
- import { BaseFeedbackContainer as f } from "./sd-component-library208.js";
3
+ import { BaseFeedbackContainer as f } from "./sd-component-library212.js";
4
4
  import { BaseGridContainer as j } from "./sd-component-library36.js";
5
- import { BaseFeedbackButton as k } from "./sd-component-library209.js";
5
+ import { BaseFeedbackButton as k } from "./sd-component-library213.js";
6
6
  const C = ({
7
7
  questionText: t,
8
8
  options: a,
@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library195.js";
2
2
  import { Box as l } from "rebass";
3
3
  import { useHover as k, useBreakPoints as g } from "./sd-component-library3.js";
4
4
  import { isTouchScreen as C } from "./sd-component-library4.js";
5
- import { BaseFeedbackContainer as S } from "./sd-component-library208.js";
5
+ import { BaseFeedbackContainer as S } from "./sd-component-library212.js";
6
6
  import { GridContainerV2 as y } from "./sd-component-library39.js";
7
- import { BaseFeedbackButton as a } from "./sd-component-library209.js";
7
+ import { BaseFeedbackButton as a } from "./sd-component-library213.js";
8
8
  import { FrMaxContainer as x } from "./sd-component-library38.js";
9
9
  import { ReactComponent as B } from "./sd-component-library175.js";
10
10
  const D = ({
@@ -1,86 +1,113 @@
1
- import { j as p } from "./sd-component-library195.js";
2
- import { useState as x, useEffect as h, useCallback as C } from "react";
3
- import { Input as I } from "@rebass/forms";
4
- import { InputContainer as V } from "./sd-component-library58.js";
5
- import { InvalidInputError as d } from "./sd-component-library68.js";
6
- const j = (t, a, n) => (o) => {
7
- const e = o.target.value;
1
+ import { j as i } from "./sd-component-library195.js";
2
+ import { useState as d, useEffect as g, useCallback as w } from "react";
3
+ import { Input as j } from "@rebass/forms";
4
+ import { InputContainer as v } from "./sd-component-library58.js";
5
+ import { InvalidInputError as I } from "./sd-component-library68.js";
6
+ const V = (t, a, s) => (o) => {
7
+ const n = o.target.value;
8
8
  try {
9
- const r = n(e);
10
- t(e), r && a(e);
9
+ const r = s(n);
10
+ t(n), r && a(n);
11
11
  } catch (r) {
12
- if (!(r instanceof d))
12
+ if (!(r instanceof I))
13
13
  throw r;
14
14
  }
15
- }, g = ({
15
+ }, y = ({
16
16
  value: t,
17
17
  onChange: a,
18
- validateValue: n = () => !0,
18
+ validateValue: s = () => !0,
19
19
  focusInput: o,
20
- ...e
20
+ ...n
21
21
  }) => {
22
- const [r, i] = x(t);
23
- h(() => {
24
- t !== void 0 && i(t);
22
+ const [r, l] = d(t);
23
+ g(() => {
24
+ t !== void 0 && l(t);
25
25
  }, [t]);
26
- const c = C(
27
- (s) => {
28
- o && (s == null || s.focus());
26
+ const p = w(
27
+ (e) => {
28
+ o && (e == null || e.focus());
29
29
  },
30
30
  [o]
31
31
  );
32
- return /* @__PURE__ */ p.jsx(
33
- I,
32
+ return /* @__PURE__ */ i.jsx(
33
+ j,
34
34
  {
35
35
  variant: "_inputs.textInput.primary",
36
36
  p: "14px 0",
37
- onChange: j(i, a, n),
37
+ onChange: V(l, a, s),
38
38
  value: r,
39
- ...e,
40
- ref: c
39
+ ...n,
40
+ ref: p
41
41
  }
42
42
  );
43
- }, F = ({
43
+ }, m = "16px", D = ({
44
44
  value: t,
45
45
  onChange: a,
46
- id: n,
46
+ id: s,
47
47
  disabled: o,
48
- validateValue: e,
48
+ validateValue: n,
49
49
  onFocus: r,
50
- onBlur: i,
51
- placeholder: c,
52
- autoFocus: s,
53
- onKeyPress: m,
54
- focusInput: l,
55
- maxLength: u,
56
- ...f
57
- }) => /* @__PURE__ */ p.jsx(
58
- V,
50
+ onBlur: l,
51
+ placeholder: p,
52
+ autoFocus: e,
53
+ onKeyPress: x,
54
+ focusInput: f,
55
+ maxLength: h,
56
+ showCheckMark: c,
57
+ ...u
58
+ }) => /* @__PURE__ */ i.jsxs(
59
+ v,
59
60
  {
60
- id: n,
61
+ id: s,
61
62
  cursor: o ? "not-allowed" : "pointer",
62
- ...f,
63
- children: /* @__PURE__ */ p.jsx(
64
- g,
65
- {
66
- value: t,
67
- onChange: a,
68
- validateValue: e,
69
- id: n,
70
- disabled: o,
71
- placeholder: c,
72
- onFocus: r,
73
- onBlur: i,
74
- autoFocus: s,
75
- onKeyPress: m,
76
- focusInput: l,
77
- maxLength: u
78
- }
79
- )
63
+ ...u,
64
+ children: [
65
+ /* @__PURE__ */ i.jsx(
66
+ y,
67
+ {
68
+ value: t,
69
+ onChange: a,
70
+ validateValue: n,
71
+ id: s,
72
+ disabled: o,
73
+ placeholder: p,
74
+ onFocus: r,
75
+ onBlur: l,
76
+ autoFocus: e,
77
+ onKeyPress: x,
78
+ focusInput: f,
79
+ maxLength: h,
80
+ pr: c ? m : void 0
81
+ }
82
+ ),
83
+ c && /* @__PURE__ */ i.jsx(
84
+ "svg",
85
+ {
86
+ xmlns: "http://www.w3.org/2000/svg",
87
+ width: m,
88
+ height: "11.931",
89
+ viewBox: "0 0 16 11.931",
90
+ fill: "#3DEB24",
91
+ style: {
92
+ position: "absolute",
93
+ right: 0,
94
+ bottom: "16px",
95
+ transform: "translateY(-50%)"
96
+ },
97
+ children: /* @__PURE__ */ i.jsx(
98
+ "path",
99
+ {
100
+ d: "M5.434,16.274l-5.2-5.2a.8.8,0,0,1,0-1.131L1.366,8.812a.8.8,0,0,1,1.131,0l3.5,3.5,7.5-7.5a.8.8,0,0,1,1.131,0l1.131,1.131a.8.8,0,0,1,0,1.131l-9.2,9.2A.8.8,0,0,1,5.434,16.274Z",
101
+ transform: "translate(0 -4.577)"
102
+ }
103
+ )
104
+ }
105
+ )
106
+ ]
80
107
  }
81
108
  );
82
109
  export {
83
- g as FormV2Input,
84
- F as FormV2InputWithContainer
110
+ y as FormV2Input,
111
+ D as FormV2InputWithContainer
85
112
  };
86
113
  //# sourceMappingURL=sd-component-library55.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sd-component-library55.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2InputProps as Props } from \"./interfaces\";\n\nconst getOnChangeCallback =\n (\n setDisplayedValue: (newValue: string) => void,\n onChange: Props[\"onChange\"],\n validateValue: Required<Props>[\"validateValue\"]\n ) =>\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = event.target.value;\n try {\n const isValid = validateValue(newValue);\n setDisplayedValue(newValue);\n isValid && onChange(newValue);\n } catch (error) {\n if (!(error instanceof InvalidInputError)) throw error;\n }\n };\n\nexport const FormV2Input: React.FC<Props> = ({\n value,\n onChange,\n validateValue = () => true,\n focusInput,\n ...props\n}) => {\n const [displayedValue, setDisplayedValue] = useState(value);\n\n useEffect(() => {\n value !== undefined && setDisplayedValue(value);\n }, [value]);\n\n const ref = useCallback(\n (input: HTMLInputElement | null) => {\n focusInput && input?.focus();\n },\n [focusInput]\n );\n\n return (\n <RebassInput\n variant=\"_inputs.textInput.primary\"\n p=\"14px 0\"\n onChange={getOnChangeCallback(setDisplayedValue, onChange, validateValue)}\n value={displayedValue}\n {...props}\n ref={ref}\n />\n );\n};\n\nexport const FormV2InputWithContainer: React.FC<\n Props & InputContainerProps\n> = ({\n value,\n onChange,\n id,\n disabled,\n validateValue,\n onFocus,\n onBlur,\n placeholder,\n autoFocus,\n onKeyPress,\n focusInput,\n maxLength,\n ...containerProps\n}) => (\n <InputContainer\n id={id}\n cursor={disabled ? \"not-allowed\" : \"pointer\"}\n {...containerProps}\n >\n <FormV2Input\n {...{\n value,\n onChange,\n validateValue,\n id,\n disabled,\n placeholder,\n onFocus,\n onBlur,\n autoFocus,\n onKeyPress,\n focusInput,\n maxLength,\n }}\n />\n </InputContainer>\n);\n"],"names":["getOnChangeCallback","setDisplayedValue","onChange","validateValue","event","newValue","isValid","error","InvalidInputError","FormV2Input","value","focusInput","props","displayedValue","useState","useEffect","ref","useCallback","input","jsx","RebassInput","FormV2InputWithContainer","id","disabled","onFocus","onBlur","placeholder","autoFocus","onKeyPress","maxLength","containerProps","InputContainer"],"mappings":";;;;;AAQA,MAAMA,IACJ,CACEC,GACAC,GACAC,MAEF,CAACC,MAA+C;AACxC,QAAAC,IAAWD,EAAM,OAAO;AAC1B,MAAA;AACI,UAAAE,IAAUH,EAAcE,CAAQ;AACtC,IAAAJ,EAAkBI,CAAQ,GAC1BC,KAAWJ,EAASG,CAAQ;AAAA,WACrBE,GAAO;AACd,QAAI,EAAEA,aAAiBC;AAA0B,YAAAD;AAAA,EACnD;AACF,GAEWE,IAA+B,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAR;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EACtB,YAAAQ;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAgBZ,CAAiB,IAAIa,EAASJ,CAAK;AAE1D,EAAAK,EAAU,MAAM;AACJ,IAAAL,MAAA,UAAaT,EAAkBS,CAAK;AAAA,EAAA,GAC7C,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAMC;AAAA,IACV,CAACC,MAAmC;AAClC,MAAAP,MAAcO,KAAA,QAAAA,EAAO;AAAA,IACvB;AAAA,IACA,CAACP,CAAU;AAAA,EAAA;AAIX,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,GAAE;AAAA,MACF,UAAUpB,EAAoBC,GAAmBC,GAAUC,CAAa;AAAA,MACxE,OAAOU;AAAA,MACN,GAAGD;AAAA,MACJ,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaK,IAET,CAAC;AAAA,EACH,OAAAX;AAAA,EACA,UAAAR;AAAA,EACA,IAAAoB;AAAA,EACA,UAAAC;AAAA,EACA,eAAApB;AAAA,EACA,SAAAqB;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAjB;AAAA,EACA,WAAAkB;AAAA,EACA,GAAGC;AACL,MACEX,gBAAAA,EAAA;AAAA,EAACY;AAAA,EAAA;AAAA,IACC,IAAAT;AAAA,IACA,QAAQC,IAAW,gBAAgB;AAAA,IAClC,GAAGO;AAAA,IAEJ,UAAAX,gBAAAA,EAAA;AAAA,MAACV;AAAA,MAAA;AAAA,QAEG,OAAAC;AAAA,QACA,UAAAR;AAAA,QACA,eAAAC;AAAA,QACA,IAAAmB;AAAA,QACA,UAAAC;AAAA,QACA,aAAAG;AAAA,QACA,SAAAF;AAAA,QACA,QAAAC;AAAA,QACA,WAAAE;AAAA,QACA,YAAAC;AAAA,QACA,YAAAjB;AAAA,QACA,WAAAkB;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AACF;"}
1
+ {"version":3,"file":"sd-component-library55.js","sources":["../src/components/forms-v2/form-v2-input/form-v2-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \"../../inputs\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2InputProps as Props } from \"./interfaces\";\n\nconst getOnChangeCallback =\n (\n setDisplayedValue: (newValue: string) => void,\n onChange: Props[\"onChange\"],\n validateValue: Required<Props>[\"validateValue\"]\n ) =>\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = event.target.value;\n try {\n const isValid = validateValue(newValue);\n setDisplayedValue(newValue);\n isValid && onChange(newValue);\n } catch (error) {\n if (!(error instanceof InvalidInputError)) throw error;\n }\n };\n\nexport const FormV2Input: React.FC<Props> = ({\n value,\n onChange,\n validateValue = () => true,\n focusInput,\n ...props\n}) => {\n const [displayedValue, setDisplayedValue] = useState(value);\n\n useEffect(() => {\n value !== undefined && setDisplayedValue(value);\n }, [value]);\n\n const ref = useCallback(\n (input: HTMLInputElement | null) => {\n focusInput && input?.focus();\n },\n [focusInput]\n );\n\n return (\n <RebassInput\n variant=\"_inputs.textInput.primary\"\n p=\"14px 0\"\n onChange={getOnChangeCallback(setDisplayedValue, onChange, validateValue)}\n value={displayedValue}\n {...props}\n ref={ref}\n />\n );\n};\n\nconst checkMarkWidth = \"16px\";\n\nexport const FormV2InputWithContainer: React.FC<\n Omit<Props, \"pr\"> & InputContainerProps & { showCheckMark?: boolean }\n> = ({\n value,\n onChange,\n id,\n disabled,\n validateValue,\n onFocus,\n onBlur,\n placeholder,\n autoFocus,\n onKeyPress,\n focusInput,\n maxLength,\n showCheckMark,\n ...containerProps\n}) => (\n <InputContainer\n id={id}\n cursor={disabled ? \"not-allowed\" : \"pointer\"}\n {...containerProps}\n >\n <FormV2Input\n {...{\n value,\n onChange,\n validateValue,\n id,\n disabled,\n placeholder,\n onFocus,\n onBlur,\n autoFocus,\n onKeyPress,\n focusInput,\n maxLength,\n }}\n pr={showCheckMark ? checkMarkWidth : undefined}\n />\n\n {showCheckMark && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={checkMarkWidth}\n height=\"11.931\"\n viewBox=\"0 0 16 11.931\"\n fill=\"#3DEB24\"\n style={{\n position: \"absolute\",\n right: 0,\n bottom: \"16px\",\n transform: \"translateY(-50%)\",\n }}\n >\n <path\n d=\"M5.434,16.274l-5.2-5.2a.8.8,0,0,1,0-1.131L1.366,8.812a.8.8,0,0,1,1.131,0l3.5,3.5,7.5-7.5a.8.8,0,0,1,1.131,0l1.131,1.131a.8.8,0,0,1,0,1.131l-9.2,9.2A.8.8,0,0,1,5.434,16.274Z\"\n transform=\"translate(0 -4.577)\"\n />\n </svg>\n )}\n </InputContainer>\n);\n"],"names":["getOnChangeCallback","setDisplayedValue","onChange","validateValue","event","newValue","isValid","error","InvalidInputError","FormV2Input","value","focusInput","props","displayedValue","useState","useEffect","ref","useCallback","input","jsx","RebassInput","checkMarkWidth","FormV2InputWithContainer","id","disabled","onFocus","onBlur","placeholder","autoFocus","onKeyPress","maxLength","showCheckMark","containerProps","jsxs","InputContainer"],"mappings":";;;;;AAQA,MAAMA,IACJ,CACEC,GACAC,GACAC,MAEF,CAACC,MAA+C;AACxC,QAAAC,IAAWD,EAAM,OAAO;AAC1B,MAAA;AACI,UAAAE,IAAUH,EAAcE,CAAQ;AACtC,IAAAJ,EAAkBI,CAAQ,GAC1BC,KAAWJ,EAASG,CAAQ;AAAA,WACrBE,GAAO;AACd,QAAI,EAAEA,aAAiBC;AAA0B,YAAAD;AAAA,EACnD;AACF,GAEWE,IAA+B,CAAC;AAAA,EAC3C,OAAAC;AAAA,EACA,UAAAR;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EACtB,YAAAQ;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAgBZ,CAAiB,IAAIa,EAASJ,CAAK;AAE1D,EAAAK,EAAU,MAAM;AACJ,IAAAL,MAAA,UAAaT,EAAkBS,CAAK;AAAA,EAAA,GAC7C,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAMC;AAAA,IACV,CAACC,MAAmC;AAClC,MAAAP,MAAcO,KAAA,QAAAA,EAAO;AAAA,IACvB;AAAA,IACA,CAACP,CAAU;AAAA,EAAA;AAIX,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,GAAE;AAAA,MACF,UAAUpB,EAAoBC,GAAmBC,GAAUC,CAAa;AAAA,MACxE,OAAOU;AAAA,MACN,GAAGD;AAAA,MACJ,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMK,IAAiB,QAEVC,IAET,CAAC;AAAA,EACH,OAAAZ;AAAA,EACA,UAAAR;AAAA,EACA,IAAAqB;AAAA,EACA,UAAAC;AAAA,EACA,eAAArB;AAAA,EACA,SAAAsB;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAAX;AAAA,IACA,QAAQC,IAAW,gBAAgB;AAAA,IAClC,GAAGQ;AAAA,IAEJ,UAAA;AAAA,MAAAb,gBAAAA,EAAA;AAAA,QAACV;AAAA,QAAA;AAAA,UAEG,OAAAC;AAAA,UACA,UAAAR;AAAA,UACA,eAAAC;AAAA,UACA,IAAAoB;AAAA,UACA,UAAAC;AAAA,UACA,aAAAG;AAAA,UACA,SAAAF;AAAA,UACA,QAAAC;AAAA,UACA,WAAAE;AAAA,UACA,YAAAC;AAAA,UACA,YAAAlB;AAAA,UACA,WAAAmB;AAAA,UAEF,IAAIC,IAAgBV,IAAiB;AAAA,QAAA;AAAA,MACvC;AAAA,MAECU,KACCZ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAOE;AAAA,UACP,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UAEA,UAAAF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAEJ;"}