@lynx-js/genui 0.0.1-rc.0 → 0.0.1

package/a2ui/dist/catalog/ChoicePicker/catalog.json

@@ -0,0 +1,265 @@
+{
+  "ChoicePicker": {
+    "properties": {
+      "label": {
+        "oneOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "path"
+            ],
+            "additionalProperties": false
+          },
+          {
+            "type": "object",
+            "properties": {
+              "call": {
+                "type": "string"
+              },
+              "args": {
+                "type": "object",
+                "additionalProperties": true
+              },
+              "returnType": {
+                "type": "string",
+                "enum": [
+                  "string",
+                  "number",
+                  "boolean",
+                  "object",
+                  "array",
+                  "any",
+                  "void"
+                ]
+              }
+            },
+            "required": [
+              "call",
+              "args"
+            ],
+            "additionalProperties": false
+          }
+        ],
+        "description": "The label for the group of options."
+      },
+      "variant": {
+        "type": "string",
+        "enum": [
+          "multipleSelection",
+          "mutuallyExclusive"
+        ],
+        "description": "A hint for how the choice picker should be displayed and behave."
+      },
+      "options": {
+        "type": "array",
+        "items": {
+          "type": "object",
+          "properties": {
+            "label": {
+              "oneOf": [
+                {
+                  "type": "string"
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "path": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "path"
+                  ],
+                  "additionalProperties": false
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "call": {
+                      "type": "string"
+                    },
+                    "args": {
+                      "type": "object",
+                      "additionalProperties": true
+                    },
+                    "returnType": {
+                      "type": "string",
+                      "enum": [
+                        "string",
+                        "number",
+                        "boolean",
+                        "object",
+                        "array",
+                        "any",
+                        "void"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "call",
+                    "args"
+                  ],
+                  "additionalProperties": false
+                }
+              ],
+              "description": "The text to display for this option."
+            },
+            "value": {
+              "type": "string",
+              "description": "The stable value associated with this option."
+            }
+          },
+          "required": [
+            "label",
+            "value"
+          ],
+          "additionalProperties": false
+        },
+        "description": "The list of available options to choose from."
+      },
+      "value": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          {
+            "type": "object",
+            "properties": {
+              "path": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "path"
+            ],
+            "additionalProperties": false
+          },
+          {
+            "type": "object",
+            "properties": {
+              "call": {
+                "type": "string"
+              },
+              "args": {
+                "type": "object",
+                "additionalProperties": true
+              },
+              "returnType": {
+                "type": "string",
+                "enum": [
+                  "string",
+                  "number",
+                  "boolean",
+                  "object",
+                  "array",
+                  "any",
+                  "void"
+                ]
+              }
+            },
+            "required": [
+              "call",
+              "args"
+            ],
+            "additionalProperties": false
+          }
+        ],
+        "description": "The list of currently selected values."
+      },
+      "displayStyle": {
+        "type": "string",
+        "enum": [
+          "checkbox",
+          "chips"
+        ],
+        "description": "The display style of the component."
+      },
+      "filterable": {
+        "type": "boolean",
+        "description": "If true, displays a search input to filter the options."
+      },
+      "checks": {
+        "type": "array",
+        "items": {
+          "type": "object",
+          "properties": {
+            "condition": {
+              "oneOf": [
+                {
+                  "type": "boolean"
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "path": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "path"
+                  ],
+                  "additionalProperties": false
+                },
+                {
+                  "type": "object",
+                  "properties": {
+                    "call": {
+                      "type": "string"
+                    },
+                    "args": {
+                      "type": "object",
+                      "additionalProperties": true
+                    },
+                    "returnType": {
+                      "type": "string",
+                      "enum": [
+                        "string",
+                        "number",
+                        "boolean",
+                        "object",
+                        "array",
+                        "any",
+                        "void"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "call",
+                    "args"
+                  ],
+                  "additionalProperties": false
+                }
+              ],
+              "description": "The condition that indicates whether the check passes."
+            },
+            "message": {
+              "type": "string",
+              "description": "The error message to display if the check fails."
+            }
+          },
+          "required": [
+            "condition",
+            "message"
+          ],
+          "additionalProperties": false
+        },
+        "description": "A list of checks to perform."
+      }
+    },
+    "required": [
+      "options",
+      "value"
+    ]
+  }
+}

