@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.
- package/LICENSE +202 -0
- package/README.md +170 -0
- package/a2ui/README.md +140 -0
- package/a2ui/dist/catalog/Button/catalog.json +156 -0
- package/a2ui/dist/catalog/Button/index.d.ts +35 -0
- package/a2ui/dist/catalog/Button/index.js +35 -0
- package/a2ui/dist/catalog/Button/index.js.map +1 -0
- package/a2ui/dist/catalog/Card/catalog.json +24 -0
- package/a2ui/dist/catalog/Card/index.d.ts +11 -0
- package/a2ui/dist/catalog/Card/index.js +19 -0
- package/a2ui/dist/catalog/Card/index.js.map +1 -0
- package/a2ui/dist/catalog/CheckBox/catalog.json +170 -0
- package/a2ui/dist/catalog/CheckBox/index.d.ts +32 -0
- package/a2ui/dist/catalog/CheckBox/index.js +24 -0
- package/a2ui/dist/catalog/CheckBox/index.js.map +1 -0
- package/a2ui/dist/catalog/Column/catalog.json +57 -0
- package/a2ui/dist/catalog/Column/index.d.ts +15 -0
- package/a2ui/dist/catalog/Column/index.js +55 -0
- package/a2ui/dist/catalog/Column/index.js.map +1 -0
- package/a2ui/dist/catalog/Divider/catalog.json +14 -0
- package/a2ui/dist/catalog/Divider/index.d.ts +9 -0
- package/a2ui/dist/catalog/Divider/index.js +8 -0
- package/a2ui/dist/catalog/Divider/index.js.map +1 -0
- package/a2ui/dist/catalog/Icon/catalog.json +45 -0
- package/a2ui/dist/catalog/Icon/index.d.ts +14 -0
- package/a2ui/dist/catalog/Icon/index.js +11 -0
- package/a2ui/dist/catalog/Icon/index.js.map +1 -0
- package/a2ui/dist/catalog/Image/catalog.json +62 -0
- package/a2ui/dist/catalog/Image/index.d.ts +16 -0
- package/a2ui/dist/catalog/Image/index.js +30 -0
- package/a2ui/dist/catalog/Image/index.js.map +1 -0
- package/a2ui/dist/catalog/LineChart/catalog.json +98 -0
- package/a2ui/dist/catalog/LineChart/index.d.ts +31 -0
- package/a2ui/dist/catalog/LineChart/index.js +195 -0
- package/a2ui/dist/catalog/LineChart/index.js.map +1 -0
- package/a2ui/dist/catalog/List/catalog.json +52 -0
- package/a2ui/dist/catalog/List/index.d.ts +15 -0
- package/a2ui/dist/catalog/List/index.js +53 -0
- package/a2ui/dist/catalog/List/index.js.map +1 -0
- package/a2ui/dist/catalog/Modal/catalog.json +18 -0
- package/a2ui/dist/catalog/Modal/index.d.ts +12 -0
- package/a2ui/dist/catalog/Modal/index.js +33 -0
- package/a2ui/dist/catalog/Modal/index.js.map +1 -0
- package/a2ui/dist/catalog/PieChart/catalog.json +87 -0
- package/a2ui/dist/catalog/PieChart/index.d.ts +37 -0
- package/a2ui/dist/catalog/PieChart/index.js +131 -0
- package/a2ui/dist/catalog/PieChart/index.js.map +1 -0
- package/a2ui/dist/catalog/RadioGroup/catalog.json +184 -0
- package/a2ui/dist/catalog/RadioGroup/index.d.ts +36 -0
- package/a2ui/dist/catalog/RadioGroup/index.js +36 -0
- package/a2ui/dist/catalog/RadioGroup/index.js.map +1 -0
- package/a2ui/dist/catalog/Row/catalog.json +57 -0
- package/a2ui/dist/catalog/Row/index.d.ts +15 -0
- package/a2ui/dist/catalog/Row/index.js +28 -0
- package/a2ui/dist/catalog/Row/index.js.map +1 -0
- package/a2ui/dist/catalog/Slider/catalog.json +183 -0
- package/a2ui/dist/catalog/Slider/index.d.ts +41 -0
- package/a2ui/dist/catalog/Slider/index.js +39 -0
- package/a2ui/dist/catalog/Slider/index.js.map +1 -0
- package/a2ui/dist/catalog/Slider/utils.d.ts +11 -0
- package/a2ui/dist/catalog/Slider/utils.js +58 -0
- package/a2ui/dist/catalog/Slider/utils.js.map +1 -0
- package/a2ui/dist/catalog/Tabs/catalog.json +28 -0
- package/a2ui/dist/catalog/Tabs/index.d.ts +12 -0
- package/a2ui/dist/catalog/Tabs/index.js +32 -0
- package/a2ui/dist/catalog/Tabs/index.js.map +1 -0
- package/a2ui/dist/catalog/Text/catalog.json +74 -0
- package/a2ui/dist/catalog/Text/index.d.ts +18 -0
- package/a2ui/dist/catalog/Text/index.js +27 -0
- package/a2ui/dist/catalog/Text/index.js.map +1 -0
- package/a2ui/dist/catalog/TextField/catalog.json +147 -0
- package/a2ui/dist/catalog/TextField/index.d.ts +35 -0
- package/a2ui/dist/catalog/TextField/index.js +43 -0
- package/a2ui/dist/catalog/TextField/index.js.map +1 -0
- package/a2ui/dist/catalog/TextField/utils.d.ts +7 -0
- package/a2ui/dist/catalog/TextField/utils.js +51 -0
- package/a2ui/dist/catalog/TextField/utils.js.map +1 -0
- package/a2ui/dist/catalog/defineCatalog.d.ts +119 -0
- package/a2ui/dist/catalog/defineCatalog.js +196 -0
- package/a2ui/dist/catalog/defineCatalog.js.map +1 -0
- package/a2ui/dist/catalog/index.d.ts +20 -0
- package/a2ui/dist/catalog/index.js +26 -0
- package/a2ui/dist/catalog/index.js.map +1 -0
- package/a2ui/dist/catalog/utils/chart.d.ts +3 -0
- package/a2ui/dist/catalog/utils/chart.js +28 -0
- package/a2ui/dist/catalog/utils/chart.js.map +1 -0
- package/a2ui/dist/functions/index.d.ts +19 -0
- package/a2ui/dist/functions/index.js +87 -0
- package/a2ui/dist/functions/index.js.map +1 -0
- package/a2ui/dist/index.d.ts +11 -0
- package/a2ui/dist/index.js +35 -0
- package/a2ui/dist/index.js.map +1 -0
- package/a2ui/dist/react/A2UI.d.ts +77 -0
- package/a2ui/dist/react/A2UI.js +159 -0
- package/a2ui/dist/react/A2UI.js.map +1 -0
- package/a2ui/dist/react/A2UIProvider.d.ts +25 -0
- package/a2ui/dist/react/A2UIProvider.js +20 -0
- package/a2ui/dist/react/A2UIProvider.js.map +1 -0
- package/a2ui/dist/react/A2UIRenderer.d.ts +34 -0
- package/a2ui/dist/react/A2UIRenderer.js +161 -0
- package/a2ui/dist/react/A2UIRenderer.js.map +1 -0
- package/a2ui/dist/react/FormContext.d.ts +10 -0
- package/a2ui/dist/react/FormContext.js +12 -0
- package/a2ui/dist/react/FormContext.js.map +1 -0
- package/a2ui/dist/react/index.d.ts +8 -0
- package/a2ui/dist/react/index.js +23 -0
- package/a2ui/dist/react/index.js.map +1 -0
- package/a2ui/dist/react/useA2UIContext.d.ts +7 -0
- package/a2ui/dist/react/useA2UIContext.js +19 -0
- package/a2ui/dist/react/useA2UIContext.js.map +1 -0
- package/a2ui/dist/react/useAction.d.ts +9 -0
- package/a2ui/dist/react/useAction.js +38 -0
- package/a2ui/dist/react/useAction.js.map +1 -0
- package/a2ui/dist/react/useCatalog.d.ts +7 -0
- package/a2ui/dist/react/useCatalog.js +13 -0
- package/a2ui/dist/react/useCatalog.js.map +1 -0
- package/a2ui/dist/react/useChecks.d.ts +27 -0
- package/a2ui/dist/react/useChecks.js +76 -0
- package/a2ui/dist/react/useChecks.js.map +1 -0
- package/a2ui/dist/react/useDataBinding.d.ts +10 -0
- package/a2ui/dist/react/useDataBinding.js +175 -0
- package/a2ui/dist/react/useDataBinding.js.map +1 -0
- package/a2ui/dist/store/FormController.d.ts +23 -0
- package/a2ui/dist/store/FormController.js +40 -0
- package/a2ui/dist/store/FormController.js.map +1 -0
- package/a2ui/dist/store/FunctionRegistry.d.ts +47 -0
- package/a2ui/dist/store/FunctionRegistry.js +23 -0
- package/a2ui/dist/store/FunctionRegistry.js.map +1 -0
- package/a2ui/dist/store/MessageProcessor.d.ts +28 -0
- package/a2ui/dist/store/MessageProcessor.js +408 -0
- package/a2ui/dist/store/MessageProcessor.js.map +1 -0
- package/a2ui/dist/store/MessageStore.d.ts +38 -0
- package/a2ui/dist/store/MessageStore.js +37 -0
- package/a2ui/dist/store/MessageStore.js.map +1 -0
- package/a2ui/dist/store/Resource.d.ts +45 -0
- package/a2ui/dist/store/Resource.js +80 -0
- package/a2ui/dist/store/Resource.js.map +1 -0
- package/a2ui/dist/store/SignalStore.d.ts +10 -0
- package/a2ui/dist/store/SignalStore.js +29 -0
- package/a2ui/dist/store/SignalStore.js.map +1 -0
- package/a2ui/dist/store/index.d.ts +14 -0
- package/a2ui/dist/store/index.js +15 -0
- package/a2ui/dist/store/index.js.map +1 -0
- package/a2ui/dist/store/payloadNormalizer.d.ts +27 -0
- package/a2ui/dist/store/payloadNormalizer.js +179 -0
- package/a2ui/dist/store/payloadNormalizer.js.map +1 -0
- package/a2ui/dist/store/resolveFunctionCall.d.ts +18 -0
- package/a2ui/dist/store/resolveFunctionCall.js +131 -0
- package/a2ui/dist/store/resolveFunctionCall.js.map +1 -0
- package/a2ui/dist/store/types.d.ts +68 -0
- package/a2ui/dist/store/types.js +2 -0
- package/a2ui/dist/store/types.js.map +1 -0
- package/a2ui/dist/tsconfig.build.tsbuildinfo +1 -0
- package/a2ui/styles/catalog/Button.css +83 -0
- package/a2ui/styles/catalog/Card.css +49 -0
- package/a2ui/styles/catalog/CheckBox.css +46 -0
- package/a2ui/styles/catalog/Column.css +89 -0
- package/a2ui/styles/catalog/Divider.css +20 -0
- package/a2ui/styles/catalog/Icon.css +39 -0
- package/a2ui/styles/catalog/Image.css +54 -0
- package/a2ui/styles/catalog/LineChart.css +116 -0
- package/a2ui/styles/catalog/List.css +38 -0
- package/a2ui/styles/catalog/Modal.css +60 -0
- package/a2ui/styles/catalog/PieChart.css +109 -0
- package/a2ui/styles/catalog/RadioGroup.css +123 -0
- package/a2ui/styles/catalog/Row.css +83 -0
- package/a2ui/styles/catalog/Slider.css +96 -0
- package/a2ui/styles/catalog/Tabs.css +46 -0
- package/a2ui/styles/catalog/Text.css +121 -0
- package/a2ui/styles/catalog/TextField.css +48 -0
- package/a2ui/styles/theme.css +62 -0
- package/a2ui-catalog-extractor/README.md +605 -0
- package/a2ui-catalog-extractor/bin/a2ui-catalog-extractor.js +6 -0
- package/a2ui-catalog-extractor/dist/cli.d.ts +12 -0
- package/a2ui-catalog-extractor/dist/cli.js +171 -0
- package/a2ui-catalog-extractor/dist/cli.js.map +1 -0
- package/a2ui-catalog-extractor/dist/index.d.ts +140 -0
- package/a2ui-catalog-extractor/dist/index.js +755 -0
- package/a2ui-catalog-extractor/dist/index.js.map +1 -0
- package/a2ui-catalog-extractor/dist/tsconfig.build.tsbuildinfo +1 -0
- package/a2ui-catalog-extractor/skills/a2ui-catalog-extractor/SKILL.md +30 -0
- package/a2ui-prompt/README.md +65 -0
- package/a2ui-prompt/dist/index.d.ts +91 -0
- package/a2ui-prompt/dist/index.js +767 -0
- package/cli/README.md +88 -0
- package/cli/bin/cli.js +271 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/index.ts +114 -0
- package/openui/README.md +211 -0
- package/openui/dist/catalog/Action/index.d.ts +20 -0
- package/openui/dist/catalog/Action/index.js +23 -0
- package/openui/dist/catalog/Action/index.js.map +1 -0
- package/openui/dist/catalog/Button/index.d.ts +64 -0
- package/openui/dist/catalog/Button/index.js +75 -0
- package/openui/dist/catalog/Button/index.js.map +1 -0
- package/openui/dist/catalog/Card/index.d.ts +34 -0
- package/openui/dist/catalog/Card/index.js +69 -0
- package/openui/dist/catalog/Card/index.js.map +1 -0
- package/openui/dist/catalog/CardHeader/index.d.ts +5 -0
- package/openui/dist/catalog/CardHeader/index.js +18 -0
- package/openui/dist/catalog/CardHeader/index.js.map +1 -0
- package/openui/dist/catalog/Separator/index.d.ts +2 -0
- package/openui/dist/catalog/Separator/index.js +13 -0
- package/openui/dist/catalog/Separator/index.js.map +1 -0
- package/openui/dist/catalog/Stack/index.d.ts +29 -0
- package/openui/dist/catalog/Stack/index.js +61 -0
- package/openui/dist/catalog/Stack/index.js.map +1 -0
- package/openui/dist/catalog/Tag/index.d.ts +4 -0
- package/openui/dist/catalog/Tag/index.js +15 -0
- package/openui/dist/catalog/Tag/index.js.map +1 -0
- package/openui/dist/catalog/TextContent/index.d.ts +11 -0
- package/openui/dist/catalog/TextContent/index.js +33 -0
- package/openui/dist/catalog/TextContent/index.js.map +1 -0
- package/openui/dist/catalog/index.d.ts +7 -0
- package/openui/dist/catalog/index.js +11 -0
- package/openui/dist/catalog/index.js.map +1 -0
- package/openui/dist/catalog/utils.d.ts +2 -0
- package/openui/dist/catalog/utils.js +17 -0
- package/openui/dist/catalog/utils.js.map +1 -0
- package/openui/dist/core/context.d.ts +112 -0
- package/openui/dist/core/context.js +99 -0
- package/openui/dist/core/context.js.map +1 -0
- package/openui/dist/core/createLibrary.d.ts +10 -0
- package/openui/dist/core/createLibrary.js +36 -0
- package/openui/dist/core/createLibrary.js.map +1 -0
- package/openui/dist/core/hooks/index.d.ts +4 -0
- package/openui/dist/core/hooks/index.js +6 -0
- package/openui/dist/core/hooks/index.js.map +1 -0
- package/openui/dist/core/hooks/useFormValidation.d.ts +13 -0
- package/openui/dist/core/hooks/useFormValidation.js +76 -0
- package/openui/dist/core/hooks/useFormValidation.js.map +1 -0
- package/openui/dist/core/hooks/useOpenUIState.d.ts +33 -0
- package/openui/dist/core/hooks/useOpenUIState.js +413 -0
- package/openui/dist/core/hooks/useOpenUIState.js.map +1 -0
- package/openui/dist/core/hooks/useStateField.d.ts +2 -0
- package/openui/dist/core/hooks/useStateField.js +11 -0
- package/openui/dist/core/hooks/useStateField.js.map +1 -0
- package/openui/dist/core/index.d.ts +7 -0
- package/openui/dist/core/index.js +8 -0
- package/openui/dist/core/index.js.map +1 -0
- package/openui/dist/core/library.d.ts +20 -0
- package/openui/dist/core/library.js +13 -0
- package/openui/dist/core/library.js.map +1 -0
- package/openui/dist/core/renderer.css +271 -0
- package/openui/dist/core/renderer.d.ts +9 -0
- package/openui/dist/core/renderer.js +139 -0
- package/openui/dist/core/renderer.js.map +1 -0
- package/openui/dist/core/utils.d.ts +1 -0
- package/openui/dist/core/utils.js +76 -0
- package/openui/dist/core/utils.js.map +1 -0
- 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"}
|