@blocklet/pages-kit 0.2.370 → 0.2.371

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

@@ -15,41 +15,26 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const locale_1 = require("../../../../locale");
+const languages_1 = require("../../utils/languages");
+const filter = (options, state) => {
+    return options.filter((o) => {
+        if (state.inputValue) {
+            return (o.en.toLowerCase().includes(state.inputValue.toLowerCase()) ||
+                o.name.toLowerCase().includes(state.inputValue.toLowerCase()));
+        }
+        return true;
+    });
+};
 const LanguageField = (0, react_1.forwardRef)((_a, ref) => {
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
     const { locale } = (0, locale_1.useLocaleContext)();
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ ref: ref, select: true, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { readOnly }), children: languages.map((option) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.en, children: locale === 'zh' ? option.cn : option.en }, option.en))) })));
+    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 locale === 'zh' ? o.cn : o.en;
+        }, 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})` })] }) })));
+        } }));
 });
 exports.default = LanguageField;
-const languages = [
-    { en: 'English', cn: '英语' },
-    { en: 'Simplified Chinese', cn: '中文-简体' },
-    { en: 'Traditional Chinese', cn: '中文-繁体' },
-    { en: 'Spanish', cn: '西班牙语' },
-    { en: 'French', cn: '法语' },
-    { en: 'German', cn: '德语' },
-    { en: 'Italian', cn: '意大利语' },
-    { en: 'Portuguese', cn: '葡萄牙语' },
-    { en: 'Japanese', cn: '日语' },
-    { en: 'Korean', cn: '韩语' },
-    { en: 'Russian', cn: '俄语' },
-    { en: 'Polish', cn: '波兰语' },
-    { en: 'Arabic', cn: '阿拉伯语' },
-    { en: 'Dutch', cn: '荷兰语' },
-    { en: 'Swedish', cn: '瑞典语' },
-    { en: 'Finnish', cn: '芬兰语' },
-    { en: 'Czech', cn: '捷克语' },
-    { en: 'Danish', cn: '丹麦语' },
-    { en: 'Greek', cn: '希腊语' },
-    { en: 'Romanian', cn: '罗马尼亚语' },
-    { en: 'Hungarian', cn: '匈牙利语' },
-    { en: 'Bulgarian', cn: '保加利亚语' },
-    { en: 'Slovak', cn: '斯洛伐克语' },
-    { en: 'Norwegian', cn: '挪威语' },
-    { en: 'Hebrew', cn: '希伯来语' },
-    { en: 'Turkish', cn: '土耳其语' },
-    { en: 'Thai', cn: '泰语' },
-    { en: 'Indonesian', cn: '印尼语' },
-    { en: 'Vietnamese', cn: '越南语' },
-    { en: 'Hindi', cn: '印地语' },
-];

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

@@ -88,11 +88,15 @@ 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: 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}` }}
+                                    , { 
+                                        // 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(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 }) })),
                                             }
-                                            : undefined })] }));
+                                            : {})), ({ 'data-testid': `runtime-input-${key}` } || {})) })] }));
                         } }) }, parameter.id));
             }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { height: 40 }, children: submitText || t('generate') }))] }));
 }

