@flowgram.ai/form-materials 0.4.9 → 0.4.11

package/dist/cjs/components/inputs-values-tree/row.js

@@ -0,0 +1,183 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputValueRow: ()=>InputValueRow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const external_styles_js_namespaceObject = require("./styles.js");
+const use_child_list_js_namespaceObject = require("./hooks/use-child-list.js");
+const index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const external_blur_input_index_js_namespaceObject = require("../blur-input/index.js");
+const AddObjectChildStrategy = {
+    hit: (schema)=>'object' === schema.type,
+    Renderer: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
+            size: "small",
+            disabled: true,
+            style: {
+                pointerEvents: 'none'
+            },
+            value: editor_namespaceObject.I18n.t('Configure via child fields')
+        })
+};
+function InputValueRow(props) {
+    const { keyName, value, $level = 0, onUpdateKey, onUpdateValue, $isLast, onRemove, constantProps, hasError, readonly } = props;
+    const [collapse, setCollapse] = (0, external_react_namespaceObject.useState)(false);
+    const { canAddField, hasChildren, list, add, updateKey, updateValue, remove } = (0, use_child_list_js_namespaceObject.useChildList)(value, onUpdateValue);
+    const strategies = (0, external_react_namespaceObject.useMemo)(()=>[
+            ...hasChildren ? [
+                AddObjectChildStrategy
+            ] : [],
+            ...constantProps?.strategies || []
+        ], [
+        hasChildren,
+        constantProps?.strategies
+    ]);
+    const flowDisplayValue = (0, external_react_namespaceObject.useMemo)(()=>hasChildren ? {
+            type: 'constant',
+            schema: {
+                type: 'object'
+            }
+        } : value, [
+        hasChildren,
+        value
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItemLeft, {
+                $isLast: $isLast,
+                $showLine: $level > 0,
+                $showCollapse: hasChildren,
+                children: hasChildren && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UICollapseTrigger, {
+                    onClick: ()=>setCollapse((_collapse)=>!_collapse),
+                    children: collapse ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconChevronDown, {
+                        size: "small"
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconChevronRight, {
+                        size: "small"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UITreeItemRight, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItemMain, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIRow, {
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_blur_input_index_js_namespaceObject.BlurInput, {
+                                    style: {
+                                        width: 100,
+                                        minWidth: 100,
+                                        maxWidth: 100
+                                    },
+                                    disabled: readonly,
+                                    size: "small",
+                                    value: keyName,
+                                    onChange: (v)=>onUpdateKey?.(v),
+                                    placeholder: editor_namespaceObject.I18n.t('Input Key')
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.InjectDynamicValueInput, {
+                                    style: {
+                                        flexGrow: 1
+                                    },
+                                    readonly: readonly,
+                                    value: flowDisplayValue,
+                                    onChange: (v)=>onUpdateValue(v),
+                                    hasError: hasError,
+                                    constantProps: {
+                                        ...constantProps,
+                                        strategies
+                                    }
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIActions, {
+                                    children: [
+                                        canAddField && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
+                                            disabled: readonly,
+                                            size: "small",
+                                            theme: "borderless",
+                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.IconAddChildren, {}),
+                                            onClick: ()=>{
+                                                add({
+                                                    type: 'constant',
+                                                    content: '',
+                                                    schema: {
+                                                        type: 'string'
+                                                    }
+                                                });
+                                                setCollapse(true);
+                                            }
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
+                                            disabled: readonly,
+                                            theme: "borderless",
+                                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconDelete, {
+                                                size: "small"
+                                            }),
+                                            size: "small",
+                                            onClick: ()=>onRemove?.()
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    hasChildren && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UICollapsible, {
+                        $collapse: collapse,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItems, {
+                            $shrink: true,
+                            children: list.map((_item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InputValueRow, {
+                                    readonly: readonly,
+                                    hasError: hasError,
+                                    constantProps: constantProps,
+                                    keyName: _item.key,
+                                    value: _item.value,
+                                    $level: $level + 1,
+                                    onUpdateValue: (_v)=>{
+                                        updateValue(_item.id, _v);
+                                    },
+                                    onUpdateKey: (k)=>{
+                                        updateKey(_item.id, k);
+                                    },
+                                    onRemove: ()=>{
+                                        remove(_item.id);
+                                    },
+                                    $isLast: index === list.length - 1
+                                }, _item.id))
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.InputValueRow = __webpack_exports__.InputValueRow;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InputValueRow"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values-tree/styles.js

@@ -0,0 +1,177 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    IconAddChildren: ()=>IconAddChildren,
+    UIContainer: ()=>UIContainer,
+    UITreeItemLeft: ()=>UITreeItemLeft,
+    UITreeItemRight: ()=>UITreeItemRight,
+    UIRow: ()=>UIRow,
+    UITreeItemMain: ()=>UITreeItemMain,
+    UIActions: ()=>UIActions,
+    UICollapsible: ()=>UICollapsible,
+    UICollapseTrigger: ()=>UICollapseTrigger,
+    UITreeItems: ()=>UITreeItems
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+var semi_icons_default = /*#__PURE__*/ __webpack_require__.n(semi_icons_namespaceObject);
+const UIContainer = external_styled_components_default().div``;
+const UIRow = external_styled_components_default().div`
+  display: flex;
+  align-items: flex-start;
+  gap: 5px;
+`;
+const UICollapseTrigger = external_styled_components_default().div`
+  cursor: pointer;
+  margin-right: 5px;
+`;
+const UITreeItems = external_styled_components_default().div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+
+  ${({ $shrink })=>$shrink && (0, external_styled_components_namespaceObject.css)`
+      padding-left: 3px;
+      margin-top: 10px;
+    `}
+`;
+const UITreeItemLeft = external_styled_components_default().div`
+  grid-column: 1;
+  position: relative;
+  width: 16px;
+
+  ${({ $showLine, $isLast, $showCollapse })=>{
+    let height = $isLast ? '24px' : '100%';
+    let width = $showCollapse ? '12px' : '30px';
+    return $showLine && (0, external_styled_components_namespaceObject.css)`
+        &::before {
+          /* 竖线 */
+          content: '';
+          height: ${height};
+          position: absolute;
+          left: -14px;
+          top: -16px;
+          width: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+
+        &::after {
+          /* 横线 */
+          content: '';
+          position: absolute;
+          left: -14px; // 横线起点和竖线对齐
+          top: 8px; // 跟随你的行高调整
+          width: ${width}; // 横线长度
+          height: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+      `;
+}}
+`;
+const UITreeItemRight = external_styled_components_default().div`
+  grid-column: 2;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0px;
+  }
+`;
+const UITreeItemMain = external_styled_components_default().div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  position: relative;
+`;
+const UICollapsible = external_styled_components_default().div`
+  display: none;
+
+  ${({ $collapse })=>$collapse && (0, external_styled_components_namespaceObject.css)`
+      display: block;
+    `}
+`;
+const UIActions = external_styled_components_default().div`
+  white-space: nowrap;
+`;
+const iconAddChildrenSvg = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+    className: "icon-icon icon-icon-coz_add_node ",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
+        }),
+        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"
+        })
+    ]
+});
+const IconAddChildren = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_default(), {
+        size: "small",
+        svg: iconAddChildrenSvg
+    });
+exports.IconAddChildren = __webpack_exports__.IconAddChildren;
+exports.UIActions = __webpack_exports__.UIActions;
+exports.UICollapseTrigger = __webpack_exports__.UICollapseTrigger;
+exports.UICollapsible = __webpack_exports__.UICollapsible;
+exports.UIContainer = __webpack_exports__.UIContainer;
+exports.UIRow = __webpack_exports__.UIRow;
+exports.UITreeItemLeft = __webpack_exports__.UITreeItemLeft;
+exports.UITreeItemMain = __webpack_exports__.UITreeItemMain;
+exports.UITreeItemRight = __webpack_exports__.UITreeItemRight;
+exports.UITreeItems = __webpack_exports__.UITreeItems;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "IconAddChildren",
+    "UIActions",
+    "UICollapseTrigger",
+    "UICollapsible",
+    "UIContainer",
+    "UIRow",
+    "UITreeItemLeft",
+    "UITreeItemMain",
+    "UITreeItemRight",
+    "UITreeItems"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values-tree/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/json-editor-with-variables/editor.js

@@ -0,0 +1,85 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    JsonEditorWithVariables: ()=>JsonEditorWithVariables
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+const index_js_namespaceObject = require("../coze-editor-extensions/index.js");
+const external_code_editor_index_js_namespaceObject = require("../code-editor/index.js");
+const TRIGGER_CHARACTERS = [
+    '@'
+];
+function findAllMatches(inputString, regex) {
+    const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : regex.flags + 'g');
+    let match;
+    const matches = [];
+    while(null !== (match = globalRegex.exec(inputString))){
+        if (match.index === globalRegex.lastIndex) globalRegex.lastIndex++;
+        matches.push({
+            match: match[0],
+            range: [
+                match.index,
+                match.index + match[0].length
+            ]
+        });
+    }
+    return matches;
+}
+const transformer = (0, preset_code_namespaceObject.transformerCreator)((text)=>{
+    const originalSource = text.toString();
+    const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
+    if (matches.length > 0) matches.forEach(({ range })=>{
+        text.replaceRange(range[0], range[1], 'null');
+    });
+    return text;
+});
+function JsonEditorWithVariables(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_code_editor_index_js_namespaceObject.CodeEditor, {
+        languageId: "json",
+        activeLinePlaceholder: editor_namespaceObject.I18n.t("Press '@' to Select variable"),
+        ...props,
+        options: {
+            transformer,
+            ...props.options || {}
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTree, {
+                triggerCharacters: TRIGGER_CHARACTERS
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTagInject, {})
+        ]
+    });
+}
+exports.JsonEditorWithVariables = __webpack_exports__.JsonEditorWithVariables;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "JsonEditorWithVariables"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/json-editor-with-variables/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __webpack_modules__ = {
+    "./editor": function(module) {
+        module.exports = import("./editor.js").then(function(module) {
+            return module;
+        });
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        JsonEditorWithVariables: ()=>JsonEditorWithVariables
+    });
+    const index_js_namespaceObject = require("../../shared/index.js");
+    const JsonEditorWithVariables = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")).then((module)=>({
+                default: module.JsonEditorWithVariables
+            })));
+})();
+exports.JsonEditorWithVariables = __webpack_exports__.JsonEditorWithVariables;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "JsonEditorWithVariables"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/json-schema-editor/default-value.js

@@ -0,0 +1,54 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DefaultValue: ()=>DefaultValue
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const index_js_namespaceObject = require("../constant-input/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+function DefaultValue(props) {
+    const { value, schema, onChange, placeholder } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.ConstantInputWrapper, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.ConstantInput, {
+            value: value,
+            onChange: (_v)=>onChange(_v),
+            schema: schema || {
+                type: 'string'
+            },
+            placeholder: placeholder ?? editor_namespaceObject.I18n.t('Default value if parameter is not provided'),
+            enableMultiLineStr: true
+        })
+    });
+}
+exports.DefaultValue = __webpack_exports__.DefaultValue;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DefaultValue"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});