package/a2ui/dist/catalog/ChoicePicker/index.d.ts

@@ -0,0 +1,56 @@
+import type { GenericComponentProps } from '../../store/types.js';
+import '../../../styles/catalog/ChoicePicker.css';
+/**
+ * @a2uiCatalog ChoicePicker
+ */
+export interface ChoicePickerProps extends GenericComponentProps {
+    /** The label for the group of options. */
+    label?: string | {
+        path: string;
+    } | {
+        call: string;
+        args: Record<string, unknown>;
+        returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+    };
+    /** A hint for how the choice picker should be displayed and behave. */
+    variant?: 'multipleSelection' | 'mutuallyExclusive';
+    /** The list of available options to choose from. */
+    options: Array<{
+        /** The text to display for this option. */
+        label: string | {
+            path: string;
+        } | {
+            call: string;
+            args: Record<string, unknown>;
+            returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+        };
+        /** The stable value associated with this option. */
+        value: string;
+    }>;
+    /** The list of currently selected values. */
+    value: string[] | {
+        path: string;
+    } | {
+        call: string;
+        args: Record<string, unknown>;
+        returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+    };
+    /** The display style of the component. */
+    displayStyle?: 'checkbox' | 'chips';
+    /** If true, displays a search input to filter the options. */
+    filterable?: boolean;
+    /** A list of checks to perform. */
+    checks?: Array<{
+        /** The condition that indicates whether the check passes. */
+        condition: boolean | {
+            path: string;
+        } | {
+            call: string;
+            args: Record<string, unknown>;
+            returnType?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'any' | 'void';
+        };
+        /** The error message to display if the check fails. */
+        message: string;
+    }>;
+}
+export declare function ChoicePicker(props: ChoicePickerProps): import('@lynx-js/react').ReactNode;

