Flowfile 0.3.0__py3-none-any.whl → 0.3.0.1__py3-none-any.whl

flowfile/web/static/assets/Unpivot-c3815565.js

@@ -0,0 +1,441 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc, g as createTextVNode, i as createCommentVNode, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, f as createVNode, w as withCtx, v as withModifiers, h as createBlock, a6 as Teleport } from "./index-552863fd.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./designer-e5bbe26f.js";
+const _hoisted_1$3 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: { type: Object, required: true },
+    options: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectOption = (action) => {
+      emit("select", action);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "context-menu",
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled }),
+              onClick: ($event) => !option.disabled && selectOption(option.action)
+            }, toDisplayString(option.label), 11, _hoisted_1$3);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+const ContextMenu_vue_vue_type_style_index_0_scoped_4f9e01e5_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f9e01e5"]]);
+const _hoisted_1$2 = { class: "listbox-wrapper" };
+const _hoisted_2$1 = { class: "listbox-row" };
+const _hoisted_3$1 = { class: "items-container" };
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5$1 = ["onClick"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsSection",
+  props: {
+    title: { type: String, required: true },
+    titleFontSize: { type: String, default: "15px" },
+    items: { type: Array, required: true }
+  },
+  emits: ["removeItem"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const emitRemove = (item) => {
+      emit("removeItem", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createBaseVNode("div", _hoisted_2$1, [
+          createBaseVNode("div", {
+            class: "listbox-title",
+            style: normalizeStyle({ fontSize: props.titleFontSize })
+          }, toDisplayString(__props.title), 5),
+          createBaseVNode("div", _hoisted_3$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "item-box"
+              }, [
+                item !== "" ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+                  createTextVNode(toDisplayString(item) + " ", 1),
+                  createBaseVNode("span", {
+                    class: "remove-btn",
+                    onClick: ($event) => emitRemove(item)
+                  }, "x", 8, _hoisted_5$1)
+                ])) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const SettingsSection_vue_vue_type_style_index_0_scoped_fd7e6af1_lang = "";
+const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fd7e6af1"]]);
+const _hoisted_1$1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _hoisted_2 = { class: "listbox-wrapper" };
+const _hoisted_3 = { class: "listbox" };
+const _hoisted_4 = ["onClick", "onContextmenu", "onDragstart", "onDrop"];
+const _hoisted_5 = { class: "listbox-wrapper" };
+const _hoisted_6 = { class: "listbox-wrapper" };
+const _hoisted_7 = { class: "switch-container" };
+const _hoisted_8 = {
+  key: 1,
+  class: "listbox-wrapper"
+};
+const _hoisted_9 = { class: "listbox-wrapper" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Unpivot",
+  setup(__props, { expose: __expose }) {
+    const nodeStore = useNodeStore();
+    const showContextMenu = ref(false);
+    const dataLoaded = ref(false);
+    const contextMenuPosition = ref({ x: 0, y: 0 });
+    const selectedColumns = ref([]);
+    const contextMenuOptions = ref([]);
+    const contextMenuRef = ref(null);
+    const nodeData = ref(null);
+    const draggedColumnName = ref(null);
+    const dataTypeSelectorOptions = ["all", "numeric", "string", "date", "all"];
+    const unpivotInput = ref({
+      index_columns: [],
+      value_columns: [],
+      data_type_selector: null,
+      data_type_selector_mode: "column"
+    });
+    const nodeUnpivot = ref(null);
+    const getColumnClass = (columnName) => {
+      return selectedColumns.value.includes(columnName) ? "is-selected" : "";
+    };
+    const onDragStart = (columnName, event) => {
+      var _a;
+      draggedColumnName.value = columnName;
+      (_a = event.dataTransfer) == null ? void 0 : _a.setData("text/plain", columnName);
+    };
+    const onDrop = (index) => {
+      var _a, _b;
+      if (draggedColumnName.value) {
+        const colSchema = (_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.table_schema;
+        if (colSchema) {
+          const fromIndex = colSchema.findIndex((col) => col.name === draggedColumnName.value);
+          if (fromIndex !== -1 && fromIndex !== index) {
+            const [movedColumn] = colSchema.splice(fromIndex, 1);
+            colSchema.splice(index, 0, movedColumn);
+          }
+        }
+        draggedColumnName.value = null;
+      }
+    };
+    const onDropInSection = (section) => {
+      if (draggedColumnName.value) {
+        removeColumnIfExists(draggedColumnName.value);
+        console.log("section", unpivotInput.value.index_columns);
+        if (section === "index" && !unpivotInput.value.index_columns.includes(draggedColumnName.value)) {
+          unpivotInput.value.index_columns.push(draggedColumnName.value);
+        } else if (section === "value" && !unpivotInput.value.value_columns.includes(draggedColumnName.value)) {
+          unpivotInput.value.value_columns.push(draggedColumnName.value);
+        }
+        draggedColumnName.value = null;
+      }
+    };
+    const openContextMenu = (columnName, event) => {
+      selectedColumns.value = [columnName];
+      contextMenuPosition.value = { x: event.clientX, y: event.clientY };
+      contextMenuOptions.value = [
+        {
+          label: "Add to Index",
+          action: "index",
+          disabled: isColumnAssigned(columnName)
+        },
+        {
+          label: "Add to Value",
+          action: "value",
+          disabled: isColumnAssigned(columnName) || !(unpivotInput.value.data_type_selector_mode === "column")
+        }
+      ];
+      showContextMenu.value = true;
+    };
+    const handleContextMenuSelect = (action) => {
+      const column = selectedColumns.value[0];
+      if (action === "index" && !unpivotInput.value.index_columns.includes(column)) {
+        removeColumnIfExists(column);
+        unpivotInput.value.index_columns.push(column);
+      } else if (action === "value" && !unpivotInput.value.index_columns.includes(column)) {
+        removeColumnIfExists(column);
+        unpivotInput.value.value_columns.push(column);
+      }
+      closeContextMenu();
+    };
+    const isColumnAssigned = (columnName) => {
+      return unpivotInput.value.index_columns.includes(columnName) || unpivotInput.value.value_columns.includes(columnName);
+    };
+    const removeColumnIfExists = (column) => {
+      unpivotInput.value.index_columns = unpivotInput.value.index_columns.filter(
+        (col) => col !== column
+      );
+      unpivotInput.value.value_columns = unpivotInput.value.value_columns.filter(
+        (col) => col !== column
+      );
+    };
+    const removeColumn = (type, column) => {
+      if (type === "index") {
+        unpivotInput.value.index_columns = unpivotInput.value.index_columns.filter(
+          (col) => col !== column
+        );
+      } else if (type === "value") {
+        unpivotInput.value.value_columns = unpivotInput.value.value_columns.filter(
+          (col) => col !== column
+        );
+      }
+    };
+    const handleItemClick = (columnName) => {
+      selectedColumns.value = [columnName];
+    };
+    const loadNodeData = async (nodeId) => {
+      var _a;
+      console.log("loadNodeData from unpivot ");
+      nodeData.value = await nodeStore.getNodeData(nodeId, false);
+      nodeUnpivot.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
+      console.log(nodeUnpivot.value);
+      if (nodeData.value) {
+        if (nodeUnpivot.value) {
+          if (nodeUnpivot.value.unpivot_input) {
+            unpivotInput.value = nodeUnpivot.value.unpivot_input;
+          } else {
+            nodeUnpivot.value.unpivot_input = unpivotInput.value;
+          }
+        }
+      }
+      dataLoaded.value = true;
+      nodeStore.isDrawerOpen = true;
+      console.log("loadNodeData from groupby");
+    };
+    const handleClickOutside = (event) => {
+      const targetEvent = event.target;
+      if (targetEvent.id === "pivot-context-menu")
+        return;
+      showContextMenu.value = false;
+    };
+    const closeContextMenu = () => {
+      showContextMenu.value = false;
+    };
+    const pushNodeData = async () => {
+      if (unpivotInput.value) {
+        if (unpivotInput.value.data_type_selector_mode === "data_type") {
+          unpivotInput.value.value_columns = [];
+        } else {
+          unpivotInput.value.data_type_selector = null;
+        }
+        nodeUnpivot.value.unpivot_input = unpivotInput.value;
+        nodeStore.updateSettings(nodeUnpivot);
+      }
+      nodeStore.isDrawerOpen = false;
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    onMounted(async () => {
+      await nextTick();
+      window.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return dataLoaded.value && nodeUnpivot.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeUnpivot.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => nodeUnpivot.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              createBaseVNode("div", _hoisted_2, [
+                createBaseVNode("ul", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList((_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.table_schema, (col_schema, index) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: col_schema.name,
+                      class: normalizeClass(getColumnClass(col_schema.name)),
+                      draggable: "true",
+                      onClick: ($event) => handleItemClick(col_schema.name),
+                      onContextmenu: withModifiers(($event) => openContextMenu(col_schema.name, $event), ["prevent"]),
+                      onDragstart: ($event) => onDragStart(col_schema.name, $event),
+                      onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+                      }, ["prevent"])),
+                      onDrop: ($event) => onDrop(index)
+                    }, toDisplayString(col_schema.name) + " (" + toDisplayString(col_schema.data_type) + ") ", 43, _hoisted_4);
+                  }), 128))
+                ])
+              ]),
+              showContextMenu.value ? (openBlock(), createBlock(ContextMenu, {
+                key: 0,
+                id: "pivot-context-menu",
+                ref_key: "contextMenuRef",
+                ref: contextMenuRef,
+                position: contextMenuPosition.value,
+                options: contextMenuOptions.value,
+                onSelect: handleContextMenuSelect,
+                onClose: closeContextMenu
+              }, null, 8, ["position", "options"])) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_5, [
+                createVNode(SettingsSection, {
+                  title: "Index Keys",
+                  items: unpivotInput.value.index_columns,
+                  droppable: "true",
+                  onRemoveItem: _cache[1] || (_cache[1] = ($event) => removeColumn("index", $event)),
+                  onDragover: _cache[2] || (_cache[2] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onDrop: _cache[3] || (_cache[3] = ($event) => onDropInSection("index"))
+                }, null, 8, ["items"])
+              ]),
+              createBaseVNode("div", _hoisted_6, [
+                createBaseVNode("div", _hoisted_7, [
+                  _cache[10] || (_cache[10] = createBaseVNode("span", null, "Value selector", -1)),
+                  createVNode(_component_el_switch, {
+                    modelValue: unpivotInput.value.data_type_selector_mode,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unpivotInput.value.data_type_selector_mode = $event),
+                    "active-value": "column",
+                    "inactive-value": "data_type",
+                    "active-text": "Column",
+                    "inactive-text": "Data Type",
+                    "inline-prompt": ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                unpivotInput.value.data_type_selector_mode === "column" ? (openBlock(), createBlock(SettingsSection, {
+                  key: 0,
+                  title: "Columns to unpivot",
+                  "title-font-size": "14px",
+                  items: unpivotInput.value.value_columns,
+                  droppable: "true",
+                  onRemoveItem: _cache[5] || (_cache[5] = ($event) => removeColumn("value", $event)),
+                  onDragover: _cache[6] || (_cache[6] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onDrop: _cache[7] || (_cache[7] = ($event) => onDropInSection("value"))
+                }, null, 8, ["items"])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+                  _cache[11] || (_cache[11] = createBaseVNode("div", { class: "listbox-subtitle" }, "Dynamic data type selector", -1)),
+                  createBaseVNode("div", _hoisted_9, [
+                    createVNode(_component_el_select, {
+                      modelValue: unpivotInput.value.data_type_selector,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unpivotInput.value.data_type_selector = $event),
+                      placeholder: "Select",
+                      size: "small",
+                      style: { "width": "100%" }
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(Fragment, null, renderList(dataTypeSelectorOptions, (item) => {
+                          return createVNode(_component_el_option, {
+                            key: item,
+                            label: item,
+                            value: item,
+                            style: { "width": "400px" }
+                          }, null, 8, ["label", "value"]);
+                        }), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const Unpivot_vue_vue_type_style_index_0_scoped_9746d208_lang = "";
+const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9746d208"]]);
+const _hoisted_1 = { ref: "el" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Unpivot",
+  props: {
+    nodeId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const nodeStore = useNodeStore();
+    const childComp = ref(null);
+    const props = __props;
+    const drawer = ref(false);
+    const closeOnDrawer = () => {
+      var _a;
+      drawer.value = false;
+      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
+    };
+    const openDrawer = async () => {
+      if (nodeStore.node_id === props.nodeId) {
+        return;
+      }
+      nodeStore.closeDrawer();
+      drawer.value = true;
+      const drawerOpen = nodeStore.isDrawerOpen;
+      nodeStore.isDrawerOpen = true;
+      await nextTick();
+      if (nodeStore.node_id === props.nodeId && drawerOpen) {
+        return;
+      }
+      if (childComp.value) {
+        childComp.value.loadNodeData(props.nodeId);
+        nodeStore.openDrawer(closeOnDrawer);
+      }
+    };
+    onMounted(async () => {
+      await nextTick();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(NodeButton, {
+          ref: "nodeButton",
+          "node-id": __props.nodeId,
+          "image-src": "unpivot.png",
+          title: `${__props.nodeId}: Unpivot data`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Unpivot data",
+            intro: "Pivot columns to rows"
+          }),
+          createVNode(readInput, {
+            ref_key: "childComp",
+            ref: childComp,
+            "node-id": __props.nodeId
+          }, null, 8, ["node-id"])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/api-22b338bd.js

@@ -0,0 +1,60 @@
+import { a as axios } from "./index-552863fd.js";
+const API_BASE_URL = "/db_connection_lib";
+const toPythonFormat = (connection) => {
+  return {
+    connection_name: connection.connectionName,
+    database_type: connection.databaseType,
+    username: connection.username,
+    password: connection.password,
+    host: connection.host,
+    port: connection.port,
+    database: connection.database,
+    ssl_enabled: connection.sslEnabled,
+    url: connection.url
+  };
+};
+const fetchDatabaseConnectionsInterfaces = async () => {
+  try {
+    const response = await axios.get(API_BASE_URL);
+    return response.data.map(convertConnectionInterfacePytoTs);
+  } catch (error) {
+    console.error("API Error: Failed to load database connections:", error);
+    throw error;
+  }
+};
+const convertConnectionInterfacePytoTs = (pythonConnectionInterface) => {
+  return {
+    username: pythonConnectionInterface.username,
+    connectionName: pythonConnectionInterface.connection_name,
+    databaseType: pythonConnectionInterface.database_type,
+    host: pythonConnectionInterface.host,
+    port: pythonConnectionInterface.port,
+    sslEnabled: pythonConnectionInterface.ssl_enabled,
+    url: pythonConnectionInterface.url,
+    database: pythonConnectionInterface.database
+  };
+};
+const createDatabaseConnectionApi = async (connectionData) => {
+  var _a, _b;
+  try {
+    const pythonFormattedData = toPythonFormat(connectionData);
+    await axios.post(API_BASE_URL, pythonFormattedData);
+  } catch (error) {
+    console.error("API Error: Failed to create database connection:", error);
+    const errorMsg = ((_b = (_a = error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.detail) || "Failed to create database connection";
+    throw new Error(errorMsg);
+  }
+};
+const deleteDatabaseConnectionApi = async (connectionName) => {
+  try {
+    await axios.delete(`${API_BASE_URL}?connection_name=${encodeURIComponent(connectionName)}`);
+  } catch (error) {
+    console.error("API Error: Failed to delete database connection:", error);
+    throw error;
+  }
+};
+export {
+  createDatabaseConnectionApi as c,
+  deleteDatabaseConnectionApi as d,
+  fetchDatabaseConnectionsInterfaces as f
+};

flowfile/web/static/assets/database_reader-ce1e55f3.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <!-- Background circular shape for consistency with Image 2 -->
+  <circle cx="100" cy="100" r="85" fill="#00A99D" />
+  
+  <!-- Database cylinder with better proportions -->
+  <ellipse cx="100" cy="70" rx="45" ry="15" fill="#FFFFFF" fill-opacity="0.3" stroke="#FFFFFF" stroke-width="3" />
+  <path d="M55 70 L55 130 C55 142 75 155 100 155 C125 155 145 142 145 130 L145 70" fill="none" stroke="#FFFFFF" stroke-width="3" />
+  
+  <!-- Middle section line of database -->
+  <path d="M55 100 C55 112 75 125 100 125 C125 125 145 112 145 100" fill="none" stroke="#FFFFFF" stroke-width="2" />
+  
+  <!-- SQL text in the center of the database -->
+  <text x="100" y="76" font-family="Arial" font-size="18" font-weight="bold" text-anchor="middle" fill="#FFFFFF">SQL</text>
+  
+  <!-- Data rows with perfect alignment - removed one line -->
+  <line x1="70" y1="95" x2="130" y2="95" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
+  <line x1="70" y1="115" x2="130" y2="115" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
+  
+  <!-- Source text below database -->
+  <text x="100" y="175" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle" fill="#FFFFFF">SOURCE</text>
+  
+  <!-- Connector line below database -->
+  <line x1="100" y1="155" x2="100" y2="160" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
+</svg>

flowfile/web/static/assets/database_writer-b4ad0753.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <!-- Background circular shape for consistency -->
+  <circle cx="100" cy="100" r="85" fill="#00A99D" />
+  
+  <!-- Database cylinder with better proportions -->
+  <ellipse cx="100" cy="70" rx="45" ry="15" fill="#FFFFFF" fill-opacity="0.3" stroke="#FFFFFF" stroke-width="3" />
+  <path d="M55 70 L55 130 C55 142 75 155 100 155 C125 155 145 142 145 130 L145 70" fill="none" stroke="#FFFFFF" stroke-width="3" />
+  
+  <!-- Middle section line of database -->
+  <path d="M55 100 C55 112 75 125 100 125 C125 125 145 112 145 100" fill="none" stroke="#FFFFFF" stroke-width="2" />
+  
+  <!-- SQL text in the center of the database -->
+  <text x="100" y="76" font-family="Arial" font-size="18" font-weight="bold" text-anchor="middle" fill="#FFFFFF">SQL</text>
+  
+  <!-- Data rows with perfect alignment -->
+  <line x1="70" y1="95" x2="130" y2="95" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
+  <line x1="70" y1="115" x2="130" y2="115" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" />
+  
+  <!-- Writer text below database - removed arrow -->
+  <text x="100" y="175" font-family="Arial" font-size="14" font-weight="bold" text-anchor="middle" fill="#FFFFFF">WRITER</text>
+  
+
+</svg>