package/lib/cjs/builtin/async/ai-runtime/utils/languages.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.languages = void 0;
+const react_flags_select_1 = require("react-flags-select");
+exports.languages = [
+    { en: 'English', name: 'English', abbr: 'GB', flag: react_flags_select_1.Gb, cn: '英语' },
+    { en: 'Simplified Chinese', name: '简体中文', abbr: 'CN', flag: react_flags_select_1.Cn, cn: '简体中文' },
+    { en: 'Traditional Chinese', name: '繁体中文', abbr: 'ZH-TW', flag: react_flags_select_1.Tw, cn: '繁体中文' },
+    { en: 'Spanish', name: 'Español', abbr: 'ES', flag: react_flags_select_1.Es, cn: '西班牙语' },
+    { en: 'French', name: 'Français', abbr: 'FR', flag: react_flags_select_1.Fr, cn: '法语' },
+    { en: 'German', name: 'Deutsch', abbr: 'DE', flag: react_flags_select_1.De, cn: '德语' },
+    { en: 'Italian', name: 'Italiano', abbr: 'IT', flag: react_flags_select_1.It, cn: '意大利语' },
+    { en: 'Portuguese', name: 'Português', abbr: 'PT', flag: react_flags_select_1.Pt, cn: '葡萄牙语' },
+    { en: 'Japanese', name: '日本語', abbr: 'JP', flag: react_flags_select_1.Jp, cn: '日语' },
+    { en: 'Korean', name: '한국어', abbr: 'KR', flag: react_flags_select_1.Kr, cn: '韩语' },
+    { en: 'Russian', name: 'Русский', abbr: 'RU', flag: react_flags_select_1.Ru, cn: '俄语' },
+    { en: 'Polish', name: 'Polski', abbr: 'PL', flag: react_flags_select_1.Pl, cn: '波兰语' },
+    { en: 'Arabic', name: 'العربية', abbr: 'SA', flag: react_flags_select_1.Sa, cn: '阿拉伯语' },
+    { en: 'Dutch', name: 'Nederlands', abbr: 'NL', flag: react_flags_select_1.Nl, cn: '荷兰语' },
+    { en: 'Swedish', name: 'Svenska', abbr: 'SE', flag: react_flags_select_1.Se, cn: '瑞典语' },
+    { en: 'Finnish', name: 'Suomi', abbr: 'FI', flag: react_flags_select_1.Fi, cn: '芬兰语' },
+    { en: 'Czech', name: 'Čeština', abbr: 'CZ', flag: react_flags_select_1.Cz, cn: '捷克语' },
+    { en: 'Danish', name: 'Dansk', abbr: 'DK', flag: react_flags_select_1.Dk, cn: '丹麦语' },
+    { en: 'Greek', name: 'Ελληνικά', abbr: 'GR', flag: react_flags_select_1.Gr, cn: '希腊语' },
+    { en: 'Romanian', name: 'Română', abbr: 'RO', flag: react_flags_select_1.Ro, cn: '罗马尼亚语' },
+    { en: 'Hungarian', name: 'Magyar', abbr: 'HU', flag: react_flags_select_1.Hu, cn: '匈牙利语' },
+    { en: 'Bulgarian', name: 'Български', abbr: 'BG', flag: react_flags_select_1.Bg, cn: '保加利亚语' },
+    { en: 'Slovak', name: 'Slovenčina', abbr: 'SK', flag: react_flags_select_1.Sk, cn: '斯洛伐克语' },
+    { en: 'Norwegian', name: 'Norsk', abbr: 'NO', flag: react_flags_select_1.No, cn: '挪威语' },
+    { en: 'Hebrew', name: 'עברית', abbr: 'IL', flag: react_flags_select_1.Il, cn: '希伯来语' },
+    { en: 'Turkish', name: 'Türkçe', abbr: 'TR', flag: react_flags_select_1.Tr, cn: '土耳其语' },
+    { en: 'Thai', name: 'ไทย', abbr: 'TH', flag: react_flags_select_1.Th, cn: '泰语' },
+    { en: 'Indonesian', name: 'Bahasa Indonesia', abbr: 'ID', flag: react_flags_select_1.Id, cn: '印尼语' },
+    { en: 'Vietnamese', name: 'Tiếng Việt', abbr: 'VN', flag: react_flags_select_1.Vn, cn: '越南语' },
+    { en: 'Hindi', name: 'हिन्दी', abbr: 'IN', flag: react_flags_select_1.In, cn: '印地语' },
+];

package/lib/cjs/builtin/components.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageField = void 0;
+var LanguageField_1 = require("./async/ai-runtime/components/AgentInputField/LanguageField");
+Object.defineProperty(exports, "LanguageField", { enumerable: true, get: function () { return __importDefault(LanguageField_1).default; } });

package/lib/cjs/builtin/mui/material.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.Tooltip = exports.ThemeProvider = exports.TextField = exports.Switch = exports.Stack = exports.Slide = exports.Popper = exports.Paper = exports.MenuList = exports.MenuItem = exports.Menu = exports.ListSubheader = exports.ListItemSecondaryAction = exports.ListItemIcon = exports.ListItemButton = exports.ListItemAvatar = exports.ListItem = exports.List = exports.Link = exports.LinearProgress = exports.Grow = exports.Grid = exports.GlobalStyles = exports.Fade = exports.Divider = exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.Dialog = exports.Container = exports.Collapse = exports.ClickAwayListener = exports.CircularProgress = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = exports.ButtonGroup = exports.IconButton = exports.Button = exports.Box = exports.Avatar = exports.Autocomplete = exports.AlertTitle = exports.Alert = exports.ListItemText = exports.Checkbox = void 0;
-exports.useTheme = exports.useMediaQuery = exports.styled = exports.createTheme = exports.alpha = exports.Zoom = void 0;
+exports.Tooltip = exports.ThemeProvider = exports.TextField = exports.Switch = exports.Stack = exports.Slide = exports.Select = exports.Popper = exports.Paper = exports.MenuList = exports.MenuItem = exports.Menu = exports.ListSubheader = exports.ListItemSecondaryAction = exports.ListItemIcon = exports.ListItemButton = exports.ListItemAvatar = exports.ListItem = exports.List = exports.Link = exports.LinearProgress = exports.Grow = exports.Grid = exports.GlobalStyles = exports.Fade = exports.Divider = exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.Dialog = exports.Container = exports.Collapse = exports.ClickAwayListener = exports.CircularProgress = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = exports.ButtonGroup = exports.IconButton = exports.Button = exports.Box = exports.Avatar = exports.Autocomplete = exports.AlertTitle = exports.Alert = exports.ListItemText = exports.Checkbox = void 0;
+exports.useTheme = exports.useMediaQuery = exports.styled = exports.createTheme = exports.alpha = exports.Zoom = exports.Typography = void 0;
 var material_1 = require("@mui/material");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return material_1.Checkbox; } });
 Object.defineProperty(exports, "ListItemText", { enumerable: true, get: function () { return material_1.ListItemText; } });
@@ -46,6 +46,7 @@ Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function ()
 Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return material_1.MenuList; } });
 Object.defineProperty(exports, "Paper", { enumerable: true, get: function () { return material_1.Paper; } });
 Object.defineProperty(exports, "Popper", { enumerable: true, get: function () { return material_1.Popper; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return material_1.Select; } });
 Object.defineProperty(exports, "Slide", { enumerable: true, get: function () { return material_1.Slide; } });
 Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return material_1.Stack; } });
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return material_1.Switch; } });