package/a2ui/dist/catalog/ChoicePicker/index.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+import { Checkbox, CheckboxIndicator, Input, Radio, RadioGroupRoot, RadioIndicator, } from '@lynx-js/lynx-ui';
+import { useState } from '@lynx-js/react';
+import { filterChoicePickerOptions, normalizeChoicePickerDisplayStyle, normalizeChoicePickerLabel, normalizeChoicePickerOptions, normalizeChoicePickerValue, normalizeChoicePickerVariant, toggleChoicePickerValue, } from './utils.js';
+import { useChecks } from '../../react/useChecks.js';
+import '../../../styles/catalog/ChoicePicker.css';
+const HitSlop = {
+    'hit-slop': {
+        top: '8px',
+        left: '8px',
+        right: '8px',
+        bottom: '8px',
+    },
+};
+export function ChoicePicker(props) {
+    const { dataContextPath, filterable = false, id, label, setValue, surface, } = props;
+    const [query, setQuery] = useState('');
+    const options = normalizeChoicePickerOptions(props.options);
+    const variant = normalizeChoicePickerVariant(props.variant);
+    const displayStyle = normalizeChoicePickerDisplayStyle(props.displayStyle);
+    const selectedValues = normalizeChoicePickerValue(props.value, options);
+    const selectedValue = selectedValues[0] ?? '';
+    const visibleOptions = filterChoicePickerOptions(options, query);
+    const checks = props.checks;
+    const { ok, firstFailureMessage } = useChecks({
+        checks,
+        componentId: id ?? '',
+        surface,
+        dataContextPath,
+    });
+    const handleExclusiveChange = (nextValue) => {
+        if (!nextValue || selectedValue === nextValue)
+            return;
+        setValue?.('value', [nextValue]);
+    };
+    const handleMultipleChange = (optionValue) => {
+        setValue?.('value', toggleChoicePickerValue(selectedValues, optionValue, variant));
+    };
+    const rootClassName = [
+        'choice-picker',
+        `choice-picker-${displayStyle}`,
+        `choice-picker-${variant}`,
+        ok ? '' : 'choice-picker-invalid',
+    ].filter(Boolean).join(' ');
+    const labelText = normalizeChoicePickerLabel(label);
+    return (_jsxs("view", { className: rootClassName, children: [labelText
+                ? _jsx("text", { className: 'choice-picker-label', children: labelText })
+                : null, filterable
+                ? (_jsx(Input, { className: 'choice-picker-filter', value: query, type: 'text', confirmType: 'done', onInput: setQuery }))
+                : null, variant === 'mutuallyExclusive'
+                ? (_jsx(RadioGroupRoot, { value: selectedValue, onValueChange: handleExclusiveChange, children: _jsx("view", { className: 'choice-picker-options', children: visibleOptions.map((option) => displayStyle === 'chips'
+                            ? (_jsx(Radio, { className: 'choice-picker-chip', value: option.value, radioProps: HitSlop, children: _jsx("text", { className: 'choice-picker-chip-text', children: option.label }) }, option.value))
+                            : (_jsxs(Radio, { className: 'choice-picker-option', value: option.value, radioProps: HitSlop, children: [_jsx(RadioIndicator, { forceMount: true, className: 'choice-picker-radio-indicator', children: _jsx("view", { className: 'choice-picker-radio-dot' }) }), _jsx("text", { className: 'choice-picker-option-text', children: option.label })] }, option.value))) }) }))
+                : (_jsx("view", { className: 'choice-picker-options', children: visibleOptions.map((option) => {
+                        const checked = selectedValues.includes(option.value);
+                        return displayStyle === 'chips'
+                            ? (_jsx(Checkbox, { className: 'choice-picker-chip', checked: checked, onChange: () => handleMultipleChange(option.value), checkboxProps: HitSlop, children: _jsx("text", { className: 'choice-picker-chip-text', children: option.label }) }, option.value))
+                            : (_jsxs(Checkbox, { className: 'choice-picker-option', checked: checked, onChange: () => handleMultipleChange(option.value), checkboxProps: HitSlop, children: [_jsx(CheckboxIndicator, { forceMount: true, className: 'choice-picker-checkbox-indicator', children: _jsx("text", { className: 'choice-picker-checkmark', children: "\u2713" }) }), _jsx("text", { className: 'choice-picker-option-text', children: option.label })] }, option.value));
+                    }) })), !ok && firstFailureMessage
+                ? _jsx("text", { className: 'choice-picker-error', children: firstFailureMessage })
+                : null] }, id));
+}
+//# sourceMappingURL=index.js.map

package/a2ui/dist/catalog/ChoicePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/ChoicePicker/index.tsx"],"names":[],"mappings":"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"}

package/a2ui/dist/catalog/ChoicePicker/utils.d.ts

@@ -0,0 +1,13 @@
+export interface ChoicePickerOption {
+    label: string;
+    value: string;
+}
+export type ChoicePickerVariant = 'multipleSelection' | 'mutuallyExclusive';
+export type ChoicePickerDisplayStyle = 'checkbox' | 'chips';
+export declare function normalizeChoicePickerLabel(value: unknown): string;
+export declare function normalizeChoicePickerVariant(value: unknown): ChoicePickerVariant;
+export declare function normalizeChoicePickerDisplayStyle(value: unknown): ChoicePickerDisplayStyle;
+export declare function normalizeChoicePickerOptions(value: unknown): ChoicePickerOption[];
+export declare function normalizeChoicePickerValue(value: unknown, options?: readonly ChoicePickerOption[]): string[];
+export declare function toggleChoicePickerValue(currentValue: readonly string[], optionValue: string, variant: ChoicePickerVariant): string[];
+export declare function filterChoicePickerOptions(options: readonly ChoicePickerOption[], query: string): ChoicePickerOption[];

package/a2ui/dist/catalog/ChoicePicker/utils.js

