@blocklet/pages-kit 0.2.306 → 0.2.307

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

@@ -15,7 +15,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const StringField = (0, react_1.forwardRef)((_a, ref) => {
+    var _b;
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ ref: ref, multiline: parameter === null || parameter === void 0 ? void 0 : parameter.multiline, minRows: (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) ? 2 : undefined, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { inputProps: Object.assign(Object.assign({}, props.inputProps), { maxLength: parameter === null || parameter === void 0 ? void 0 : parameter.maxLength }), readOnly }) })));
+    const isQuestion = (parameter === null || parameter === void 0 ? void 0 : parameter.key) === 'question';
+    const onKeyDown = (0, react_1.useCallback)((e) => {
+        var _a;
+        if (!isQuestion)
+            return;
+        // NOTE: Pressing Enter in the IME will trigger the 229 event
+        if (e.keyCode === 229)
+            return;
+        if (e.key === 'Enter' && !e.shiftKey && !e.repeat) {
+            e.preventDefault();
+            (_a = e.target.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
+        }
+    }, [isQuestion]);
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ ref: ref, multiline: isQuestion || (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) || isQuestion, minRows: isQuestion ? 1 : (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) ? 2 : undefined, onChange: (e) => onChange(e.target.value), onKeyDown: onKeyDown }, props, { InputProps: Object.assign(Object.assign({ readOnly }, props.InputProps), { sx: Object.assign({ py: 0, [`.${material_1.inputBaseClasses.input}`]: { py: 1 } }, (_b = props.InputProps) === null || _b === void 0 ? void 0 : _b.sx), inputProps: Object.assign(Object.assign({}, props.inputProps), { maxLength: parameter === null || parameter === void 0 ? void 0 : parameter.maxLength }) }) })));
 });
 exports.default = StringField;

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

@@ -123,7 +123,7 @@ function ShareSave() {
     const image = (_f = (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => { var _a; return (_a = i.data[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[types_1.RuntimeOutputVariable.images]) === null || _e === void 0 ? void 0 : _e.at(0)) === null || _f === void 0 ? void 0 : _f.url;
     if (!content && !image)
         return null;
-    return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
+    return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file-download" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
             // @ts-ignore
             const { default: html2pdf } = yield Promise.resolve().then(() => __importStar(require('html2pdf.js')));
             if (content) {

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

@@ -76,7 +76,7 @@ function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQu
                                 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, { 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
                                                 ? {
-                                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { py: 3, mr: -0.75 }, children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText }) })),
+                                                    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, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText }) })),
                                                 }
                                                 : undefined })] }));
                             } }) }, parameter.id));

package/lib/esm/builtin/async/ai-runtime/components/AgentInputField/StringField.js

@@ -10,10 +10,24 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@mui/material';
-import { forwardRef } from 'react';
+import { TextField, inputBaseClasses } from '@mui/material';
+import { forwardRef, useCallback } from 'react';
 const StringField = forwardRef((_a, ref) => {
+    var _b;
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
-    return (_jsx(TextField, Object.assign({ ref: ref, multiline: parameter === null || parameter === void 0 ? void 0 : parameter.multiline, minRows: (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) ? 2 : undefined, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { inputProps: Object.assign(Object.assign({}, props.inputProps), { maxLength: parameter === null || parameter === void 0 ? void 0 : parameter.maxLength }), readOnly }) })));
+    const isQuestion = (parameter === null || parameter === void 0 ? void 0 : parameter.key) === 'question';
+    const onKeyDown = useCallback((e) => {
+        var _a;
+        if (!isQuestion)
+            return;
+        // NOTE: Pressing Enter in the IME will trigger the 229 event
+        if (e.keyCode === 229)
+            return;
+        if (e.key === 'Enter' && !e.shiftKey && !e.repeat) {
+            e.preventDefault();
+            (_a = e.target.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
+        }
+    }, [isQuestion]);
+    return (_jsx(TextField, Object.assign({ ref: ref, multiline: isQuestion || (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) || isQuestion, minRows: isQuestion ? 1 : (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) ? 2 : undefined, onChange: (e) => onChange(e.target.value), onKeyDown: onKeyDown }, props, { InputProps: Object.assign(Object.assign({ readOnly }, props.InputProps), { sx: Object.assign({ py: 0, [`.${inputBaseClasses.input}`]: { py: 1 } }, (_b = props.InputProps) === null || _b === void 0 ? void 0 : _b.sx), inputProps: Object.assign(Object.assign({}, props.inputProps), { maxLength: parameter === null || parameter === void 0 ? void 0 : parameter.maxLength }) }) })));
 });
 export default StringField;

package/lib/esm/builtin/async/ai-runtime/components/ShareActions/index.js

@@ -94,7 +94,7 @@ function ShareSave() {
     const image = (_f = (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[RuntimeOutputVariable.images]) === null || _e === void 0 ? void 0 : _e.at(0)) === null || _f === void 0 ? void 0 : _f.url;
     if (!content && !image)
         return null;
-    return (_jsx(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: _jsx(Icon, { icon: "tabler:file" }), titleSucceed: _jsx(Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
+    return (_jsx(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: _jsx(Icon, { icon: "tabler:file-download" }), titleSucceed: _jsx(Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
             // @ts-ignore
             const { default: html2pdf } = yield import('html2pdf.js');
             if (content) {

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

@@ -71,7 +71,7 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
                                 var _a;
                                 return (_jsxs(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField, { 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
                                                 ? {
-                                                    endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75 }, children: _jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText }) })),
+                                                    endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: _jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText }) })),
                                                 }
                                                 : undefined })] }));
                             } }) }, parameter.id));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.306",
+  "version": "0.2.307",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"