@lynx-js/genui 0.0.1-rc.0

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 (254) hide show
  1. package/LICENSE +202 -0
  2. package/README.md +170 -0
  3. package/a2ui/README.md +140 -0
  4. package/a2ui/dist/catalog/Button/catalog.json +156 -0
  5. package/a2ui/dist/catalog/Button/index.d.ts +35 -0
  6. package/a2ui/dist/catalog/Button/index.js +35 -0
  7. package/a2ui/dist/catalog/Button/index.js.map +1 -0
  8. package/a2ui/dist/catalog/Card/catalog.json +24 -0
  9. package/a2ui/dist/catalog/Card/index.d.ts +11 -0
  10. package/a2ui/dist/catalog/Card/index.js +19 -0
  11. package/a2ui/dist/catalog/Card/index.js.map +1 -0
  12. package/a2ui/dist/catalog/CheckBox/catalog.json +170 -0
  13. package/a2ui/dist/catalog/CheckBox/index.d.ts +32 -0
  14. package/a2ui/dist/catalog/CheckBox/index.js +24 -0
  15. package/a2ui/dist/catalog/CheckBox/index.js.map +1 -0
  16. package/a2ui/dist/catalog/Column/catalog.json +57 -0
  17. package/a2ui/dist/catalog/Column/index.d.ts +15 -0
  18. package/a2ui/dist/catalog/Column/index.js +55 -0
  19. package/a2ui/dist/catalog/Column/index.js.map +1 -0
  20. package/a2ui/dist/catalog/Divider/catalog.json +14 -0
  21. package/a2ui/dist/catalog/Divider/index.d.ts +9 -0
  22. package/a2ui/dist/catalog/Divider/index.js +8 -0
  23. package/a2ui/dist/catalog/Divider/index.js.map +1 -0
  24. package/a2ui/dist/catalog/Icon/catalog.json +45 -0
  25. package/a2ui/dist/catalog/Icon/index.d.ts +14 -0
  26. package/a2ui/dist/catalog/Icon/index.js +11 -0
  27. package/a2ui/dist/catalog/Icon/index.js.map +1 -0
  28. package/a2ui/dist/catalog/Image/catalog.json +62 -0
  29. package/a2ui/dist/catalog/Image/index.d.ts +16 -0
  30. package/a2ui/dist/catalog/Image/index.js +30 -0
  31. package/a2ui/dist/catalog/Image/index.js.map +1 -0
  32. package/a2ui/dist/catalog/LineChart/catalog.json +98 -0
  33. package/a2ui/dist/catalog/LineChart/index.d.ts +31 -0
  34. package/a2ui/dist/catalog/LineChart/index.js +195 -0
  35. package/a2ui/dist/catalog/LineChart/index.js.map +1 -0
  36. package/a2ui/dist/catalog/List/catalog.json +52 -0
  37. package/a2ui/dist/catalog/List/index.d.ts +15 -0
  38. package/a2ui/dist/catalog/List/index.js +53 -0
  39. package/a2ui/dist/catalog/List/index.js.map +1 -0
  40. package/a2ui/dist/catalog/Modal/catalog.json +18 -0
  41. package/a2ui/dist/catalog/Modal/index.d.ts +12 -0
  42. package/a2ui/dist/catalog/Modal/index.js +33 -0
  43. package/a2ui/dist/catalog/Modal/index.js.map +1 -0
  44. package/a2ui/dist/catalog/PieChart/catalog.json +87 -0
  45. package/a2ui/dist/catalog/PieChart/index.d.ts +37 -0
  46. package/a2ui/dist/catalog/PieChart/index.js +131 -0
  47. package/a2ui/dist/catalog/PieChart/index.js.map +1 -0
  48. package/a2ui/dist/catalog/RadioGroup/catalog.json +184 -0
  49. package/a2ui/dist/catalog/RadioGroup/index.d.ts +36 -0
  50. package/a2ui/dist/catalog/RadioGroup/index.js +36 -0
  51. package/a2ui/dist/catalog/RadioGroup/index.js.map +1 -0
  52. package/a2ui/dist/catalog/Row/catalog.json +57 -0
  53. package/a2ui/dist/catalog/Row/index.d.ts +15 -0
  54. package/a2ui/dist/catalog/Row/index.js +28 -0
  55. package/a2ui/dist/catalog/Row/index.js.map +1 -0
  56. package/a2ui/dist/catalog/Slider/catalog.json +183 -0
  57. package/a2ui/dist/catalog/Slider/index.d.ts +41 -0
  58. package/a2ui/dist/catalog/Slider/index.js +39 -0
  59. package/a2ui/dist/catalog/Slider/index.js.map +1 -0
  60. package/a2ui/dist/catalog/Slider/utils.d.ts +11 -0
  61. package/a2ui/dist/catalog/Slider/utils.js +58 -0
  62. package/a2ui/dist/catalog/Slider/utils.js.map +1 -0
  63. package/a2ui/dist/catalog/Tabs/catalog.json +28 -0
  64. package/a2ui/dist/catalog/Tabs/index.d.ts +12 -0
  65. package/a2ui/dist/catalog/Tabs/index.js +32 -0
  66. package/a2ui/dist/catalog/Tabs/index.js.map +1 -0
  67. package/a2ui/dist/catalog/Text/catalog.json +74 -0
  68. package/a2ui/dist/catalog/Text/index.d.ts +18 -0
  69. package/a2ui/dist/catalog/Text/index.js +27 -0
  70. package/a2ui/dist/catalog/Text/index.js.map +1 -0
  71. package/a2ui/dist/catalog/TextField/catalog.json +147 -0
  72. package/a2ui/dist/catalog/TextField/index.d.ts +35 -0
  73. package/a2ui/dist/catalog/TextField/index.js +43 -0
  74. package/a2ui/dist/catalog/TextField/index.js.map +1 -0
  75. package/a2ui/dist/catalog/TextField/utils.d.ts +7 -0
  76. package/a2ui/dist/catalog/TextField/utils.js +51 -0
  77. package/a2ui/dist/catalog/TextField/utils.js.map +1 -0
  78. package/a2ui/dist/catalog/defineCatalog.d.ts +119 -0
  79. package/a2ui/dist/catalog/defineCatalog.js +196 -0
  80. package/a2ui/dist/catalog/defineCatalog.js.map +1 -0
  81. package/a2ui/dist/catalog/index.d.ts +20 -0
  82. package/a2ui/dist/catalog/index.js +26 -0
  83. package/a2ui/dist/catalog/index.js.map +1 -0
  84. package/a2ui/dist/catalog/utils/chart.d.ts +3 -0
  85. package/a2ui/dist/catalog/utils/chart.js +28 -0
  86. package/a2ui/dist/catalog/utils/chart.js.map +1 -0
  87. package/a2ui/dist/functions/index.d.ts +19 -0
  88. package/a2ui/dist/functions/index.js +87 -0
  89. package/a2ui/dist/functions/index.js.map +1 -0
  90. package/a2ui/dist/index.d.ts +11 -0
  91. package/a2ui/dist/index.js +35 -0
  92. package/a2ui/dist/index.js.map +1 -0
  93. package/a2ui/dist/react/A2UI.d.ts +77 -0
  94. package/a2ui/dist/react/A2UI.js +159 -0
  95. package/a2ui/dist/react/A2UI.js.map +1 -0
  96. package/a2ui/dist/react/A2UIProvider.d.ts +25 -0
  97. package/a2ui/dist/react/A2UIProvider.js +20 -0
  98. package/a2ui/dist/react/A2UIProvider.js.map +1 -0
  99. package/a2ui/dist/react/A2UIRenderer.d.ts +34 -0
  100. package/a2ui/dist/react/A2UIRenderer.js +161 -0
  101. package/a2ui/dist/react/A2UIRenderer.js.map +1 -0
  102. package/a2ui/dist/react/FormContext.d.ts +10 -0
  103. package/a2ui/dist/react/FormContext.js +12 -0
  104. package/a2ui/dist/react/FormContext.js.map +1 -0
  105. package/a2ui/dist/react/index.d.ts +8 -0
  106. package/a2ui/dist/react/index.js +23 -0
  107. package/a2ui/dist/react/index.js.map +1 -0
  108. package/a2ui/dist/react/useA2UIContext.d.ts +7 -0
  109. package/a2ui/dist/react/useA2UIContext.js +19 -0
  110. package/a2ui/dist/react/useA2UIContext.js.map +1 -0
  111. package/a2ui/dist/react/useAction.d.ts +9 -0
  112. package/a2ui/dist/react/useAction.js +38 -0
  113. package/a2ui/dist/react/useAction.js.map +1 -0
  114. package/a2ui/dist/react/useCatalog.d.ts +7 -0
  115. package/a2ui/dist/react/useCatalog.js +13 -0
  116. package/a2ui/dist/react/useCatalog.js.map +1 -0
  117. package/a2ui/dist/react/useChecks.d.ts +27 -0
  118. package/a2ui/dist/react/useChecks.js +76 -0
  119. package/a2ui/dist/react/useChecks.js.map +1 -0
  120. package/a2ui/dist/react/useDataBinding.d.ts +10 -0
  121. package/a2ui/dist/react/useDataBinding.js +175 -0
  122. package/a2ui/dist/react/useDataBinding.js.map +1 -0
  123. package/a2ui/dist/store/FormController.d.ts +23 -0
  124. package/a2ui/dist/store/FormController.js +40 -0
  125. package/a2ui/dist/store/FormController.js.map +1 -0
  126. package/a2ui/dist/store/FunctionRegistry.d.ts +47 -0
  127. package/a2ui/dist/store/FunctionRegistry.js +23 -0
  128. package/a2ui/dist/store/FunctionRegistry.js.map +1 -0
  129. package/a2ui/dist/store/MessageProcessor.d.ts +28 -0
  130. package/a2ui/dist/store/MessageProcessor.js +408 -0
  131. package/a2ui/dist/store/MessageProcessor.js.map +1 -0
  132. package/a2ui/dist/store/MessageStore.d.ts +38 -0
  133. package/a2ui/dist/store/MessageStore.js +37 -0
  134. package/a2ui/dist/store/MessageStore.js.map +1 -0
  135. package/a2ui/dist/store/Resource.d.ts +45 -0
  136. package/a2ui/dist/store/Resource.js +80 -0
  137. package/a2ui/dist/store/Resource.js.map +1 -0
  138. package/a2ui/dist/store/SignalStore.d.ts +10 -0
  139. package/a2ui/dist/store/SignalStore.js +29 -0
  140. package/a2ui/dist/store/SignalStore.js.map +1 -0
  141. package/a2ui/dist/store/index.d.ts +14 -0
  142. package/a2ui/dist/store/index.js +15 -0
  143. package/a2ui/dist/store/index.js.map +1 -0
  144. package/a2ui/dist/store/payloadNormalizer.d.ts +27 -0
  145. package/a2ui/dist/store/payloadNormalizer.js +179 -0
  146. package/a2ui/dist/store/payloadNormalizer.js.map +1 -0
  147. package/a2ui/dist/store/resolveFunctionCall.d.ts +18 -0
  148. package/a2ui/dist/store/resolveFunctionCall.js +131 -0
  149. package/a2ui/dist/store/resolveFunctionCall.js.map +1 -0
  150. package/a2ui/dist/store/types.d.ts +68 -0
  151. package/a2ui/dist/store/types.js +2 -0
  152. package/a2ui/dist/store/types.js.map +1 -0
  153. package/a2ui/dist/tsconfig.build.tsbuildinfo +1 -0
  154. package/a2ui/styles/catalog/Button.css +83 -0
  155. package/a2ui/styles/catalog/Card.css +49 -0
  156. package/a2ui/styles/catalog/CheckBox.css +46 -0
  157. package/a2ui/styles/catalog/Column.css +89 -0
  158. package/a2ui/styles/catalog/Divider.css +20 -0
  159. package/a2ui/styles/catalog/Icon.css +39 -0
  160. package/a2ui/styles/catalog/Image.css +54 -0
  161. package/a2ui/styles/catalog/LineChart.css +116 -0
  162. package/a2ui/styles/catalog/List.css +38 -0
  163. package/a2ui/styles/catalog/Modal.css +60 -0
  164. package/a2ui/styles/catalog/PieChart.css +109 -0
  165. package/a2ui/styles/catalog/RadioGroup.css +123 -0
  166. package/a2ui/styles/catalog/Row.css +83 -0
  167. package/a2ui/styles/catalog/Slider.css +96 -0
  168. package/a2ui/styles/catalog/Tabs.css +46 -0
  169. package/a2ui/styles/catalog/Text.css +121 -0
  170. package/a2ui/styles/catalog/TextField.css +48 -0
  171. package/a2ui/styles/theme.css +62 -0
  172. package/a2ui-catalog-extractor/README.md +605 -0
  173. package/a2ui-catalog-extractor/bin/a2ui-catalog-extractor.js +6 -0
  174. package/a2ui-catalog-extractor/dist/cli.d.ts +12 -0
  175. package/a2ui-catalog-extractor/dist/cli.js +171 -0
  176. package/a2ui-catalog-extractor/dist/cli.js.map +1 -0
  177. package/a2ui-catalog-extractor/dist/index.d.ts +140 -0
  178. package/a2ui-catalog-extractor/dist/index.js +755 -0
  179. package/a2ui-catalog-extractor/dist/index.js.map +1 -0
  180. package/a2ui-catalog-extractor/dist/tsconfig.build.tsbuildinfo +1 -0
  181. package/a2ui-catalog-extractor/skills/a2ui-catalog-extractor/SKILL.md +30 -0
  182. package/a2ui-prompt/README.md +65 -0
  183. package/a2ui-prompt/dist/index.d.ts +91 -0
  184. package/a2ui-prompt/dist/index.js +767 -0
  185. package/cli/README.md +88 -0
  186. package/cli/bin/cli.js +271 -0
  187. package/dist/index.d.ts +10 -0
  188. package/dist/index.js +10 -0
  189. package/dist/index.js.map +1 -0
  190. package/dist/tsconfig.build.tsbuildinfo +1 -0
  191. package/index.ts +114 -0
  192. package/openui/README.md +211 -0
  193. package/openui/dist/catalog/Action/index.d.ts +20 -0
  194. package/openui/dist/catalog/Action/index.js +23 -0
  195. package/openui/dist/catalog/Action/index.js.map +1 -0
  196. package/openui/dist/catalog/Button/index.d.ts +64 -0
  197. package/openui/dist/catalog/Button/index.js +75 -0
  198. package/openui/dist/catalog/Button/index.js.map +1 -0
  199. package/openui/dist/catalog/Card/index.d.ts +34 -0
  200. package/openui/dist/catalog/Card/index.js +69 -0
  201. package/openui/dist/catalog/Card/index.js.map +1 -0
  202. package/openui/dist/catalog/CardHeader/index.d.ts +5 -0
  203. package/openui/dist/catalog/CardHeader/index.js +18 -0
  204. package/openui/dist/catalog/CardHeader/index.js.map +1 -0
  205. package/openui/dist/catalog/Separator/index.d.ts +2 -0
  206. package/openui/dist/catalog/Separator/index.js +13 -0
  207. package/openui/dist/catalog/Separator/index.js.map +1 -0
  208. package/openui/dist/catalog/Stack/index.d.ts +29 -0
  209. package/openui/dist/catalog/Stack/index.js +61 -0
  210. package/openui/dist/catalog/Stack/index.js.map +1 -0
  211. package/openui/dist/catalog/Tag/index.d.ts +4 -0
  212. package/openui/dist/catalog/Tag/index.js +15 -0
  213. package/openui/dist/catalog/Tag/index.js.map +1 -0
  214. package/openui/dist/catalog/TextContent/index.d.ts +11 -0
  215. package/openui/dist/catalog/TextContent/index.js +33 -0
  216. package/openui/dist/catalog/TextContent/index.js.map +1 -0
  217. package/openui/dist/catalog/index.d.ts +7 -0
  218. package/openui/dist/catalog/index.js +11 -0
  219. package/openui/dist/catalog/index.js.map +1 -0
  220. package/openui/dist/catalog/utils.d.ts +2 -0
  221. package/openui/dist/catalog/utils.js +17 -0
  222. package/openui/dist/catalog/utils.js.map +1 -0
  223. package/openui/dist/core/context.d.ts +112 -0
  224. package/openui/dist/core/context.js +99 -0
  225. package/openui/dist/core/context.js.map +1 -0
  226. package/openui/dist/core/createLibrary.d.ts +10 -0
  227. package/openui/dist/core/createLibrary.js +36 -0
  228. package/openui/dist/core/createLibrary.js.map +1 -0
  229. package/openui/dist/core/hooks/index.d.ts +4 -0
  230. package/openui/dist/core/hooks/index.js +6 -0
  231. package/openui/dist/core/hooks/index.js.map +1 -0
  232. package/openui/dist/core/hooks/useFormValidation.d.ts +13 -0
  233. package/openui/dist/core/hooks/useFormValidation.js +76 -0
  234. package/openui/dist/core/hooks/useFormValidation.js.map +1 -0
  235. package/openui/dist/core/hooks/useOpenUIState.d.ts +33 -0
  236. package/openui/dist/core/hooks/useOpenUIState.js +413 -0
  237. package/openui/dist/core/hooks/useOpenUIState.js.map +1 -0
  238. package/openui/dist/core/hooks/useStateField.d.ts +2 -0
  239. package/openui/dist/core/hooks/useStateField.js +11 -0
  240. package/openui/dist/core/hooks/useStateField.js.map +1 -0
  241. package/openui/dist/core/index.d.ts +7 -0
  242. package/openui/dist/core/index.js +8 -0
  243. package/openui/dist/core/index.js.map +1 -0
  244. package/openui/dist/core/library.d.ts +20 -0
  245. package/openui/dist/core/library.js +13 -0
  246. package/openui/dist/core/library.js.map +1 -0
  247. package/openui/dist/core/renderer.css +271 -0
  248. package/openui/dist/core/renderer.d.ts +9 -0
  249. package/openui/dist/core/renderer.js +139 -0
  250. package/openui/dist/core/renderer.js.map +1 -0
  251. package/openui/dist/core/utils.d.ts +1 -0
  252. package/openui/dist/core/utils.js +76 -0
  253. package/openui/dist/core/utils.js.map +1 -0
  254. package/package.json +120 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Modal/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EACL,cAAc,EACd,aAAa,EACb,UAAU,EACV,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAM3D,OAAO,mCAAmC,CAAC;AAY3C,SAAS,gBAAgB,CACvB,KAAoC,EACpC,eAAmC;IAEnC,OAAO,KAAK,IAAI,eAAe;QAC7B,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE;QAC/B,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,KAAK,CACnB,KAAiB;IAEjB,MAAM,EACJ,eAAe,EACf,OAAO,GACR,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,eAAe,GAAG,KAGvB,CAAC;IACF,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,IAAI,eAAe,CAAC,eAAe,CAAC;IAC7E,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,IAAI,eAAe,CAAC,YAAY,CAAC;IAE1E,MAAM,OAAO,GAAG,gBAAgB,CAC9B,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACzD,eAAe,CAChB,CAAC;IACF,MAAM,OAAO,GAAG,gBAAgB,CAC9B,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACzD,eAAe,CAChB,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE;YACzB,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,aAED,eAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,UAAU,YAChD,OAAO;oBACN,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI;oBACxD,CAAC,CAAC,IAAI,GACH,EACP,MAAC,UAAU,IAAC,SAAS,EAAC,YAAY,EAAC,YAAY,EAAE,CAAC,aAChD,KAAC,cAAc,IACb,SAAS,EAAC,gBAAgB,EAC1B,YAAY,EAAE,IAAI,EAClB,UAAU,EAAE,IAAI,GAChB,EACF,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,EAAC,UAAU,EAAE,IAAI,YACtD,OAAO;4BACN,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI;4BACxD,CAAC,CAAC,IAAI,GACM,IACL,IACF,CACd,CAAC;AACJ,CAAC"}
