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

flowfile/web/static/assets/Formula-38b71e9e.js

@@ -0,0 +1,197 @@
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import mainEditorRef from "./fullEditor-705c6ccb.js";
+import { D as DropDownGeneric } from "./dropDownGeneric-50a91b99.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, u as unref, i as createCommentVNode, h as createBlock, _ as _export_sfc, n as onMounted, R as nextTick, a6 as Teleport } from "./index-552863fd.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./vue-codemirror.esm-dd17b478.js";
+import "./dropDown-5e7e9a5a.js";
+import "./designer-e5bbe26f.js";
+const createFormulaInput = (field_name = "", data_type = "String", function_def = "") => {
+  const fieldInput = {
+    name: field_name,
+    data_type
+  };
+  const functionInput = {
+    field: fieldInput,
+    function: function_def
+  };
+  return functionInput;
+};
+const createFormulaNode = (flowId = -1, nodeId = -1, pos_x = 0, pos_y = 0, field_name = "output_field", data_type = "String", function_def = "") => {
+  const func_info = createFormulaInput(field_name, data_type, function_def);
+  const nodeFunction = {
+    flow_id: flowId,
+    node_id: nodeId,
+    pos_x,
+    pos_y,
+    function: func_info,
+    cache_results: false
+  };
+  return nodeFunction;
+};
+const _hoisted_1$1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = {
+  key: 0,
+  class: "selector-container"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "formula",
+  setup(__props, { expose: __expose }) {
+    const showEditor = ref(false);
+    const nodeStore = useNodeStore();
+    const dataLoaded = ref(false);
+    const outputColumnSelector = ref({
+      selectedValue: ""
+    });
+    const editorChild = ref(null);
+    const nodeFormula = ref(null);
+    const formulaInput = ref(null);
+    const dataTypes = nodeStore.getDataTypes();
+    const nodeData = ref(null);
+    const loadNodeData = async (nodeId) => {
+      var _a, _b;
+      nodeData.value = await nodeStore.getNodeData(nodeId, false);
+      if (nodeData.value && nodeData.value.setting_input && nodeData.value.setting_input.is_setup) {
+        nodeFormula.value = nodeData.value.setting_input;
+        if (nodeFormula.value && nodeFormula.value.function) {
+          formulaInput.value = nodeFormula.value.function;
+          outputColumnSelector.value.selectedValue = formulaInput.value.field.name;
+        }
+      } else {
+        nodeFormula.value = createFormulaNode(nodeStore.flow_id, nodeStore.node_id);
+        nodeFormula.value.depending_on_id = (_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.node_id;
+        formulaInput.value = nodeFormula.value.function;
+      }
+      showEditor.value = true;
+      dataLoaded.value = true;
+    };
+    const pushNodeData = async () => {
+      if (!nodeFormula.value || !formulaInput.value) {
+        return;
+      }
+      nodeFormula.value.is_setup = true;
+      nodeFormula.value.function.function = nodeStore.inputCode;
+      nodeStore.updateSettings(nodeFormula);
+      showEditor.value = false;
+      dataLoaded.value = false;
+    };
+    __expose({ loadNodeData, pushNodeData });
+    return (_ctx, _cache) => {
+      return dataLoaded.value && nodeFormula.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeFormula.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nodeFormula.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              unref(nodeStore).is_loaded ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                formulaInput.value && nodeFormula.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  createVNode(DropDownGeneric, {
+                    modelValue: formulaInput.value.field.name,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formulaInput.value.field.name = $event),
+                    title: "Output field",
+                    "allow-other": true,
+                    "option-list": ((_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.columns) ?? [],
+                    placeholder: "Select or create field"
+                  }, null, 8, ["modelValue", "option-list"]),
+                  createVNode(DropDownGeneric, {
+                    modelValue: formulaInput.value.field.data_type,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formulaInput.value.field.data_type = $event),
+                    "option-list": unref(dataTypes),
+                    title: "Data type",
+                    "allow-other": false
+                  }, null, 8, ["modelValue", "option-list"])
+                ])) : createCommentVNode("", true),
+                showEditor.value && formulaInput.value ? (openBlock(), createBlock(mainEditorRef, {
+                  key: 1,
+                  ref_key: "editorChild",
+                  ref: editorChild,
+                  "editor-string": formulaInput.value.function
+                }, null, 8, ["editor-string"])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const formula_vue_vue_type_style_index_0_scoped_fc8f2584_lang = "";
+const editorInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-fc8f2584"]]);
+const _hoisted_1 = { ref: "el" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Formula",
+  props: {
+    nodeId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const nodeStore = useNodeStore();
+    const childComp = ref(null);
+    const drawer = ref(false);
+    const props = __props;
+    const closeOnDrawer = () => {
+      var _a;
+      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
+      drawer.value = false;
+      nodeStore.isDrawerOpen = false;
+    };
+    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": "formula.png",
+          title: `${__props.nodeId}: Formula`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Formula",
+            intro: "Create a new column with a formula"
+          }),
+          createVNode(editorInput, {
+            ref_key: "childComp",
+            ref: childComp
+          }, null, 512)
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/Formula-d60a74f4.css

@@ -0,0 +1,17 @@
+.x-flip[data-v-fc8f2584] {
+  transform: scaleX(-1);
+}
+.va-navbar__item[data-v-fc8f2584] {
+  cursor: pointer;
+  margin-bottom: 20px; /* Added margin for spacing */
+}
+.data-type-select[data-v-fc8f2584] {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+.selector-container[data-v-fc8f2584] {
+  display: flex; /* Make children align horizontally */
+  align-items: center; /* Center items vertically */
+  gap: 10px; /* Add space between items */
+  margin-bottom: 12px; /* Added padding between selector and editor */
+}

flowfile/web/static/assets/FuzzyMatch-6857de82.css

@@ -0,0 +1,254 @@
+
+/* Modern styling for an AI app */
+.fuzzy-join-container[data-v-99f9b22f] {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  color: #1a202c;
+  max-width: 100%;
+}
+
+/* Tabs Navigation */
+.tabs-navigation[data-v-99f9b22f] {
+  display: flex;
+  border-bottom: 1px solid #e2e8f0;
+  margin-bottom: 1.25rem;
+  background-color: #f8fafc;
+  border-radius: 8px 8px 0 0;
+  overflow: hidden;
+}
+.tab-button[data-v-99f9b22f] {
+  background: none;
+  border: none;
+  padding: 0.75rem 1.25rem;
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: #718096;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border-bottom: 2px solid transparent;
+  outline: none;
+  flex: 1;
+  text-align: center;
+}
+.tab-button[data-v-99f9b22f]:hover {
+  color: #4a5568;
+  background-color: #edf2f7;
+}
+.tab-button.active[data-v-99f9b22f] {
+  border-bottom-color: #3182ce;
+  color: #3182ce;
+  background-color: #ebf8ff;
+}
+.tab-content[data-v-99f9b22f] {
+  min-height: 300px;
+}
+
+/* Card styling */
+.settings-card[data-v-99f9b22f] {
+  background-color: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  margin-bottom: 1.5rem;
+  border: 1px solid #edf2f7;
+  overflow: hidden;
+}
+.card-header[data-v-99f9b22f] {
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid #edf2f7;
+  background-color: #fafafa;
+}
+.section-title[data-v-99f9b22f] {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  color: #2d3748;
+}
+.card-content[data-v-99f9b22f] {
+  padding: 1rem 1.25rem;
+}
+
+/* Join Settings */
+.join-settings[data-v-99f9b22f] {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+.setting-panel[data-v-99f9b22f] {
+  background-color: #f8fafc;
+  border-radius: 6px;
+  padding: 1rem;
+  border: 1px solid #edf2f7;
+  transition: all 0.2s ease;
+}
+.setting-panel[data-v-99f9b22f]:hover {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
+  border-color: #e2e8f0;
+}
+.setting-header[data-v-99f9b22f] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+.setting-title[data-v-99f9b22f] {
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: #4a5568;
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+.unavailable-field[data-v-99f9b22f] {
+  margin-right: 0.5rem;
+}
+
+/* Column Selection Grid */
+.columns-grid[data-v-99f9b22f] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+.column-field[data-v-99f9b22f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.column-field label[data-v-99f9b22f] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #4a5568;
+}
+
+/* Settings Grid */
+.settings-grid[data-v-99f9b22f] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+}
+.threshold-field[data-v-99f9b22f],
+.select-field[data-v-99f9b22f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.threshold-field label[data-v-99f9b22f],
+.select-field label[data-v-99f9b22f] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #4a5568;
+}
+
+/* Range Input */
+.range-container[data-v-99f9b22f] {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+.range-slider[data-v-99f9b22f] {
+  flex: 1;
+  -webkit-appearance: none;
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  background: #e2e8f0;
+  outline: none;
+}
+.range-slider[data-v-99f9b22f]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #3182ce;
+  cursor: pointer;
+  border: 2px solid white;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.range-slider[data-v-99f9b22f]::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #3182ce;
+  cursor: pointer;
+  border: 2px solid white;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.range-value[data-v-99f9b22f] {
+  min-width: 3rem;
+  text-align: right;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #4a5568;
+}
+
+/* Select Input */
+.select-wrapper[data-v-99f9b22f] {
+  position: relative;
+}
+.select-input[data-v-99f9b22f] {
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background-color: #fff;
+  color: #4a5568;
+  appearance: none;
+  outline: none;
+  transition: all 0.2s ease;
+}
+.select-input[data-v-99f9b22f]:focus {
+  border-color: #3182ce;
+  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.15);
+}
+
+/* Buttons */
+.add-button[data-v-99f9b22f],
+.remove-button[data-v-99f9b22f] {
+  padding: 0.5rem 0.75rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 6px;
+  background-color: #f7fafc;
+  color: #4a5568;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.add-button[data-v-99f9b22f] {
+  background-color: #ebf8ff;
+  color: #3182ce;
+  margin-top: 0.5rem;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.add-button[data-v-99f9b22f]:hover {
+  background-color: #bee3f8;
+}
+.remove-button[data-v-99f9b22f] {
+  background-color: transparent;
+  border: 1px solid #e2e8f0;
+}
+.remove-button[data-v-99f9b22f]:hover {
+  background-color: #fee2e2;
+  color: #e53e3e;
+  border-color: #fbd5d5;
+}
+.select-section[data-v-99f9b22f] {
+  margin-top: 1rem;
+}
+.select-section + .select-section[data-v-99f9b22f] {
+  margin-top: 2rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid #edf2f7;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+.columns-grid[data-v-99f9b22f],
+  .settings-grid[data-v-99f9b22f] {
+    grid-template-columns: 1fr;
+}
+}