@flowgram.ai/form-materials 0.4.9 → 0.4.11

package/dist/cjs/components/db-condition-row/hooks/use-op.js

@@ -0,0 +1,79 @@
+"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__, {
+    useOp: ()=>useOp
+});
+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_index_js_namespaceObject = require("../../index.js");
+const defaultOpConfigs = external_index_js_namespaceObject.ConditionRow.defaultOpConfigs;
+function useOp({ rule, op, onChange, readonly, userOps }) {
+    const options = (0, external_react_namespaceObject.useMemo)(()=>Object.keys(rule || {}).map((_op)=>({
+                ...defaultOpConfigs[_op] || {},
+                ...userOps?.[_op] || {},
+                value: _op,
+                label: editor_namespaceObject.I18n.t(userOps?.[_op]?.label || defaultOpConfigs[_op]?.label)
+            })), [
+        rule,
+        userOps
+    ]);
+    const opConfig = (0, external_react_namespaceObject.useMemo)(()=>defaultOpConfigs[op], [
+        op
+    ]);
+    const renderOpSelect = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Select, {
+            style: {
+                height: 22
+            },
+            disabled: readonly,
+            size: "small",
+            value: op,
+            optionList: options,
+            onChange: (v)=>{
+                onChange(v);
+            },
+            triggerRender: ({ value })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                    size: "small",
+                    disabled: !rule,
+                    children: opConfig?.abbreviation || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconChevronDownStroked, {
+                        size: "small"
+                    })
+                })
+        });
+    return {
+        renderOpSelect,
+        opConfig
+    };
+}
+exports.useOp = __webpack_exports__.useOp;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useOp"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/db-condition-row/index.js