@@ -0,0 +1,87 @@
1
+ {
2
+ "PieChart": {
3
+ "properties": {
4
+ "data": {
5
+ "oneOf": [
6
+ {
7
+ "type": "array",
8
+ "items": {
9
+ "type": "object",
10
+ "properties": {
11
+ "name": {
12
+ "type": "string"
13
+ },
14
+ "value": {
15
+ "type": "number"
16
+ },
17
+ "color": {
18
+ "type": "string"
19
+ }
20
+ },
21
+ "required": [
22
+ "name",
23
+ "value"
24
+ ],
25
+ "additionalProperties": false
26
+ }
27
+ },
28
+ {
29
+ "type": "object",
30
+ "properties": {
31
+ "path": {
32
+ "type": "string"
33
+ }
34
+ },
35
+ "required": [
36
+ "path"
37
+ ],
38
+ "additionalProperties": false
39
+ }
40
+ ],
41
+ "description": "Pie slices to render."
42
+ },
43
+ "variant": {
44
+ "type": "string",
45
+ "enum": [
46
+ "pie",
47
+ "donut"
48
+ ],
49
+ "description": "Render the chart as a flat pie or a donut."
50
+ },
51
+ "title": {
52
+ "type": "string",
53
+ "description": "Optional title shown above the chart."
54
+ },
55
+ "subtitle": {
56
+ "type": "string",
57
+ "description": "Optional subtitle shown under the title."
58
+ },
59
+ "showLegend": {
60
+ "type": "boolean",
61
+ "description": "Show the legend below the chart."
62
+ },
63
+ "showPercentages": {
64
+ "type": "boolean",
65
+ "description": "Show percentage values in the legend."
66
+ },
67
+ "height": {
68
+ "type": "number",
69
+ "description": "Chart height in pixels."
70
+ },
71
+ "paddingAngle": {
72
+ "type": "number",
73
+ "description": "Padding angle between slices, in degrees."
74
+ },
75
+ "colors": {
76
+ "type": "array",
77
+ "items": {
78
+ "type": "string"
79
+ },
80
+ "description": "Custom color palette for the slices."
81
+ }
82
+ },
83
+ "required": [
84
+ "data"
85
+ ]
86
+ }
87
+ }
@@ -0,0 +1,37 @@
1
+ import type { GenericComponentProps } from '../../store/types.js';
2
+ import '../../../styles/catalog/PieChart.css';
3
+ export interface PieChartSlice {
4
+ name: string;
5
+ value: number;
6
+ color?: string;
7
+ }
8
+ /**
9
+ * @a2uiCatalog PieChart
10
+ */
11
+ export interface PieChartProps extends GenericComponentProps {
12
+ /** Pie slices to render. */
13
+ data: Array<{
14
+ name: string;
15
+ value: number;
16
+ color?: string;
17
+ }> | {
18
+ path: string;
19
+ };
20
+ /** Render the chart as a flat pie or a donut. */
21
+ variant?: 'pie' | 'donut';
22
+ /** Optional title shown above the chart. */
23
+ title?: string;
24
+ /** Optional subtitle shown under the title. */
25
+ subtitle?: string;
26
+ /** Show the legend below the chart. */
27
+ showLegend?: boolean;
28
+ /** Show percentage values in the legend. */
29
+ showPercentages?: boolean;
30
+ /** Chart height in pixels. */
31
+ height?: number;
32
+ /** Padding angle between slices, in degrees. */
33
+ paddingAngle?: number;
34
+ /** Custom color palette for the slices. */
35
+ colors?: string[];
36
+ }
37
+ export declare function PieChart(props: PieChartProps): import('@lynx-js/react').ReactNode;
@@ -0,0 +1,131 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
2
+ // Copyright 2026 The Lynx Authors. All rights reserved.
3
+ // Licensed under the Apache License Version 2.0 that can be found in the
4
+ // LICENSE file in the root directory of this source tree.
5
+ import { useResolvedProps } from '../../react/useDataBinding.js';
6
+ import { DEFAULT_CHART_COLORS, escapeXml, formatValue, } from '../utils/chart.js';
7
+ import '../../../styles/catalog/PieChart.css';
8
+ const SVG_WIDTH = 360;
9
+ const SVG_HEIGHT = 220;
10
+ const CENTER_X = SVG_WIDTH / 2;
11
+ const CENTER_Y = SVG_HEIGHT / 2;
12
+ const DEFAULT_OUTER_RADIUS = 84;
13
+ const DEFAULT_DONUT_INNER_RADIUS = 52;
14
+ function formatPercent(value) {
15
+ if (!Number.isFinite(value))
16
+ return '0%';
17
+ return `${Number(value.toFixed(1))}%`;
18
+ }
19
+ function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
20
+ const angleInRadians = (angleInDegrees - 90) * (Math.PI / 180);
21
+ return {
22
+ x: centerX + radius * Math.cos(angleInRadians),
23
+ y: centerY + radius * Math.sin(angleInRadians),
24
+ };
25
+ }
26
+ function describeSlicePath(centerX, centerY, outerRadius, innerRadius, startAngle, endAngle) {
27
+ const outerStart = polarToCartesian(centerX, centerY, outerRadius, startAngle);
28
+ const outerEnd = polarToCartesian(centerX, centerY, outerRadius, endAngle);
29
+ const largeArcFlag = endAngle - startAngle > 180 ? '1' : '0';
30
+ if (innerRadius <= 0) {
31
+ return [
32
+ `M ${centerX.toFixed(1)} ${centerY.toFixed(1)}`,
33
+ `L ${outerStart.x.toFixed(1)} ${outerStart.y.toFixed(1)}`,
34
+ `A ${outerRadius.toFixed(1)} ${outerRadius.toFixed(1)} 0 ${largeArcFlag} 1 ${outerEnd.x.toFixed(1)} ${outerEnd.y.toFixed(1)}`,
35
+ 'Z',
36
+ ].join(' ');
37
+ }
38
+ const innerEnd = polarToCartesian(centerX, centerY, innerRadius, endAngle);
39
+ const innerStart = polarToCartesian(centerX, centerY, innerRadius, startAngle);
40
+ return [
41
+ `M ${outerStart.x.toFixed(1)} ${outerStart.y.toFixed(1)}`,
42
+ `A ${outerRadius.toFixed(1)} ${outerRadius.toFixed(1)} 0 ${largeArcFlag} 1 ${outerEnd.x.toFixed(1)} ${outerEnd.y.toFixed(1)}`,
43
+ `L ${innerEnd.x.toFixed(1)} ${innerEnd.y.toFixed(1)}`,
44
+ `A ${innerRadius.toFixed(1)} ${innerRadius.toFixed(1)} 0 ${largeArcFlag} 0 ${innerStart.x.toFixed(1)} ${innerStart.y.toFixed(1)}`,
45
+ 'Z',
46
+ ].join(' ');
47
+ }
48
+ function buildSvgMarkup(slices, variant, paddingAngle, palette) {
49
+ const total = slices.reduce((sum, slice) => sum + Math.max(0, Number(slice.value) || 0), 0);
50
+ if (total <= 0) {
51
+ return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${SVG_WIDTH} ${SVG_HEIGHT}"></svg>`;
52
+ }
53
+ const outerRadius = DEFAULT_OUTER_RADIUS;
54
+ const innerRadius = variant === 'donut' ? DEFAULT_DONUT_INNER_RADIUS : 0;
55
+ const gap = Math.max(0, paddingAngle);
56
+ let currentAngle = -90;
57
+ const segments = slices
58
+ .map((slice, index) => {
59
+ const value = Math.max(0, Number(slice.value) || 0);
60
+ if (value <= 0) {
61
+ return null;
62
+ }
63
+ const sliceAngle = (value / total) * 360;
64
+ const gapForSlice = Math.min(gap, sliceAngle * 0.45);
65
+ const startAngle = currentAngle + gapForSlice / 2;
66
+ const endAngle = currentAngle + sliceAngle - gapForSlice / 2;
67
+ currentAngle += sliceAngle;
68
+ if (endAngle <= startAngle) {
69
+ return null;
70
+ }
71
+ const color = escapeXml(slice.color ?? palette[index % palette.length]
72
+ ?? DEFAULT_CHART_COLORS[0]);
73
+ const path = describeSlicePath(CENTER_X, CENTER_Y, outerRadius, innerRadius, startAngle, endAngle);
74
+ return `<path d="${path}" fill="${color}" stroke="var(--a2ui-color-surface)" stroke-width="2" />`;
75
+ })
76
+ .filter((segment) => segment !== null)
77
+ .join('');
78
+ const backdrop = `<circle cx="${CENTER_X}" cy="${CENTER_Y}" r="${outerRadius + 5}" fill="var(--a2ui-color-surface-muted)" opacity="0.45" />`;
79
+ const hole = innerRadius > 0
80
+ ? `<circle cx="${CENTER_X}" cy="${CENTER_Y}" r="${innerRadius - 2}" fill="var(--a2ui-color-surface)" />`
81
+ : '';
82
+ return `
83
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${SVG_WIDTH} ${SVG_HEIGHT}">
84
+ ${backdrop}
85
+ ${segments}
86
+ ${hole}
87
+ </svg>
88
+ `;
89
+ }
90
+ export function PieChart(props) {
91
+ const [resolvedProps] = useResolvedProps(props, props.surface, props.dataContextPath);
92
+ const id = props.id;
93
+ const dataValue = resolvedProps['data'];
94
+ const slices = Array.isArray(dataValue)
95
+ ? dataValue
96
+ : [];
97
+ const variant = resolvedProps['variant']
98
+ ?? 'pie';
99
+ const title = resolvedProps['title'] ?? 'Pie chart';
100
+ const subtitle = resolvedProps['subtitle']
101
+ ?? (slices.length > 0
102
+ ? `${slices.length} slices • ${formatValue(slices.reduce((sum, slice) => sum + Math.max(0, Number(slice.value) || 0), 0))} total`
103
+ : 'No data');
104
+ const showLegend = resolvedProps['showLegend'] !== false;
105
+ const showPercentages = resolvedProps['showPercentages'] !== false;
106
+ const heightValue = resolvedProps['height'];
107
+ const height = typeof heightValue === 'number' ? heightValue : 220;
108
+ const paddingAngleValue = resolvedProps['paddingAngle'];
109
+ const paddingAngle = typeof paddingAngleValue === 'number'
110
+ ? paddingAngleValue
111
+ : 2;
112
+ const palette = Array.isArray(resolvedProps['colors'])
113
+ ? resolvedProps['colors']
114
+ : DEFAULT_CHART_COLORS;
115
+ const total = slices.reduce((sum, slice) => sum + Math.max(0, Number(slice.value) || 0), 0);
116
+ const svgMarkup = buildSvgMarkup(slices, variant, paddingAngle, palette);
117
+ return (_jsxs("view", { className: 'pie-chart', children: [_jsxs("view", { className: 'pie-chart-header', children: [_jsxs("view", { className: 'pie-chart-header-copy', children: [_jsx("text", { className: 'pie-chart-title', children: title }), _jsx("text", { className: 'pie-chart-caption', children: subtitle })] }), _jsxs("view", { className: 'pie-chart-kpi', children: [_jsx("text", { className: 'pie-chart-kpi-label', children: "Total" }), _jsx("text", { className: 'pie-chart-kpi-value', children: formatValue(total) })] })] }), _jsx("view", { className: 'pie-chart-svg-wrap', children: _jsx("svg", { className: 'pie-chart-svg', content: svgMarkup, style: { width: '100%', height: `${height}px` } }) }), showLegend
118
+ ? (_jsx("view", { className: 'pie-chart-legend', children: slices.map((slice, index) => {
119
+ const value = Math.max(0, Number(slice.value) || 0);
120
+ const percent = total > 0 ? (value / total) * 100 : 0;
121
+ const color = slice.color
122
+ ?? palette[index % palette.length]
123
+ ?? DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length]
124
+ ?? DEFAULT_CHART_COLORS[0];
125
+ return (_jsxs("view", { className: 'pie-chart-legend-item', children: [_jsx("view", { className: 'pie-chart-legend-swatch', style: { backgroundColor: color } }), _jsxs("view", { className: 'pie-chart-legend-copy', children: [_jsx("text", { className: 'pie-chart-legend-label', children: slice.name }), _jsx("text", { className: 'pie-chart-legend-value', children: showPercentages
126
+ ? `${formatValue(value)} (${formatPercent(percent)})`
127
+ : formatValue(value) })] })] }, `${slice.name}-${index}`));
128
+ }) }))
129
+ : null] }, id));
130
+ }
131
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/PieChart/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,184 @@
1
+ {
2
+ "RadioGroup": {
3
+ "properties": {
4
+ "items": {
5
+ "oneOf": [
6
+ {
7
+ "type": "array",
8
+ "items": {
9
+ "type": "string"
10
+ }
11
+ },
12
+ {
13
+ "type": "object",
14
+ "properties": {
15
+ "path": {
16
+ "type": "string"
17
+ }
18
+ },
19
+ "required": [
20
+ "path"
21
+ ],
22
+ "additionalProperties": false
23
+ },
24
+ {
25
+ "type": "object",
26
+ "properties": {
27
+ "call": {
28
+ "type": "string"
29
+ },
30
+ "args": {
31
+ "type": "object",
32
+ "additionalProperties": true
33
+ },
34
+ "returnType": {
35
+ "type": "string",
36
+ "enum": [
37
+ "string",
38
+ "number",
39
+ "boolean",
40
+ "object",
41
+ "array",
42
+ "any",
43
+ "void"
44
+ ]
45
+ }
46
+ },
47
+ "required": [
48
+ "call",
49
+ "args"
50
+ ],
51
+ "additionalProperties": false
52
+ }
53
+ ],
54
+ "description": "The list of string options to display."
55
+ },
56
+ "value": {
57
+ "oneOf": [
58
+ {
59
+ "type": "string"
60
+ },
61
+ {
62
+ "type": "object",
63
+ "properties": {
64
+ "path": {
65
+ "type": "string"
66
+ }
67
+ },
68
+ "required": [
69
+ "path"
70
+ ],
71
+ "additionalProperties": false
72
+ },
73
+ {
74
+ "type": "object",
75
+ "properties": {
76
+ "call": {
77
+ "type": "string"
78
+ },
79
+ "args": {
80
+ "type": "object",
81
+ "additionalProperties": true
82
+ },
83
+ "returnType": {
84
+ "type": "string",
85
+ "enum": [
86
+ "string",
87
+ "number",
88
+ "boolean",
89
+ "object",
90
+ "array",
91
+ "any",
92
+ "void"
93
+ ]
94
+ }
95
+ },
96
+ "required": [
97
+ "call",
98
+ "args"
99
+ ],
100
+ "additionalProperties": false
101
+ }
102
+ ],
103
+ "description": "The currently selected value."
104
+ },
105
+ "usageHint": {
106
+ "type": "string",
107
+ "enum": [
108
+ "default",
109
+ "card",
110
+ "row"
111
+ ],
112
+ "description": "A hint for the visual style of the radio group."
113
+ },
114
+ "checks": {
115
+ "type": "array",
116
+ "items": {
117
+ "type": "object",
118
+ "properties": {
119
+ "condition": {
120
+ "oneOf": [
121
+ {
122
+ "type": "boolean"
123
+ },
124
+ {
125
+ "type": "object",
126
+ "properties": {
127
+ "path": {
128
+ "type": "string"
129
+ }
130
+ },
131
+ "required": [
132
+ "path"
133
+ ],
134
+ "additionalProperties": false
135
+ },
136
+ {
137
+ "type": "object",
138
+ "properties": {
139
+ "call": {
140
+ "type": "string"
141
+ },
142
+ "args": {
143
+ "type": "object",
144
+ "additionalProperties": true
145
+ },
146
+ "returnType": {
147
+ "type": "string",
148
+ "enum": [
149
+ "string",
150
+ "number",
151
+ "boolean",
152
+ "object",
153
+ "array",
154
+ "any",
155
+ "void"
156
+ ]
157
+ }
158
+ },
159
+ "required": [
160
+ "call",
161
+ "args"
162
+ ],
163
+ "additionalProperties": false
164
+ }
165
+ ]
166
+ },
167
+ "message": {
168
+ "type": "string"
169
+ }
170
+ },
171
+ "required": [
172
+ "condition",
173
+ "message"
174
+ ],
175
+ "additionalProperties": false
176
+ }
177
+ }
178
+ },
179
+ "required": [
180
+ "items",
181
+ "value"
182
+ ]
183
+ }
184
+ }
@@ -0,0 +1,36 @@
1
+ import type { GenericComponentProps } from '../../store/types.js';
2
+ import '../../../styles/catalog/RadioGroup.css';
3
+ /**
4
+ * @a2uiCatalog RadioGroup
5
+ */
6
+ export interface RadioGroupComponentProps extends GenericComponentProps {
7
+ /** The list of string options to display. */
8
+ items: string[] | {
9
+ path: string;
10
+ } | {
11
+ call: string;
12
+ args: Record<string, unknown>;
13
+ returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
14
+ };
15
+ /** The currently selected value. */
16
+ value: string | {
17
+ path: string;
18
+ } | {
19
+ call: string;
20
+ args: Record<string, unknown>;
21
+ returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
22
+ };
23
+ /** A hint for the visual style of the radio group. */
24
+ usageHint?: 'default' | 'card' | 'row';
25
+ checks?: Array<{
26
+ condition: boolean | {
27
+ path: string;
28
+ } | {
29
+ call: string;
30
+ args: Record<string, unknown>;
31
+ returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
32
+ };
33
+ message: string;
34
+ }>;
35
+ }
36
+ export declare function RadioGroup(props: RadioGroupComponentProps): import('@lynx-js/react').ReactNode;
@@ -0,0 +1,36 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
2
+ // Copyright 2026 The Lynx Authors. All rights reserved.
3
+ // Licensed under the Apache License Version 2.0 that can be found in the
4
+ // LICENSE file in the root directory of this source tree.
5
+ import { Radio, RadioGroupRoot, RadioIndicator } from '@lynx-js/lynx-ui';
6
+ import { useChecks } from '../../react/useChecks.js';
7
+ import '../../../styles/catalog/RadioGroup.css';
8
+ const HitSlop = {
9
+ 'hit-slop': {
10
+ top: '8px',
11
+ left: '8px',
12
+ right: '8px',
13
+ bottom: '8px',
14
+ },
15
+ };
16
+ export function RadioGroup(props) {
17
+ const value = props.value;
18
+ const items = props.items;
19
+ const usageHint = props.usageHint ?? 'default';
20
+ const setValue = props.setValue;
21
+ const explicitItems = Array.isArray(items) ? items : [];
22
+ const checks = props.checks;
23
+ const { ok, firstFailureMessage } = useChecks({
24
+ checks,
25
+ componentId: props.id ?? '',
26
+ surface: props.surface,
27
+ dataContextPath: props.dataContextPath,
28
+ });
29
+ const handleValueChange = (newValue) => {
30
+ setValue?.('value', newValue);
31
+ };
32
+ return (_jsxs("view", { className: `radio-group radio-group-${usageHint}${ok ? '' : ' radio-group-invalid'}`, children: [_jsx(RadioGroupRoot, { value: value, onValueChange: handleValueChange, children: _jsx("view", { className: 'radio-group-container', children: explicitItems.map((itemValue) => (_jsxs("view", { className: 'radio-option', children: [_jsx(Radio, { className: 'radio-item', value: itemValue, radioProps: HitSlop, children: _jsx(RadioIndicator, { className: 'radio-indicator', children: _jsx("view", { className: 'radio-indicator-dot' }) }) }), _jsx("text", { className: 'label', children: itemValue })] }, itemValue))) }) }), !ok && firstFailureMessage
33
+ ? _jsx("text", { className: 'radio-group-error', children: firstFailureMessage })
34
+ : null] }));
35
+ }
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/RadioGroup/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,wCAAwC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,UAAU,EAAE;QACV,GAAG,EAAE,KAAsB;QAC3B,IAAI,EAAE,KAAsB;QAC5B,KAAK,EAAE,KAAsB;QAC7B,MAAM,EAAE,KAAsB;KAC/B;CACF,CAAC;AAmDF,MAAM,UAAU,UAAU,CACxB,KAA+B;IAE/B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,MAAM,SAAS,GAAI,KAAK,CAAC,SAAgC,IAAI,SAAS,CAAC;IACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAEV,CAAC;IACd,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;IAEvD,MAAM,EAAE,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;QAC5C,MAAM;QACN,WAAW,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE;QAC3B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,eAAe,EAAE,KAAK,CAAC,eAAe;KACvC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,gBACE,SAAS,EAAE,2BAA2B,SAAS,GAC7C,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBACZ,EAAE,aAEF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAe,EAAE,aAAa,EAAE,iBAAiB,YACtE,eAAM,SAAS,EAAC,uBAAuB,YACpC,aAAa,CAAC,GAAG,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CACxC,gBAAsB,SAAS,EAAC,cAAc,aAC5C,KAAC,KAAK,IACJ,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,OAAO,YAEnB,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,YACzC,eAAM,SAAS,EAAC,qBAAqB,GAAG,GACzB,GACX,EACR,eAAM,SAAS,EAAC,OAAO,YAAE,SAAS,GAAQ,KAVjC,SAAS,CAWb,CACR,CAAC,GACG,GACQ,EAChB,CAAC,EAAE,IAAI,mBAAmB;gBACzB,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,mBAAmB,GAAQ;gBAClE,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,57 @@
1
+ {
2
+ "Row": {
3
+ "properties": {
4
+ "children": {
5
+ "oneOf": [
6
+ {
7
+ "type": "array",
8
+ "items": {
9
+ "type": "string"
10
+ }
11
+ },
12
+ {
13
+ "type": "object",
14
+ "properties": {
15
+ "componentId": {
16
+ "type": "string"
17
+ },
18
+ "path": {
19
+ "type": "string"
20
+ }
21
+ },
22
+ "required": [
23
+ "componentId",
24
+ "path"
25
+ ],
26
+ "additionalProperties": false
27
+ }
28
+ ],
29
+ "description": "Static child IDs array or template object."
30
+ },
31
+ "justify": {
32
+ "type": "string",
33
+ "enum": [
34
+ "start",
35
+ "center",
36
+ "end",
37
+ "stretch",
38
+ "spaceBetween",
39
+ "spaceAround",
40
+ "spaceEvenly"
41
+ ]
42
+ },
43
+ "align": {
44
+ "type": "string",
45
+ "enum": [
46
+ "start",
47
+ "center",
48
+ "end",
49
+ "stretch"
50
+ ]
51
+ }
52
+ },
53
+ "required": [
54
+ "children"
55
+ ]
56
+ }
57
+ }
@@ -0,0 +1,15 @@
1
+ import type { GenericComponentProps } from '../../store/types.js';
2
+ import '../../../styles/catalog/Row.css';
3
+ /**
4
+ * @a2uiCatalog Row
5
+ */
6
+ export interface RowProps extends GenericComponentProps {
7
+ /** Static child IDs array or template object. */
8
+ children: string[] | {
9
+ componentId: string;
10
+ path: string;
11
+ };
12
+ justify?: 'start' | 'center' | 'end' | 'stretch' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly';
13
+ align?: 'start' | 'center' | 'end' | 'stretch';
14
+ }
15
+ export declare function Row(props: RowProps): import('@lynx-js/react').ReactNode;
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
2
+ // Copyright 2026 The Lynx Authors. All rights reserved.
3
+ // Licensed under the Apache License Version 2.0 that can be found in the
4
+ // LICENSE file in the root directory of this source tree.
5
+ import { NodeRenderer } from '../../react/A2UIRenderer.js';
6
+ import '../../../styles/catalog/Row.css';
7
+ export function Row(props) {
8
+ const children = props.children;
9
+ const surface = props.surface;
10
+ const dataContextPath = props.dataContextPath;
11
+ const justify = props.justify ?? 'start';
12
+ const align = props.align ?? 'stretch';
13
+ const explicitChildren = Array.isArray(children) ? children : [];
14
+ return (_jsx("view", { className: `row alignment-${align} distribution-${justify}`, children: explicitChildren.map((childId) => {
15
+ const child = surface.components.get(childId);
16
+ if (!child)
17
+ return null;
18
+ const childWithContext = dataContextPath
19
+ ? { ...child, dataContextPath: dataContextPath }
20
+ : child;
21
+ const weight = child.weight;
22
+ if (typeof weight === 'number' && weight > 0) {
23
+ return (_jsx("view", { className: `row-weighted-item row-weighted-item-${weight}`, style: { flex: `${weight} ${weight} 0`, minWidth: 0 }, children: _jsx(NodeRenderer, { component: childWithContext, surface: surface }) }, childId));
24
+ }
25
+ return (_jsx(NodeRenderer, { component: childWithContext, surface: surface }, childId));
26
+ }) }));
27
+ }
28
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Row/index.tsx"],"names":[],"mappings":";AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,iCAAiC,CAAC;AAmBzC,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,OAA6B,IAAI,OAAO,CAAC;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,KAA2B,IAAI,SAAS,CAAC;IAC7D,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjE,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,KAAK,iBAAiB,OAAO,EAAE,YAE1D,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAe,EAAE,EAAE;YACxC,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK;gBAAE,OAAO,IAAI,CAAC;YACxB,MAAM,gBAAgB,GAAG,eAAe;gBACtC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE;gBAChD,CAAC,CAAC,KAAK,CAAC;YACV,MAAM,MAAM,GAAI,KAAwC,CAAC,MAAM,CAAC;YAChE,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7C,OAAO,CACL,eAEE,SAAS,EAAE,uCAAuC,MAAM,EAAE,EAC1D,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,MAAM,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,YAErD,KAAC,YAAY,IACX,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,OAAO,GAChB,IAPG,OAAO,CAQP,CACR,CAAC;YACJ,CAAC;YACD,OAAO,CACL,KAAC,YAAY,IAEX,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,OAAO,IAFX,OAAO,CAGZ,CACH,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}