@blocklet/pages-kit 0.2.386 → 0.2.387

package/lib/cjs/builtin/async/ai-runtime/components/AgentInputField/LanguageField.js

@@ -10,10 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const react_1 = require("react");
+const pick_1 = __importDefault(require("lodash/pick"));
+const react_2 = require("react");
 const locale_1 = require("../../../../locale");
 const languages_1 = require("../../utils/languages");
 const filter = (options, state) => {
@@ -25,16 +30,18 @@ const filter = (options, state) => {
         return true;
     });
 };
-const LanguageField = (0, react_1.forwardRef)((_a, ref) => {
+const LanguageField = (0, react_2.forwardRef)((_a, ref) => {
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
     const { locale } = (0, locale_1.useLocaleContext)();
     const value = (props === null || props === void 0 ? void 0 : props.value) ? languages_1.languages.find((o) => o.en === props.value) : null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", ref: ref, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { inputRef: props.inputRef, required: parameter === null || parameter === void 0 ? void 0 : parameter.required, placeholder: parameter === null || parameter === void 0 ? void 0 : parameter.placeholder, helperText: parameter === null || parameter === void 0 ? void 0 : parameter.helper }))), options: languages_1.languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ size: "small", ref: ref }, (0, pick_1.default)(props, 'autoFocus', 'fullWidth', 'sx', 'className', 'style'), { renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, (0, pick_1.default)(props, 'inputRef', 'size', 'hiddenLabel', 'helperText', 'error', 'placeholder', 'InputProps', 'inputProps'), params))), options: languages_1.languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
             return locale === 'zh' ? o.cn : o.en;
-        }, value: value, filterOptions: filter, onChange: (_e, newValue) => {
+        }, autoHighlight: true, value: value, filterOptions: filter, onChange: (_e, newValue) => {
             onChange === null || onChange === void 0 ? void 0 : onChange(newValue === null || newValue === void 0 ? void 0 : newValue.en);
         }, renderOption: (props, option) => {
-            return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)(material_1.ListItem, { sx: { py: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(option.flag, {}) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: `${option.name} ${locale === 'zh' ? option.cn : option.en} (${option.abbr})` })] }) })));
-        } }));
+            return ((0, react_1.createElement)(material_1.MenuItem, Object.assign({}, props, { key: option.name }),
+                (0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(option.flag, {}) }),
+                (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: `${option.name} ${locale === 'zh' ? option.cn : option.en} (${option.abbr})` })));
+        } })));
 });
 exports.default = LanguageField;

package/lib/cjs/builtin/async/ai-runtime/runtime-components/AutoForm/index.js

@@ -88,7 +88,7 @@ function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQu
                                 : undefined,
                         }, render: ({ field, fieldState }) => {
                             var _a;
-                            return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "form-item", children: [parameter.label && (0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: parameter.label }), (0, jsx_runtime_1.jsx)(AgentInputField_1.default, { inputProps: { 'data-testid': `runtime-input-${key}` }, inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: Object.assign({}, (parameter.key === 'question' && submitInQuestionField
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "form-item", children: [parameter.label && (0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: parameter.label }), (0, jsx_runtime_1.jsx)(AgentInputField_1.default, { inputProps: { 'data-testid': `runtime-input-${key}` }, inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: { flex: 1 }, InputProps: Object.assign({}, (parameter.key === 'question' && submitInQuestionField
                                             ? {
                                                 endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { borderRadius: 1.5 }, children: submitText }) })),
                                             }

package/lib/cjs/builtin/async/ai-runtime/runtime-components/SimpleChat/InputsView.js

@@ -73,7 +73,7 @@ const AgentList = (0, react_1.memo)((_a) => {
     const children = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = (0, runtime_output_schema_1.getOutputVariableInitialValue)(runtimeAgent, types_1.RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.filter((i) => !!i.id); }, [runtimeAgent]);
     if (!(children === null || children === void 0 ? void 0 : children.length) || children.length <= 1)
         return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", gap: 2, py: 1, overflow: "auto" }, props, { children: children === null || children === void 0 ? void 0 : children.map((child) => ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: child.id, children: (0, jsx_runtime_1.jsx)(AgentAvatar, { selected: activeAgentId === child.id, onClick: () => setActiveAgentId(child.id) }) }))) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", gap: 2, py: 1, overflow: "auto" }, props, { children: children === null || children === void 0 ? void 0 : children.map((child) => ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: child.id, children: (0, jsx_runtime_1.jsx)(AgentAvatar, { selected: activeAgentId === child.id, onClick: () => setActiveAgentId(child.id) }) }, child.id))) })));
 });
 function AgentAvatar(_a) {
     var _b;

package/lib/cjs/components/CustomComponentRenderer/index.js

@@ -39,11 +39,12 @@ const state_1 = require("./state");
 __exportStar(require("./state"), exports);
 const MAXIMUM_RENDER_STACK_SIZE = 20;
 function CustomComponentRenderer(_a) {
-    var _b;
+    var _b, _c, _d;
     var { dev } = _a, props = __rest(_a, ["dev"]);
     const inheritedDev = (0, DevProvider_1.useDev)();
     const BuiltinComponent = BuiltinComponents[props.componentId];
-    return ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: (props === null || props === void 0 ? void 0 : props.fallbackRender) || ErrorView, children: (0, jsx_runtime_1.jsx)(DevProvider_1.DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? ((0, jsx_runtime_1.jsx)(BuiltinComponent, Object.assign({}, props))) : ((0, jsx_runtime_1.jsx)(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId }))) }) }));
+    const renderer = (_c = (_b = dev === null || dev === void 0 ? void 0 : dev.components) === null || _b === void 0 ? void 0 : _b[props.componentId]) === null || _c === void 0 ? void 0 : _c.data.renderer;
+    return ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: (props === null || props === void 0 ? void 0 : props.fallbackRender) || ErrorView, resetKeys: [renderer && 'script' in renderer ? renderer.script : undefined], children: (0, jsx_runtime_1.jsx)(DevProvider_1.DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? ((0, jsx_runtime_1.jsx)(BuiltinComponent, Object.assign({}, props))) : ((0, jsx_runtime_1.jsx)(ComponentRenderer, Object.assign({}, props, { instanceId: (_d = props.instanceId) !== null && _d !== void 0 ? _d : props.componentId }))) }) }));
 }
 const BuiltinComponents = {
     'blocklet-react-component': BlockletReactComponentRenderer_1.default,