@@ -0,0 +1,80 @@
+// Copyright 2026 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+export function normalizeChoicePickerLabel(value) {
+    if (typeof value === 'string'
+        || typeof value === 'number'
+        || typeof value === 'boolean') {
+        return String(value);
+    }
+    return '';
+}
+export function normalizeChoicePickerVariant(value) {
+    return value === 'multipleSelection' || value === 'multiSelect'
+        ? 'multipleSelection'
+        : 'mutuallyExclusive';
+}
+export function normalizeChoicePickerDisplayStyle(value) {
+    return value === 'chips' ? 'chips' : 'checkbox';
+}
+export function normalizeChoicePickerOptions(value) {
+    if (!Array.isArray(value))
+        return [];
+    const seen = new Set();
+    const options = [];
+    for (const item of value) {
+        if (item === null || typeof item !== 'object')
+            continue;
+        const record = item;
+        const optionValue = record['value'];
+        if (typeof optionValue !== 'string' || seen.has(optionValue))
+            continue;
+        seen.add(optionValue);
+        options.push({
+            label: normalizeChoicePickerLabel(record['label']) || optionValue,
+            value: optionValue,
+        });
+    }
+    return options;
+}
+export function normalizeChoicePickerValue(value, options) {
+    const allowed = options
+        ? new Set(options.map((option) => option.value))
+        : null;
+    let rawValues = [];
+    if (Array.isArray(value)) {
+        rawValues = value;
+    }
+    else if (typeof value === 'string') {
+        rawValues = [value];
+    }
+    const seen = new Set();
+    const selected = [];
+    for (const item of rawValues) {
+        if (typeof item !== 'string')
+            continue;
+        if (allowed && !allowed.has(item))
+            continue;
+        if (seen.has(item))
+            continue;
+        seen.add(item);
+        selected.push(item);
+    }
+    return selected;
+}
+export function toggleChoicePickerValue(currentValue, optionValue, variant) {
+    if (variant === 'mutuallyExclusive') {
+        return [optionValue];
+    }
+    return currentValue.includes(optionValue)
+        ? currentValue.filter((value) => value !== optionValue)
+        : [...currentValue, optionValue];
+}
+export function filterChoicePickerOptions(options, query) {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (!normalizedQuery)
+        return [...options];
+    return options.filter((option) => option.label.toLowerCase().includes(normalizedQuery)
+        || option.value.toLowerCase().includes(normalizedQuery));
+}
+//# sourceMappingURL=utils.js.map

package/a2ui/dist/catalog/ChoicePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/catalog/ChoicePicker/utils.ts"],"names":[],"mappings":"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"}

package/a2ui/dist/catalog/Column/index.js

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
 // Copyright 2026 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { useMemo } from '@lynx-js/react';
 import { NodeRenderer } from '../../react/A2UIRenderer.js';
 import { useDataBinding } from '../../react/useDataBinding.js';
 import '../../../styles/catalog/Column.css';
@@ -30,18 +29,15 @@ export function Column(props) {
         ? children
         : undefined;
     const [columnData, , fullPath] = useDataBinding(template ? { path: template.path } : undefined, surface, dataContextPath, []);
-    const childList = useMemo(() => {
-        if (Array.isArray(children)) {
-            return children.map((childId) => buildChild(surface, childId, dataContextPath));
-        }
-        return (Array.isArray(columnData) ? columnData : []).map((item, index) => {
+    const childList = Array.isArray(children)
+        ? children.map((childId) => buildChild(surface, childId, dataContextPath))
+        : (Array.isArray(columnData) ? columnData : []).map((item, index) => {
             const key = item && typeof item === 'object' && 'key' in item
                 ? String(item['key'])
                 : `${index}`;
             const itemPath = `${fullPath}/${index}`;
             return buildChild(surface, template?.componentId ?? '', dataContextPath, itemPath, key);
         });
-    }, [children, surface, dataContextPath, columnData, fullPath, template]);
     return (_jsx("view", { className: `column alignment-${align} distribution-${justify}`, children: childList.map((item) => {
             if (!item)
                 return null;

package/a2ui/dist/catalog/Column/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Column/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/catalog/Column/index.tsx"],"names":[],"mappings":"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"}