@@ -0,0 +1,115 @@
+"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__, {
+    DBConditionRow: ()=>DBConditionRow
+});
+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 index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+const use_op_js_namespaceObject = require("./hooks/use-op.js");
+const use_left_js_namespaceObject = require("./hooks/use-left.js");
+const defaultRuleConfig = {
+    ops: {},
+    rules: {}
+};
+function DBConditionRow({ style, value, onChange, readonly, options, ruleConfig = defaultRuleConfig }) {
+    const { left, operator, right } = value || {};
+    const { rule, renderDBOptionSelect } = (0, use_left_js_namespaceObject.useLeft)({
+        left,
+        options,
+        onChange: (leftKey)=>onChange({
+                ...value,
+                left: leftKey
+            }),
+        readonly,
+        userRules: ruleConfig.rules
+    });
+    const { renderOpSelect, opConfig } = (0, use_op_js_namespaceObject.useOp)({
+        rule,
+        op: operator,
+        onChange: (v)=>onChange({
+                ...value,
+                operator: v
+            }),
+        readonly,
+        userOps: ruleConfig.ops
+    });
+    const targetSchema = (0, external_react_namespaceObject.useMemo)(()=>{
+        const targetType = rule?.[operator || ''] || null;
+        return targetType ? {
+            type: targetType,
+            extra: {
+                weak: true
+            }
+        } : null;
+    }, [
+        rule,
+        opConfig
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIContainer, {
+        style: style,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIOperator, {
+                children: renderOpSelect()
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIValues, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UILeft, {
+                        children: renderDBOptionSelect()
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIRight, {
+                        children: targetSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.InjectDynamicValueInput, {
+                            readonly: readonly || !rule,
+                            value: right,
+                            schema: targetSchema,
+                            onChange: (v)=>onChange({
+                                    ...value,
+                                    right: v
+                                })
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
+                            size: "small",
+                            disabled: true,
+                            style: {
+                                pointerEvents: 'none'
+                            },
+                            value: opConfig?.rightDisplay || editor_namespaceObject.I18n.t('Empty')
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.DBConditionRow = __webpack_exports__.DBConditionRow;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DBConditionRow"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/db-condition-row/styles.js

@@ -0,0 +1,94 @@
+"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__, {
+    UIOperator: ()=>UIOperator,
+    UIContainer: ()=>UIContainer,
+    UIRight: ()=>UIRight,
+    UISelect: ()=>UISelect,
+    UIValues: ()=>UIValues,
+    UILeft: ()=>UILeft,
+    UIOptionLabel: ()=>UIOptionLabel
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const UIContainer = external_styled_components_default().div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+`;
+const UIOperator = external_styled_components_default().div``;
+const UILeft = external_styled_components_default().div`
+  width: 100%;
+`;
+const UIRight = external_styled_components_default().div`
+  width: 100%;
+`;
+const UIValues = external_styled_components_default().div`
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+`;
+const UIOptionLabel = external_styled_components_default().div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+const UISelect = external_styled_components_default()(semi_ui_namespaceObject.Select)`
+  & .semi-select-selection {
+    margin-left: 5px;
+  }
+`;
+exports.UIContainer = __webpack_exports__.UIContainer;
+exports.UILeft = __webpack_exports__.UILeft;
+exports.UIOperator = __webpack_exports__.UIOperator;
+exports.UIOptionLabel = __webpack_exports__.UIOptionLabel;
+exports.UIRight = __webpack_exports__.UIRight;
+exports.UISelect = __webpack_exports__.UISelect;
+exports.UIValues = __webpack_exports__.UIValues;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "UIContainer",
+    "UILeft",
+    "UIOperator",
+    "UIOptionLabel",
+    "UIRight",
+    "UISelect",
+    "UIValues"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/db-condition-row/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/display-flow-value/index.js

@@ -0,0 +1,64 @@
+"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__, {
+    DisplayFlowValue: ()=>DisplayFlowValue
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const index_js_namespaceObject = require("../../shared/index.js");
+const external_display_schema_tag_index_js_namespaceObject = require("../display-schema-tag/index.js");
+function DisplayFlowValue({ value, title, showIconInTree }) {
+    const available = (0, editor_namespaceObject.useScopeAvailable)();
+    const variable = value?.type === 'ref' ? available.getByKeyPath(value?.content) : void 0;
+    const schema = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (value?.type === 'ref') return json_schema_namespaceObject.JsonSchemaUtils.astToSchema(variable?.type);
+        if (value?.type === 'template') return {
+            type: 'string'
+        };
+        if (value?.type === 'constant') return index_js_namespaceObject.FlowValueUtils.inferConstantJsonSchema(value);
+        return {
+            type: 'unknown'
+        };
+    }, [
+        value,
+        variable?.hash
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_display_schema_tag_index_js_namespaceObject.DisplaySchemaTag, {
+        title: title,
+        value: schema,
+        showIconInTree: showIconInTree,
+        warning: value?.type === 'ref' && !variable
+    });
+}
+exports.DisplayFlowValue = __webpack_exports__.DisplayFlowValue;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DisplayFlowValue"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/display-inputs-values/index.js

@@ -0,0 +1,76 @@
+"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__, {
+    DisplayInputsValueAllInTag: ()=>DisplayInputsValueAllInTag,
+    DisplayInputsValues: ()=>DisplayInputsValues
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_lodash_es_namespaceObject = require("lodash-es");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const index_js_namespaceObject = require("../../shared/index.js");
+const external_display_flow_value_index_js_namespaceObject = require("../display-flow-value/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+const external_display_schema_tag_index_js_namespaceObject = require("../display-schema-tag/index.js");
+function DisplayInputsValues({ value, showIconInTree }) {
+    const childEntries = Object.entries(value || {});
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.DisplayInputsWrapper, {
+        children: childEntries.map(([key, value])=>{
+            if (index_js_namespaceObject.FlowValueUtils.isFlowValue(value)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_display_flow_value_index_js_namespaceObject.DisplayFlowValue, {
+                title: key,
+                value: value,
+                showIconInTree: showIconInTree
+            }, key);
+            if ((0, external_lodash_es_namespaceObject.isPlainObject)(value)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DisplayInputsValueAllInTag, {
+                title: key,
+                value: value,
+                showIconInTree: showIconInTree
+            }, key);
+            return null;
+        })
+    });
+}
+function DisplayInputsValueAllInTag({ value, title, showIconInTree }) {
+    const available = (0, editor_namespaceObject.useScopeAvailable)();
+    const schema = (0, external_react_namespaceObject.useMemo)(()=>index_js_namespaceObject.FlowValueUtils.inferJsonSchema(value, available.scope), [
+        available.version,
+        value
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_display_schema_tag_index_js_namespaceObject.DisplaySchemaTag, {
+        title: title,
+        value: schema,
+        showIconInTree: showIconInTree
+    });
+}
+exports.DisplayInputsValueAllInTag = __webpack_exports__.DisplayInputsValueAllInTag;
+exports.DisplayInputsValues = __webpack_exports__.DisplayInputsValues;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DisplayInputsValueAllInTag",
+    "DisplayInputsValues"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,51 @@
+"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__, {
+    DisplayInputsWrapper: ()=>DisplayInputsWrapper
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const DisplayInputsWrapper = external_styled_components_default().div`
+  display: flex;
+  gap: 5px;
+  flex-wrap: wrap;
+`;
+exports.DisplayInputsWrapper = __webpack_exports__.DisplayInputsWrapper;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DisplayInputsWrapper"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/display-outputs/index.js

@@ -0,0 +1,72 @@
+"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__, {
+    DisplayOutputs: ()=>DisplayOutputs
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const index_js_namespaceObject = require("../display-schema-tag/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
+    const scope = (0, editor_namespaceObject.useCurrentScope)();
+    const refresh = (0, editor_namespaceObject.useRefresh)();
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!displayFromScope) return ()=>null;
+        const disposable = scope.output.onListOrAnyVarChange(()=>{
+            refresh();
+        });
+        return ()=>{
+            disposable.dispose();
+        };
+    }, [
+        displayFromScope
+    ]);
+    const properties = displayFromScope ? scope.output.variables?.reduce((acm, curr)=>{
+        acm = {
+            ...acm,
+            ...json_schema_namespaceObject.JsonSchemaUtils.astToSchema(curr.type)?.properties || {}
+        };
+        return acm;
+    }, {}) : value?.properties || {};
+    const childEntries = Object.entries(properties || {});
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.DisplayOutputsWrapper, {
+        children: childEntries.map(([key, schema])=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.DisplaySchemaTag, {
+                title: key,
+                value: schema,
+                showIconInTree: showIconInTree,
+                warning: !schema
+            }, key))
+    });
+}
+exports.DisplayOutputs = __webpack_exports__.DisplayOutputs;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DisplayOutputs"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/display-outputs/styles.js

@@ -0,0 +1,51 @@
+"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__, {
+    DisplayOutputsWrapper: ()=>DisplayOutputsWrapper
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const DisplayOutputsWrapper = external_styled_components_default().div`
+  display: flex;
+  gap: 5px;
+  flex-wrap: wrap;
+`;
+exports.DisplayOutputsWrapper = __webpack_exports__.DisplayOutputsWrapper;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DisplayOutputsWrapper"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});