From 1fb65b5a284ede722c25114a82140b313bd27c05 Mon Sep 17 00:00:00 2001 From: Philipp Kuhlmay Date: Sat, 4 Nov 2023 11:57:30 +0100 Subject: [PATCH] remove unused code --- .../ReactFlow/ReactFlowComponent.jsx | 6 ---- Resources/Public/JavaScript/main.js | 29 ++++++++++--------- 2 files changed, 15 insertions(+), 20 deletions(-) diff --git a/Build/Sources/components/ReactFlow/ReactFlowComponent.jsx b/Build/Sources/components/ReactFlow/ReactFlowComponent.jsx index 4eddcb8f3..b873b7358 100644 --- a/Build/Sources/components/ReactFlow/ReactFlowComponent.jsx +++ b/Build/Sources/components/ReactFlow/ReactFlowComponent.jsx @@ -22,12 +22,6 @@ export const ReactFlowComponent = (props) => { const nodeTypes = useMemo(() => ({ customModel: CustomModelNode }), []); const [reactFlowInstance, setReactFlowInstance] = useState(null); - - - useEffect(() => { - setId(props.nodesIdCounter); - }, [props.nodesIdCounter]); - const onConnect = useCallback( (connection) => props.setEdges((eds) => addEdge(connection, eds)), [props.setEdges] diff --git a/Resources/Public/JavaScript/main.js b/Resources/Public/JavaScript/main.js index d5f88f036..5832cba7f 100644 --- a/Resources/Public/JavaScript/main.js +++ b/Resources/Public/JavaScript/main.js @@ -246,7 +246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _App_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./App.scss */ \"./Build/Sources/App.scss\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_views_LeftContentComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/views/LeftContentComponent */ \"./Build/Sources/components/views/LeftContentComponent.jsx\");\n/* harmony import */ var _components_views_RightContentComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/views/RightContentComponent */ \"./Build/Sources/components/views/RightContentComponent.jsx\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"./node_modules/@fortawesome/react-fontawesome/index.es.js\");\n/* harmony import */ var _initialValues_properties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./initialValues/properties */ \"./Build/Sources/initialValues/properties.js\");\n/* harmony import */ var _initialValues_author__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./initialValues/author */ \"./Build/Sources/initialValues/author.js\");\n/* harmony import */ var _initialValues_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./initialValues/module */ \"./Build/Sources/initialValues/module.js\");\n/* harmony import */ var _initialValues_plugin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./initialValues/plugin */ \"./Build/Sources/initialValues/plugin.js\");\n/* harmony import */ var _Resources_Public_JavaScript_Contrib_react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../Resources/Public/JavaScript/Contrib/react */ \"./Resources/Public/JavaScript/Contrib/react.js\");\n/* harmony import */ var _Resources_Public_JavaScript_Contrib_react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Resources_Public_JavaScript_Contrib_react__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction App() {\n // Nodes for ReactFlow\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState2 = _slicedToArray(_useState, 2),\n nodes = _useState2[0],\n setNodes = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState4 = _slicedToArray(_useState3, 2),\n edges = _useState4[0],\n setEdges = _useState4[1];\n var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_initialValues_properties__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n _useState6 = _slicedToArray(_useState5, 2),\n properties = _useState6[0],\n setProperties = _useState6[1];\n var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState8 = _slicedToArray(_useState7, 2),\n authors = _useState8[0],\n setAuthors = _useState8[1];\n var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState10 = _slicedToArray(_useState9, 2),\n plugins = _useState10[0],\n setPlugins = _useState10[1];\n var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState12 = _slicedToArray(_useState11, 2),\n modules = _useState12[0],\n setModules = _useState12[1];\n\n // Zustand für das Ein- und Ausklappen der linken Spalte\n var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true),\n _useState14 = _slicedToArray(_useState13, 2),\n isLeftColumnVisible = _useState14[0],\n setLeftColumnVisible = _useState14[1];\n var onNodesChanged = function onNodesChanged(nodes) {\n // Dont use prev\n console.log(\"onNodesChanged\");\n console.log(nodes);\n setNodes(nodes);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log(\"useEffect nodes\");\n console.log(nodes);\n }, [nodes]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var leftColumn = document.getElementById('left-column');\n if (leftColumn) {\n leftColumn.style.opacity = isLeftColumnVisible ? '1' : '0';\n }\n }, [isLeftColumnVisible]);\n var onEdgesChanged = function onEdgesChanged(edges) {\n // Dont use prev\n setEdges(edges);\n };\n\n // Funktion zum Umschalten der Sichtbarkeit der linken Spalte\n var toggleLeftColumn = function toggleLeftColumn() {\n setLeftColumnVisible(!isLeftColumnVisible);\n };\n var generateUUID = function generateUUID() {\n return Math.random().toString();\n };\n var addNewItemHandler = function addNewItemHandler(setter, defaultItem) {\n return function () {\n setter(function (prevItems) {\n return [].concat(_toConsumableArray(prevItems), [_objectSpread(_objectSpread({}, defaultItem), {}, {\n id: generateUUID()\n })]);\n });\n };\n };\n var addNewAuthorHandler = addNewItemHandler(setAuthors, _initialValues_author__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n var addNewModuleHandler = addNewItemHandler(setModules, _initialValues_module__WEBPACK_IMPORTED_MODULE_7__[\"default\"]);\n var addNewPluginHandler = addNewItemHandler(setPlugins, _initialValues_plugin__WEBPACK_IMPORTED_MODULE_8__[\"default\"]);\n var updateExtensionPropertiesHandler = function updateExtensionPropertiesHandler(key, value) {\n if (key.includes('.')) {\n var _key$split = key.split('.'),\n _key$split2 = _slicedToArray(_key$split, 2),\n parentKey = _key$split2[0],\n childKey = _key$split2[1];\n setProperties(function (prevProperties) {\n return _objectSpread(_objectSpread({}, prevProperties), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, prevProperties[parentKey]), {}, _defineProperty({}, childKey, value))));\n });\n } else {\n setProperties(function (prevProperties) {\n return _objectSpread(_objectSpread({}, prevProperties), {}, _defineProperty({}, key, value));\n });\n }\n };\n var updateAuthorHandler = function updateAuthorHandler(authorId, field, value) {\n setAuthors(function (prevAuthors) {\n return prevAuthors.map(function (author) {\n if (author.id === authorId) {\n return _objectSpread(_objectSpread({}, author), {}, _defineProperty({}, field, value));\n } else {\n return author;\n }\n });\n });\n };\n var updatePluginHandler = function updatePluginHandler(pluginId, field, value) {\n setPlugins(function (prevPlugins) {\n return prevPlugins.map(function (plugin) {\n if (plugin.id === pluginId) {\n if (field.includes('.')) {\n var _field$split = field.split('.'),\n _field$split2 = _slicedToArray(_field$split, 2),\n parentKey = _field$split2[0],\n childKey = _field$split2[1];\n return _objectSpread(_objectSpread({}, plugin), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, plugin[parentKey]), {}, _defineProperty({}, childKey, value))));\n } else {\n return _objectSpread(_objectSpread({}, plugin), {}, _defineProperty({}, field, value));\n }\n } else {\n return plugin;\n }\n });\n });\n };\n var updateModuleHandler = function updateModuleHandler(moduleId, field, value) {\n setModules(function (prevModules) {\n return prevModules.map(function (module) {\n if (module.id === moduleId) {\n if (field.includes('.')) {\n var _field$split3 = field.split('.'),\n _field$split4 = _slicedToArray(_field$split3, 2),\n parentKey = _field$split4[0],\n childKey = _field$split4[1];\n return _objectSpread(_objectSpread({}, module), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, module[parentKey]), {}, _defineProperty({}, childKey, value))));\n } else {\n return _objectSpread(_objectSpread({}, module), {}, _defineProperty({}, field, value));\n }\n } else {\n return module;\n }\n });\n });\n };\n var removeAuthorHandler = function removeAuthorHandler(authorId) {\n setAuthors(function (prevAuthors) {\n return prevAuthors.filter(function (author) {\n return author.id !== authorId;\n });\n });\n };\n var removePluginHandler = function removePluginHandler(pluginId) {\n setPlugins(function (prevPlugins) {\n return prevPlugins.filter(function (plugin) {\n return plugin.id !== pluginId;\n });\n });\n };\n var removeModuleHandler = function removeModuleHandler(moduleId) {\n setModules(function (prevModules) {\n return prevModules.filter(function (module) {\n return module.id !== moduleId;\n });\n });\n };\n var moveElement = function moveElement(index, direction, array, setArray) {\n setArray(function (prevArray) {\n var newArray = _toConsumableArray(prevArray);\n var targetIndex = index + direction;\n if (targetIndex >= 0 && targetIndex < newArray.length) {\n var temp = newArray[targetIndex];\n newArray[targetIndex] = newArray[index];\n newArray[index] = temp;\n }\n return newArray;\n });\n };\n\n // Benutzen Sie dann die 'moveElement' Methode für die spezifischen Operationen\n var moveAuthor = function moveAuthor(index, direction) {\n return moveElement(index, direction, authors, setAuthors);\n };\n var movePlugin = function movePlugin(index, direction) {\n return moveElement(index, direction, plugins, setPlugins);\n };\n var moveModule = function moveModule(index, direction) {\n return moveElement(index, direction, modules, setModules);\n };\n var handleOpenExtension = function handleOpenExtension(extension) {\n var working = JSON.parse(extension.working);\n\n // Sets properties.\n setProperties(function (prev) {\n return _objectSpread(_objectSpread({}, prev), working.properties);\n });\n\n // Helper function to generate new IDs.\n var createNewIds = function createNewIds(arr) {\n return arr.map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n id: Math.random().toString()\n });\n });\n };\n\n // Updated authors, plugins and modules with new IDs.\n setAuthors(createNewIds(working.properties.persons));\n setPlugins(createNewIds(working.properties.plugins));\n setModules(createNewIds(working.properties.backendModules));\n\n // Check if nodes or edges are available, and update them.\n setNodes(working.nodes ? createNewIds(working.nodes) : []);\n setEdges(working.edges ? createNewIds(working.edges) : []);\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(\"div\", {\n className: \"App container-fluid\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(\"button\", {\n id: \"btn-sidebar-collapse\",\n type: \"button\",\n className: \"btn btn-primary position-fixed \".concat(isLeftColumnVisible ? 'expanded' : 'collapsed'),\n onClick: toggleLeftColumn,\n children: [isLeftColumnVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__.FontAwesomeIcon, {\n className: \"p-0 m-0\",\n icon: \"fa-solid fa-arrow-left\"\n }), !isLeftColumnVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__.FontAwesomeIcon, {\n className: \"p-0 m-0\",\n icon: \"fa-solid fa-arrow-right\"\n })]\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n className: \"collapse\",\n id: \"collapseExample\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n className: \"card card-body\",\n children: \"Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.\"\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(\"div\", {\n className: \"row\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n id: \"left-column\",\n className: \"no-padding full-height\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n className: \"p-1\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_views_LeftContentComponent__WEBPACK_IMPORTED_MODULE_2__.LeftContentComponent, {\n properties: properties,\n authors: authors,\n plugins: plugins,\n modules: modules,\n nodes: nodes,\n edges: edges,\n addNewAuthorHandler: addNewAuthorHandler,\n addNewModuleHandler: addNewModuleHandler,\n addNewPluginHandler: addNewPluginHandler,\n updateExtensionPropertiesHandler: updateExtensionPropertiesHandler,\n updateAuthorHandler: updateAuthorHandler,\n updateModuleHandler: updateModuleHandler,\n updatePluginHandler: updatePluginHandler,\n removeAuthorHandler: removeAuthorHandler,\n removePluginHandler: removePluginHandler,\n removeModuleHandler: removeModuleHandler,\n moveAuthor: moveAuthor,\n movePlugin: movePlugin,\n moveModule: moveModule,\n handleOpenExtension: handleOpenExtension\n })\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n style: {\n left: isLeftColumnVisible ? '400px' : '0',\n width: isLeftColumnVisible ? 'calc(100vw - 400px)' : '100vw'\n },\n id: \"right-column\",\n className: \"no-padding full-height\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(\"div\", {\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_components_views_RightContentComponent__WEBPACK_IMPORTED_MODULE_3__.RightContentComponent, {\n nodes: nodes,\n edges: edges,\n onNodesChanged: setNodes,\n onEdgesChanged: setEdges\n })\n })\n })]\n })]\n });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (App);\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/App.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _App_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./App.scss */ \"./Build/Sources/App.scss\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/core/dist/esm/index.mjs\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_views_LeftContentComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/views/LeftContentComponent */ \"./Build/Sources/components/views/LeftContentComponent.jsx\");\n/* harmony import */ var _components_views_RightContentComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/views/RightContentComponent */ \"./Build/Sources/components/views/RightContentComponent.jsx\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"./node_modules/@fortawesome/react-fontawesome/index.es.js\");\n/* harmony import */ var _initialValues_properties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./initialValues/properties */ \"./Build/Sources/initialValues/properties.js\");\n/* harmony import */ var _initialValues_author__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./initialValues/author */ \"./Build/Sources/initialValues/author.js\");\n/* harmony import */ var _initialValues_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./initialValues/module */ \"./Build/Sources/initialValues/module.js\");\n/* harmony import */ var _initialValues_plugin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./initialValues/plugin */ \"./Build/Sources/initialValues/plugin.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\nfunction App() {\n // Nodes for ReactFlow\n var _useNodesState = (0,reactflow__WEBPACK_IMPORTED_MODULE_10__.useNodesState)([]),\n _useNodesState2 = _slicedToArray(_useNodesState, 3),\n nodes = _useNodesState2[0],\n setNodes = _useNodesState2[1],\n onNodesChange = _useNodesState2[2];\n var _useEdgesState = (0,reactflow__WEBPACK_IMPORTED_MODULE_10__.useEdgesState)([]),\n _useEdgesState2 = _slicedToArray(_useEdgesState, 3),\n edges = _useEdgesState2[0],\n setEdges = _useEdgesState2[1],\n onEdgesChange = _useEdgesState2[2];\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_initialValues_properties__WEBPACK_IMPORTED_MODULE_5__[\"default\"]),\n _useState2 = _slicedToArray(_useState, 2),\n properties = _useState2[0],\n setProperties = _useState2[1];\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState4 = _slicedToArray(_useState3, 2),\n authors = _useState4[0],\n setAuthors = _useState4[1];\n var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState6 = _slicedToArray(_useState5, 2),\n plugins = _useState6[0],\n setPlugins = _useState6[1];\n var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),\n _useState8 = _slicedToArray(_useState7, 2),\n modules = _useState8[0],\n setModules = _useState8[1];\n\n // Zustand für das Ein- und Ausklappen der linken Spalte\n var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true),\n _useState10 = _slicedToArray(_useState9, 2),\n isLeftColumnVisible = _useState10[0],\n setLeftColumnVisible = _useState10[1];\n var handleNodesChanged = function handleNodesChanged(newNodes) {\n setNodes(newNodes);\n };\n var handleEdgesChanged = function handleEdgesChanged(newEdges) {\n setEdges(newEdges);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n // Hier könntest du zum Beispiel einen API-Aufruf machen, um den initialen Zustand zu setzen\n setNodes([\n // Deine initialen Nodes\n ]);\n setEdges([\n // Deine initialen Edges\n ]);\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log(\"useEffect nodes\");\n console.log(nodes);\n }, [nodes]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var leftColumn = document.getElementById('left-column');\n if (leftColumn) {\n leftColumn.style.opacity = isLeftColumnVisible ? '1' : '0';\n }\n }, [isLeftColumnVisible]);\n var onEdgesChanged = function onEdgesChanged(newEdges) {\n // Dont use prev\n setEdges(newEdges);\n };\n\n // Funktion zum Umschalten der Sichtbarkeit der linken Spalte\n var toggleLeftColumn = function toggleLeftColumn() {\n setLeftColumnVisible(!isLeftColumnVisible);\n };\n var generateUUID = function generateUUID() {\n return Math.random().toString();\n };\n var addNewItemHandler = function addNewItemHandler(setter, defaultItem) {\n return function () {\n setter(function (prevItems) {\n return [].concat(_toConsumableArray(prevItems), [_objectSpread(_objectSpread({}, defaultItem), {}, {\n id: generateUUID()\n })]);\n });\n };\n };\n var addNewAuthorHandler = addNewItemHandler(setAuthors, _initialValues_author__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n var addNewModuleHandler = addNewItemHandler(setModules, _initialValues_module__WEBPACK_IMPORTED_MODULE_7__[\"default\"]);\n var addNewPluginHandler = addNewItemHandler(setPlugins, _initialValues_plugin__WEBPACK_IMPORTED_MODULE_8__[\"default\"]);\n var updateExtensionPropertiesHandler = function updateExtensionPropertiesHandler(key, value) {\n if (key.includes('.')) {\n var _key$split = key.split('.'),\n _key$split2 = _slicedToArray(_key$split, 2),\n parentKey = _key$split2[0],\n childKey = _key$split2[1];\n setProperties(function (prevProperties) {\n return _objectSpread(_objectSpread({}, prevProperties), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, prevProperties[parentKey]), {}, _defineProperty({}, childKey, value))));\n });\n } else {\n setProperties(function (prevProperties) {\n return _objectSpread(_objectSpread({}, prevProperties), {}, _defineProperty({}, key, value));\n });\n }\n };\n var updateAuthorHandler = function updateAuthorHandler(authorId, field, value) {\n setAuthors(function (prevAuthors) {\n return prevAuthors.map(function (author) {\n if (author.id === authorId) {\n return _objectSpread(_objectSpread({}, author), {}, _defineProperty({}, field, value));\n } else {\n return author;\n }\n });\n });\n };\n var updatePluginHandler = function updatePluginHandler(pluginId, field, value) {\n setPlugins(function (prevPlugins) {\n return prevPlugins.map(function (plugin) {\n if (plugin.id === pluginId) {\n if (field.includes('.')) {\n var _field$split = field.split('.'),\n _field$split2 = _slicedToArray(_field$split, 2),\n parentKey = _field$split2[0],\n childKey = _field$split2[1];\n return _objectSpread(_objectSpread({}, plugin), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, plugin[parentKey]), {}, _defineProperty({}, childKey, value))));\n } else {\n return _objectSpread(_objectSpread({}, plugin), {}, _defineProperty({}, field, value));\n }\n } else {\n return plugin;\n }\n });\n });\n };\n var updateModuleHandler = function updateModuleHandler(moduleId, field, value) {\n setModules(function (prevModules) {\n return prevModules.map(function (module) {\n if (module.id === moduleId) {\n if (field.includes('.')) {\n var _field$split3 = field.split('.'),\n _field$split4 = _slicedToArray(_field$split3, 2),\n parentKey = _field$split4[0],\n childKey = _field$split4[1];\n return _objectSpread(_objectSpread({}, module), {}, _defineProperty({}, parentKey, _objectSpread(_objectSpread({}, module[parentKey]), {}, _defineProperty({}, childKey, value))));\n } else {\n return _objectSpread(_objectSpread({}, module), {}, _defineProperty({}, field, value));\n }\n } else {\n return module;\n }\n });\n });\n };\n var removeAuthorHandler = function removeAuthorHandler(authorId) {\n setAuthors(function (prevAuthors) {\n return prevAuthors.filter(function (author) {\n return author.id !== authorId;\n });\n });\n };\n var removePluginHandler = function removePluginHandler(pluginId) {\n setPlugins(function (prevPlugins) {\n return prevPlugins.filter(function (plugin) {\n return plugin.id !== pluginId;\n });\n });\n };\n var removeModuleHandler = function removeModuleHandler(moduleId) {\n setModules(function (prevModules) {\n return prevModules.filter(function (module) {\n return module.id !== moduleId;\n });\n });\n };\n var moveElement = function moveElement(index, direction, array, setArray) {\n setArray(function (prevArray) {\n var newArray = _toConsumableArray(prevArray);\n var targetIndex = index + direction;\n if (targetIndex >= 0 && targetIndex < newArray.length) {\n var temp = newArray[targetIndex];\n newArray[targetIndex] = newArray[index];\n newArray[index] = temp;\n }\n return newArray;\n });\n };\n\n // Benutzen Sie dann die 'moveElement' Methode für die spezifischen Operationen\n var moveAuthor = function moveAuthor(index, direction) {\n return moveElement(index, direction, authors, setAuthors);\n };\n var movePlugin = function movePlugin(index, direction) {\n return moveElement(index, direction, plugins, setPlugins);\n };\n var moveModule = function moveModule(index, direction) {\n return moveElement(index, direction, modules, setModules);\n };\n var handleOpenExtension = function handleOpenExtension(extension) {\n var working = JSON.parse(extension.working);\n\n // Sets properties.\n setProperties(function (prev) {\n return _objectSpread(_objectSpread({}, prev), working.properties);\n });\n\n // Helper function to generate new IDs.\n var createNewIds = function createNewIds(arr) {\n return arr.map(function (item) {\n return _objectSpread(_objectSpread({}, item), {}, {\n id: Math.random().toString()\n });\n });\n };\n\n // Updated authors, plugins and modules with new IDs.\n setAuthors(createNewIds(working.properties.persons));\n setPlugins(createNewIds(working.properties.plugins));\n setModules(createNewIds(working.properties.backendModules));\n\n // Check if nodes or edges are available, and update them.\n setNodes(working.nodes ? createNewIds(working.nodes) : []);\n setEdges(working.edges ? createNewIds(working.edges) : []);\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(\"div\", {\n className: \"App container-fluid\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(\"button\", {\n id: \"btn-sidebar-collapse\",\n type: \"button\",\n className: \"btn btn-primary position-fixed \".concat(isLeftColumnVisible ? 'expanded' : 'collapsed'),\n onClick: toggleLeftColumn,\n children: [isLeftColumnVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__.FontAwesomeIcon, {\n className: \"p-0 m-0\",\n icon: \"fa-solid fa-arrow-left\"\n }), !isLeftColumnVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_4__.FontAwesomeIcon, {\n className: \"p-0 m-0\",\n icon: \"fa-solid fa-arrow-right\"\n })]\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n className: \"collapse\",\n id: \"collapseExample\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n className: \"card card-body\",\n children: \"Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.\"\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(\"div\", {\n className: \"row\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n id: \"left-column\",\n className: \"no-padding full-height\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n className: \"p-1\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_components_views_LeftContentComponent__WEBPACK_IMPORTED_MODULE_2__.LeftContentComponent, {\n properties: properties,\n authors: authors,\n plugins: plugins,\n modules: modules,\n nodes: nodes,\n edges: edges,\n addNewAuthorHandler: addNewAuthorHandler,\n addNewModuleHandler: addNewModuleHandler,\n addNewPluginHandler: addNewPluginHandler,\n updateExtensionPropertiesHandler: updateExtensionPropertiesHandler,\n updateAuthorHandler: updateAuthorHandler,\n updateModuleHandler: updateModuleHandler,\n updatePluginHandler: updatePluginHandler,\n removeAuthorHandler: removeAuthorHandler,\n removePluginHandler: removePluginHandler,\n removeModuleHandler: removeModuleHandler,\n moveAuthor: moveAuthor,\n movePlugin: movePlugin,\n moveModule: moveModule,\n handleOpenExtension: handleOpenExtension\n })\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n style: {\n left: isLeftColumnVisible ? '400px' : '0',\n width: isLeftColumnVisible ? 'calc(100vw - 400px)' : '100vw'\n },\n id: \"right-column\",\n className: \"no-padding full-height\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(\"div\", {\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_components_views_RightContentComponent__WEBPACK_IMPORTED_MODULE_3__.RightContentComponent, {\n nodes: nodes,\n edges: edges,\n setNodes: setNodes,\n setEdges: setEdges,\n onNodesChange: onNodesChange,\n onEdgesChange: onEdgesChange\n })\n })\n })]\n })]\n });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (App);\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/App.js?"); /***/ }), @@ -290,7 +290,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ReactFlowComponent: function() { return /* binding */ ReactFlowComponent; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/core/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/minimap/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/controls/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/background/dist/esm/index.mjs\");\n/* harmony import */ var reactflow_dist_style_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! reactflow/dist/style.css */ \"./node_modules/reactflow/dist/style.css\");\n/* harmony import */ var _CustomModelNode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CustomModelNode */ \"./Build/Sources/components/ReactFlow/CustomModelNode.jsx\");\n/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Sidebar */ \"./Build/Sources/components/ReactFlow/Sidebar.jsx\");\n/* harmony import */ var _Connections_StrongConnectionLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Connections/StrongConnectionLineComponent */ \"./Build/Sources/components/ReactFlow/Connections/StrongConnectionLineComponent.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar id = 0;\nvar getId = function getId() {\n return \"dndnode_\".concat(id++);\n};\nvar ReactFlowComponent = function ReactFlowComponent(_ref) {\n var nodes = _ref.nodes,\n edges = _ref.edges,\n onNodesChanged = _ref.onNodesChanged,\n onEdgesChanged = _ref.onEdgesChanged;\n var reactFlowWrapper = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var nodeTypes = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return {\n customModel: _CustomModelNode__WEBPACK_IMPORTED_MODULE_2__.CustomModelNode\n };\n }, []);\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n _useState2 = _slicedToArray(_useState, 2),\n reactFlowInstance = _useState2[0],\n setReactFlowInstance = _useState2[1];\n var onConnect = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (connection) {\n return onEdgesChanged([].concat(_toConsumableArray(edges), [connection]));\n }, [edges, onEdgesChanged]);\n var onDragOver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n }, []);\n var nodeColor = function nodeColor(node) {\n switch (node.type) {\n case 'customModel':\n return '#ff8700';\n case 'output':\n return '#6865A5';\n default:\n return '#ff0072';\n }\n };\n var onDrop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n event.preventDefault();\n var reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect();\n var type = event.dataTransfer.getData('application/reactflow');\n // check if the dropped element is valid\n if (typeof type === 'undefined' || !type) {\n console.log(\"type undefined\");\n return;\n }\n var position = reactFlowInstance.project({\n x: event.clientX - reactFlowBounds.left,\n y: event.clientY - reactFlowBounds.top\n });\n var data = {\n label: \"\",\n objectType: \"\",\n isAggregateRoot: false,\n enableSorting: false,\n addDeletedField: true,\n addHiddenField: true,\n addStarttimeEndtimeFields: true,\n enableCategorization: false,\n description: \"\",\n mapToExistingTable: \"\",\n extendExistingModelClass: \"\",\n actions: {\n actionIndex: false,\n actionList: false,\n actionShow: false,\n actionNewCreate: false,\n actionEditUpdate: false,\n actionDelete: false\n },\n customActions: [],\n properties: [],\n relations: []\n };\n var newNode = {\n id: getId(),\n type: type,\n position: position,\n data: data,\n dragHandle: \".drag-handle\",\n draggable: true\n };\n onNodesChanged([].concat(_toConsumableArray(nodes), [newNode]));\n }, [reactFlowInstance, nodes, onNodesChanged]);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n className: \"dndflow\",\n style: {\n height: '93vh',\n width: '100%'\n },\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(reactflow__WEBPACK_IMPORTED_MODULE_6__.ReactFlowProvider, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"div\", {\n className: \"reactflow-wrapper\",\n ref: reactFlowWrapper,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(reactflow__WEBPACK_IMPORTED_MODULE_6__.ReactFlow, {\n edges: edges,\n nodes: nodes,\n onConnect: onConnect,\n nodeTypes: nodeTypes,\n onDrop: onDrop,\n onDragOver: onDragOver,\n connectionLineComponent: _Connections_StrongConnectionLineComponent__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n selectionMode: reactflow__WEBPACK_IMPORTED_MODULE_6__.SelectionMode.Partial,\n onInit: setReactFlowInstance,\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_7__.MiniMap, {\n nodeColor: nodeColor,\n nodeStrokeWidth: 3,\n pannable: true,\n zoomable: true\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_8__.Controls, {\n showInteractive: false\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_9__.Background, {\n variant: \"cross\"\n })]\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n nodes: nodes\n })]\n })\n });\n};\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/ReactFlow/ReactFlowComponent.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ReactFlowComponent: function() { return /* binding */ ReactFlowComponent; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/core/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/minimap/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/controls/dist/esm/index.mjs\");\n/* harmony import */ var reactflow__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! reactflow */ \"./node_modules/@reactflow/background/dist/esm/index.mjs\");\n/* harmony import */ var reactflow_dist_style_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! reactflow/dist/style.css */ \"./node_modules/reactflow/dist/style.css\");\n/* harmony import */ var _CustomModelNode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CustomModelNode */ \"./Build/Sources/components/ReactFlow/CustomModelNode.jsx\");\n/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Sidebar */ \"./Build/Sources/components/ReactFlow/Sidebar.jsx\");\n/* harmony import */ var _Connections_StrongConnectionLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Connections/StrongConnectionLineComponent */ \"./Build/Sources/components/ReactFlow/Connections/StrongConnectionLineComponent.jsx\");\n/* harmony import */ var _initialValues_nodeData__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../initialValues/nodeData */ \"./Build/Sources/initialValues/nodeData.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar id = 0;\nvar getId = function getId() {\n return \"dndnode_\".concat(id++);\n};\nvar ReactFlowComponent = function ReactFlowComponent(props) {\n var reactFlowWrapper = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var nodeTypes = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n return {\n customModel: _CustomModelNode__WEBPACK_IMPORTED_MODULE_2__.CustomModelNode\n };\n }, []);\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n _useState2 = _slicedToArray(_useState, 2),\n reactFlowInstance = _useState2[0],\n setReactFlowInstance = _useState2[1];\n var onConnect = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (connection) {\n return props.setEdges(function (eds) {\n return (0,reactflow__WEBPACK_IMPORTED_MODULE_7__.addEdge)(connection, eds);\n });\n }, [props.setEdges]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n setReactFlowInstance(props.reactFlowInstance);\n }, [props.reactFlowInstance]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n console.log(\"props.nodes hat sich geändert:\", props.nodes);\n }, [props.nodes]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n console.log(\"props.edges hat sich geändert:\", props.edges);\n }, [props.edges]);\n var onDragOver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n }, []);\n var nodeColor = function nodeColor(node) {\n switch (node.type) {\n case 'customModel':\n return '#ff8700';\n case 'output':\n return '#6865A5';\n default:\n return '#ff0072';\n }\n };\n var onDrop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (event) {\n event.preventDefault();\n var reactFlowBounds = reactFlowWrapper.current.getBoundingClientRect();\n var type = event.dataTransfer.getData('application/reactflow');\n if (typeof type === 'undefined' || !type) {\n console.log('type undefined');\n return;\n }\n var position = reactFlowInstance.project({\n x: event.clientX - reactFlowBounds.left,\n y: event.clientY - reactFlowBounds.top\n });\n var data = {\n label: \"\",\n objectType: \"\",\n isAggregateRoot: false,\n enableSorting: false,\n addDeletedField: true,\n addHiddenField: true,\n addStarttimeEndtimeFields: true,\n enableCategorization: false,\n description: \"\",\n mapToExistingTable: \"\",\n extendExistingModelClass: \"\",\n actions: {\n actionIndex: false,\n actionList: false,\n actionShow: false,\n actionNewCreate: false,\n actionEditUpdate: false,\n actionDelete: false\n },\n customActions: [],\n properties: [],\n relations: []\n };\n var newNode = {\n id: getId(),\n type: type,\n position: position,\n data: data,\n dragHandle: '.drag-handle',\n draggable: true\n };\n props.setNodes(function (nds) {\n return nds.concat(newNode);\n });\n }, [reactFlowInstance, props.setNodes]);\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(\"div\", {\n style: {\n width: '100%',\n height: '93vh'\n },\n className: \"dndflow\",\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(reactflow__WEBPACK_IMPORTED_MODULE_7__.ReactFlowProvider, {\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(\"div\", {\n className: \"reactflow-wrapper\",\n ref: reactFlowWrapper,\n children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(reactflow__WEBPACK_IMPORTED_MODULE_7__.ReactFlow, {\n nodes: props.nodes,\n edges: props.edges,\n onNodesChange: props.onNodesChange,\n onEdgesChange: props.onEdgesChange,\n onConnect: onConnect,\n nodeTypes: nodeTypes,\n selectionMode: reactflow__WEBPACK_IMPORTED_MODULE_7__.SelectionMode.Partial,\n onInit: setReactFlowInstance,\n onDrop: onDrop,\n onDragOver: onDragOver,\n connectionLineComponent: _Connections_StrongConnectionLineComponent__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_8__.MiniMap, {\n nodeColor: nodeColor,\n nodeStrokeWidth: 3,\n zoomable: true,\n pannable: true\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_9__.Controls, {\n showInteractive: false\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(reactflow__WEBPACK_IMPORTED_MODULE_10__.Background, {\n variant: \"cross\"\n })]\n })\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(\"pre\", {\n children: JSON.stringify(id, null, 2)\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Sidebar__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n nodes: props.nodes\n })]\n })\n });\n};\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/ReactFlow/ReactFlowComponent.jsx?"); /***/ }), @@ -301,7 +301,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (props) {\n var _onDragStart = function onDragStart(event, nodeType) {\n event.dataTransfer.setData('application/reactflow', nodeType);\n event.dataTransfer.effectAllowed = 'move';\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(\"aside\", {\n className: \"react-flow__sidebar\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"div\", {\n className: \"description\",\n children: \"You can drag these nodes to the pane on the left.\"\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"div\", {\n className: \"dndnode custom-model-node\",\n onDragStart: function onDragStart(event) {\n return _onDragStart(event, 'customModel');\n },\n draggable: true,\n children: \"New Model Object\"\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(\"div\", {\n className: \"debug-output\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"h5\", {\n children: \"Debug output\"\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"pre\", {\n children: JSON.stringify(props.nodes, null, 2)\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"pre\", {\n children: JSON.stringify(props.edges, null, 2)\n })]\n })]\n });\n});\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/ReactFlow/Sidebar.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (props) {\n var _onDragStart = function onDragStart(event, nodeType) {\n event.dataTransfer.setData('application/reactflow', nodeType);\n event.dataTransfer.effectAllowed = 'move';\n };\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(\"aside\", {\n className: \"react-flow__sidebar\",\n children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"div\", {\n className: \"description\",\n children: \"You can drag these nodes to the pane on the left.\"\n }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(\"div\", {\n className: \"dndnode custom-model-node\",\n onDragStart: function onDragStart(event) {\n return _onDragStart(event, 'customModel');\n },\n draggable: true,\n children: \"New Model Object\"\n })]\n });\n});\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/ReactFlow/Sidebar.jsx?"); /***/ }), @@ -477,7 +477,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RightContentComponent: function() { return /* binding */ RightContentComponent; }\n/* harmony export */ });\n/* harmony import */ var _ReactFlow_ReactFlowComponent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ReactFlow/ReactFlowComponent */ \"./Build/Sources/components/ReactFlow/ReactFlowComponent.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\n\nvar RightContentComponent = function RightContentComponent(props) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ReactFlow_ReactFlowComponent__WEBPACK_IMPORTED_MODULE_0__.ReactFlowComponent, _objectSpread({}, props));\n};\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/views/RightContentComponent.jsx?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ RightContentComponent: function() { return /* binding */ RightContentComponent; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ReactFlow_ReactFlowComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ReactFlow/ReactFlowComponent */ \"./Build/Sources/components/ReactFlow/ReactFlowComponent.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\n\n\nvar RightContentComponent = function RightContentComponent(props) {\n return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_ReactFlow_ReactFlowComponent__WEBPACK_IMPORTED_MODULE_1__.ReactFlowComponent, _objectSpread({}, props));\n};\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/components/views/RightContentComponent.jsx?"); /***/ }), @@ -558,6 +558,17 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar defaultModule = {\n acti /***/ }), +/***/ "./Build/Sources/initialValues/nodeData.js": +/*!*************************************************!*\ + !*** ./Build/Sources/initialValues/nodeData.js ***! + \*************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\nvar nodeData = {\n label: \"\",\n objectType: \"\",\n isAggregateRoot: false,\n enableSorting: false,\n addDeletedField: true,\n addHiddenField: true,\n addStarttimeEndtimeFields: true,\n enableCategorization: false,\n description: \"\",\n mapToExistingTable: \"\",\n extendExistingModelClass: \"\",\n actions: {\n actionIndex: false,\n actionList: false,\n actionShow: false,\n actionNewCreate: false,\n actionEditUpdate: false,\n actionDelete: false\n },\n customActions: [],\n properties: [],\n relations: []\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (nodeData);\n\n//# sourceURL=webpack://extension_builder_12_react/./Build/Sources/initialValues/nodeData.js?"); + +/***/ }), + /***/ "./Build/Sources/initialValues/plugin.js": /*!***********************************************!*\ !*** ./Build/Sources/initialValues/plugin.js ***! @@ -591,16 +602,6 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar reportWebVitals = functio /***/ }), -/***/ "./Resources/Public/JavaScript/Contrib/react.js": -/*!******************************************************!*\ - !*** ./Resources/Public/JavaScript/Contrib/react.js ***! - \******************************************************/ -/***/ (function(module, exports) { - -eval("var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/**\n * @license React\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n(function () {\n 'use strict';\n\n (function (c, x) {\n \"object\" === ( false ? 0 : _typeof(exports)) && \"undefined\" !== \"object\" ? x(exports) : true ? !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (x),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) : (0);\n })(this, function (c) {\n function x(a) {\n if (null === a || \"object\" !== _typeof(a)) return null;\n a = V && a[V] || a[\"@@iterator\"];\n return \"function\" === typeof a ? a : null;\n }\n function w(a, b, e) {\n this.props = a;\n this.context = b;\n this.refs = W;\n this.updater = e || X;\n }\n function Y() {}\n function K(a, b, e) {\n this.props = a;\n this.context = b;\n this.refs = W;\n this.updater = e || X;\n }\n function Z(a, b, e) {\n var m,\n d = {},\n c = null,\n h = null;\n if (null != b) for (m in void 0 !== b.ref && (h = b.ref), void 0 !== b.key && (c = \"\" + b.key), b) aa.call(b, m) && !ba.hasOwnProperty(m) && (d[m] = b[m]);\n var l = arguments.length - 2;\n if (1 === l) d.children = e;else if (1 < l) {\n for (var f = Array(l), k = 0; k < l; k++) f[k] = arguments[k + 2];\n d.children = f;\n }\n if (a && a.defaultProps) for (m in l = a.defaultProps, l) void 0 === d[m] && (d[m] = l[m]);\n return {\n $$typeof: y,\n type: a,\n key: c,\n ref: h,\n props: d,\n _owner: L.current\n };\n }\n function na(a, b) {\n return {\n $$typeof: y,\n type: a.type,\n key: b,\n ref: a.ref,\n props: a.props,\n _owner: a._owner\n };\n }\n function M(a) {\n return \"object\" === _typeof(a) && null !== a && a.$$typeof === y;\n }\n function oa(a) {\n var b = {\n \"=\": \"=0\",\n \":\": \"=2\"\n };\n return \"$\" + a.replace(/[=:]/g, function (a) {\n return b[a];\n });\n }\n function N(a, b) {\n return \"object\" === _typeof(a) && null !== a && null != a.key ? oa(\"\" + a.key) : b.toString(36);\n }\n function B(a, b, e, m, d) {\n var c = _typeof(a);\n if (\"undefined\" === c || \"boolean\" === c) a = null;\n var h = !1;\n if (null === a) h = !0;else switch (c) {\n case \"string\":\n case \"number\":\n h = !0;\n break;\n case \"object\":\n switch (a.$$typeof) {\n case y:\n case pa:\n h = !0;\n }\n }\n if (h) return h = a, d = d(h), a = \"\" === m ? \".\" + N(h, 0) : m, ca(d) ? (e = \"\", null != a && (e = a.replace(da, \"$&/\") + \"/\"), B(d, b, e, \"\", function (a) {\n return a;\n })) : null != d && (M(d) && (d = na(d, e + (!d.key || h && h.key === d.key ? \"\" : (\"\" + d.key).replace(da, \"$&/\") + \"/\") + a)), b.push(d)), 1;\n h = 0;\n m = \"\" === m ? \".\" : m + \":\";\n if (ca(a)) for (var l = 0; l < a.length; l++) {\n c = a[l];\n var f = m + N(c, l);\n h += B(c, b, e, f, d);\n } else if (f = x(a), \"function\" === typeof f) for (a = f.call(a), l = 0; !(c = a.next()).done;) c = c.value, f = m + N(c, l++), h += B(c, b, e, f, d);else if (\"object\" === c) throw b = String(a), Error(\"Objects are not valid as a React child (found: \" + (\"[object Object]\" === b ? \"object with keys {\" + Object.keys(a).join(\", \") + \"}\" : b) + \"). If you meant to render a collection of children, use an array instead.\");\n return h;\n }\n function C(a, b, e) {\n if (null == a) return a;\n var c = [],\n d = 0;\n B(a, c, \"\", \"\", function (a) {\n return b.call(e, a, d++);\n });\n return c;\n }\n function qa(a) {\n if (-1 === a._status) {\n var b = a._result;\n b = b();\n b.then(function (b) {\n if (0 === a._status || -1 === a._status) a._status = 1, a._result = b;\n }, function (b) {\n if (0 === a._status || -1 === a._status) a._status = 2, a._result = b;\n });\n -1 === a._status && (a._status = 0, a._result = b);\n }\n if (1 === a._status) return a._result.default;\n throw a._result;\n }\n function O(a, b) {\n var e = a.length;\n a.push(b);\n a: for (; 0 < e;) {\n var c = e - 1 >>> 1,\n d = a[c];\n if (0 < D(d, b)) a[c] = b, a[e] = d, e = c;else break a;\n }\n }\n function p(a) {\n return 0 === a.length ? null : a[0];\n }\n function E(a) {\n if (0 === a.length) return null;\n var b = a[0],\n e = a.pop();\n if (e !== b) {\n a[0] = e;\n a: for (var c = 0, d = a.length, k = d >>> 1; c < k;) {\n var h = 2 * (c + 1) - 1,\n l = a[h],\n f = h + 1,\n g = a[f];\n if (0 > D(l, e)) f < d && 0 > D(g, l) ? (a[c] = g, a[f] = e, c = f) : (a[c] = l, a[h] = e, c = h);else if (f < d && 0 > D(g, e)) a[c] = g, a[f] = e, c = f;else break a;\n }\n }\n return b;\n }\n function D(a, b) {\n var c = a.sortIndex - b.sortIndex;\n return 0 !== c ? c : a.id - b.id;\n }\n function P(a) {\n for (var b = p(r); null !== b;) {\n if (null === b.callback) E(r);else if (b.startTime <= a) E(r), b.sortIndex = b.expirationTime, O(q, b);else break;\n b = p(r);\n }\n }\n function Q(a) {\n z = !1;\n P(a);\n if (!u) if (null !== p(q)) u = !0, R(S);else {\n var b = p(r);\n null !== b && T(Q, b.startTime - a);\n }\n }\n function S(a, b) {\n u = !1;\n z && (z = !1, ea(A), A = -1);\n F = !0;\n var c = k;\n try {\n P(b);\n for (n = p(q); null !== n && (!(n.expirationTime > b) || a && !fa());) {\n var m = n.callback;\n if (\"function\" === typeof m) {\n n.callback = null;\n k = n.priorityLevel;\n var d = m(n.expirationTime <= b);\n b = v();\n \"function\" === typeof d ? n.callback = d : n === p(q) && E(q);\n P(b);\n } else E(q);\n n = p(q);\n }\n if (null !== n) var g = !0;else {\n var h = p(r);\n null !== h && T(Q, h.startTime - b);\n g = !1;\n }\n return g;\n } finally {\n n = null, k = c, F = !1;\n }\n }\n function fa() {\n return v() - ha < ia ? !1 : !0;\n }\n function R(a) {\n G = a;\n H || (H = !0, I());\n }\n function T(a, b) {\n A = ja(function () {\n a(v());\n }, b);\n }\n var y = Symbol.for(\"react.element\"),\n pa = Symbol.for(\"react.portal\"),\n ra = Symbol.for(\"react.fragment\"),\n sa = Symbol.for(\"react.strict_mode\"),\n ta = Symbol.for(\"react.profiler\"),\n ua = Symbol.for(\"react.provider\"),\n va = Symbol.for(\"react.context\"),\n wa = Symbol.for(\"react.forward_ref\"),\n xa = Symbol.for(\"react.suspense\"),\n ya = Symbol.for(\"react.memo\"),\n za = Symbol.for(\"react.lazy\"),\n V = Symbol.iterator,\n X = {\n isMounted: function isMounted(a) {\n return !1;\n },\n enqueueForceUpdate: function enqueueForceUpdate(a, b, c) {},\n enqueueReplaceState: function enqueueReplaceState(a, b, c, m) {},\n enqueueSetState: function enqueueSetState(a, b, c, m) {}\n },\n ka = Object.assign,\n W = {};\n w.prototype.isReactComponent = {};\n w.prototype.setState = function (a, b) {\n if (\"object\" !== _typeof(a) && \"function\" !== typeof a && null != a) throw Error(\"setState(...): takes an object of state variables to update or a function which returns an object of state variables.\");\n this.updater.enqueueSetState(this, a, b, \"setState\");\n };\n w.prototype.forceUpdate = function (a) {\n this.updater.enqueueForceUpdate(this, a, \"forceUpdate\");\n };\n Y.prototype = w.prototype;\n var t = K.prototype = new Y();\n t.constructor = K;\n ka(t, w.prototype);\n t.isPureReactComponent = !0;\n var ca = Array.isArray,\n aa = Object.prototype.hasOwnProperty,\n L = {\n current: null\n },\n ba = {\n key: !0,\n ref: !0,\n __self: !0,\n __source: !0\n },\n da = /\\/+/g,\n g = {\n current: null\n },\n J = {\n transition: null\n };\n if (\"object\" === (typeof performance === \"undefined\" ? \"undefined\" : _typeof(performance)) && \"function\" === typeof performance.now) {\n var Aa = performance;\n var v = function v() {\n return Aa.now();\n };\n } else {\n var la = Date,\n Ba = la.now();\n v = function v() {\n return la.now() - Ba;\n };\n }\n var q = [],\n r = [],\n Ca = 1,\n n = null,\n k = 3,\n F = !1,\n u = !1,\n z = !1,\n ja = \"function\" === typeof setTimeout ? setTimeout : null,\n ea = \"function\" === typeof clearTimeout ? clearTimeout : null,\n ma = \"undefined\" !== typeof setImmediate ? setImmediate : null;\n \"undefined\" !== typeof navigator && void 0 !== navigator.scheduling && void 0 !== navigator.scheduling.isInputPending && navigator.scheduling.isInputPending.bind(navigator.scheduling);\n var H = !1,\n G = null,\n A = -1,\n ia = 5,\n ha = -1,\n U = function U() {\n if (null !== G) {\n var a = v();\n ha = a;\n var b = !0;\n try {\n b = G(!0, a);\n } finally {\n b ? I() : (H = !1, G = null);\n }\n } else H = !1;\n };\n if (\"function\" === typeof ma) var I = function I() {\n ma(U);\n };else if (\"undefined\" !== typeof MessageChannel) {\n t = new MessageChannel();\n var Da = t.port2;\n t.port1.onmessage = U;\n I = function I() {\n Da.postMessage(null);\n };\n } else I = function I() {\n ja(U, 0);\n };\n t = {\n ReactCurrentDispatcher: g,\n ReactCurrentOwner: L,\n ReactCurrentBatchConfig: J,\n Scheduler: {\n __proto__: null,\n unstable_ImmediatePriority: 1,\n unstable_UserBlockingPriority: 2,\n unstable_NormalPriority: 3,\n unstable_IdlePriority: 5,\n unstable_LowPriority: 4,\n unstable_runWithPriority: function unstable_runWithPriority(a, b) {\n switch (a) {\n case 1:\n case 2:\n case 3:\n case 4:\n case 5:\n break;\n default:\n a = 3;\n }\n var c = k;\n k = a;\n try {\n return b();\n } finally {\n k = c;\n }\n },\n unstable_next: function unstable_next(a) {\n switch (k) {\n case 1:\n case 2:\n case 3:\n var b = 3;\n break;\n default:\n b = k;\n }\n var c = k;\n k = b;\n try {\n return a();\n } finally {\n k = c;\n }\n },\n unstable_scheduleCallback: function unstable_scheduleCallback(a, b, c) {\n var e = v();\n \"object\" === _typeof(c) && null !== c ? (c = c.delay, c = \"number\" === typeof c && 0 < c ? e + c : e) : c = e;\n switch (a) {\n case 1:\n var d = -1;\n break;\n case 2:\n d = 250;\n break;\n case 5:\n d = 1073741823;\n break;\n case 4:\n d = 1E4;\n break;\n default:\n d = 5E3;\n }\n d = c + d;\n a = {\n id: Ca++,\n callback: b,\n priorityLevel: a,\n startTime: c,\n expirationTime: d,\n sortIndex: -1\n };\n c > e ? (a.sortIndex = c, O(r, a), null === p(q) && a === p(r) && (z ? (ea(A), A = -1) : z = !0, T(Q, c - e))) : (a.sortIndex = d, O(q, a), u || F || (u = !0, R(S)));\n return a;\n },\n unstable_cancelCallback: function unstable_cancelCallback(a) {\n a.callback = null;\n },\n unstable_wrapCallback: function unstable_wrapCallback(a) {\n var b = k;\n return function () {\n var c = k;\n k = b;\n try {\n return a.apply(this, arguments);\n } finally {\n k = c;\n }\n };\n },\n unstable_getCurrentPriorityLevel: function unstable_getCurrentPriorityLevel() {\n return k;\n },\n unstable_shouldYield: fa,\n unstable_requestPaint: function unstable_requestPaint() {},\n unstable_continueExecution: function unstable_continueExecution() {\n u || F || (u = !0, R(S));\n },\n unstable_pauseExecution: function unstable_pauseExecution() {},\n unstable_getFirstCallbackNode: function unstable_getFirstCallbackNode() {\n return p(q);\n },\n get unstable_now() {\n return v;\n },\n unstable_forceFrameRate: function unstable_forceFrameRate(a) {\n 0 > a || 125 < a ? console.error(\"forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported\") : ia = 0 < a ? Math.floor(1E3 / a) : 5;\n },\n unstable_Profiling: null\n }\n };\n c.Children = {\n map: C,\n forEach: function forEach(a, b, c) {\n C(a, function () {\n b.apply(this, arguments);\n }, c);\n },\n count: function count(a) {\n var b = 0;\n C(a, function () {\n b++;\n });\n return b;\n },\n toArray: function toArray(a) {\n return C(a, function (a) {\n return a;\n }) || [];\n },\n only: function only(a) {\n if (!M(a)) throw Error(\"React.Children.only expected to receive a single React element child.\");\n return a;\n }\n };\n c.Component = w;\n c.Fragment = ra;\n c.Profiler = ta;\n c.PureComponent = K;\n c.StrictMode = sa;\n c.Suspense = xa;\n c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = t;\n c.cloneElement = function (a, b, c) {\n if (null === a || void 0 === a) throw Error(\"React.cloneElement(...): The argument must be a React element, but you passed \" + a + \".\");\n var e = ka({}, a.props),\n d = a.key,\n k = a.ref,\n h = a._owner;\n if (null != b) {\n void 0 !== b.ref && (k = b.ref, h = L.current);\n void 0 !== b.key && (d = \"\" + b.key);\n if (a.type && a.type.defaultProps) var l = a.type.defaultProps;\n for (f in b) aa.call(b, f) && !ba.hasOwnProperty(f) && (e[f] = void 0 === b[f] && void 0 !== l ? l[f] : b[f]);\n }\n var f = arguments.length - 2;\n if (1 === f) e.children = c;else if (1 < f) {\n l = Array(f);\n for (var g = 0; g < f; g++) l[g] = arguments[g + 2];\n e.children = l;\n }\n return {\n $$typeof: y,\n type: a.type,\n key: d,\n ref: k,\n props: e,\n _owner: h\n };\n };\n c.createContext = function (a) {\n a = {\n $$typeof: va,\n _currentValue: a,\n _currentValue2: a,\n _threadCount: 0,\n Provider: null,\n Consumer: null,\n _defaultValue: null,\n _globalName: null\n };\n a.Provider = {\n $$typeof: ua,\n _context: a\n };\n return a.Consumer = a;\n };\n c.createElement = Z;\n c.createFactory = function (a) {\n var b = Z.bind(null, a);\n b.type = a;\n return b;\n };\n c.createRef = function () {\n return {\n current: null\n };\n };\n c.forwardRef = function (a) {\n return {\n $$typeof: wa,\n render: a\n };\n };\n c.isValidElement = M;\n c.lazy = function (a) {\n return {\n $$typeof: za,\n _payload: {\n _status: -1,\n _result: a\n },\n _init: qa\n };\n };\n c.memo = function (a, b) {\n return {\n $$typeof: ya,\n type: a,\n compare: void 0 === b ? null : b\n };\n };\n c.startTransition = function (a, b) {\n b = J.transition;\n J.transition = {};\n try {\n a();\n } finally {\n J.transition = b;\n }\n };\n c.unstable_act = function (a) {\n throw Error(\"act(...) is not supported in production builds of React.\");\n };\n c.useCallback = function (a, b) {\n return g.current.useCallback(a, b);\n };\n c.useContext = function (a) {\n return g.current.useContext(a);\n };\n c.useDebugValue = function (a, b) {};\n c.useDeferredValue = function (a) {\n return g.current.useDeferredValue(a);\n };\n c.useEffect = function (a, b) {\n return g.current.useEffect(a, b);\n };\n c.useId = function () {\n return g.current.useId();\n };\n c.useImperativeHandle = function (a, b, c) {\n return g.current.useImperativeHandle(a, b, c);\n };\n c.useInsertionEffect = function (a, b) {\n return g.current.useInsertionEffect(a, b);\n };\n c.useLayoutEffect = function (a, b) {\n return g.current.useLayoutEffect(a, b);\n };\n c.useMemo = function (a, b) {\n return g.current.useMemo(a, b);\n };\n c.useReducer = function (a, b, c) {\n return g.current.useReducer(a, b, c);\n };\n c.useRef = function (a) {\n return g.current.useRef(a);\n };\n c.useState = function (a) {\n return g.current.useState(a);\n };\n c.useSyncExternalStore = function (a, b, c) {\n return g.current.useSyncExternalStore(a, b, c);\n };\n c.useTransition = function () {\n return g.current.useTransition();\n };\n c.version = \"18.2.0\";\n });\n})();\n\n//# sourceURL=webpack://extension_builder_12_react/./Resources/Public/JavaScript/Contrib/react.js?"); - -/***/ }), - /***/ "./node_modules/classnames/index.js": /*!******************************************!*\ !*** ./node_modules/classnames/index.js ***!