@awesome-flow/noise 0.3.0 → 0.4.0

package/dist/nodes/modifiers/index.js

@@ -190,7 +190,7 @@ function NoiseCombineNode({ id, selected, data, type }) {
     updateNodeData(id, { operation });
   }, []);
   return /* @__PURE__ */ jsxs2(NodeContainer3, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx3(NodeCombobox, { options, selected: data.operation, onChange }),
+    /* @__PURE__ */ jsx3(NodeCombobox, { options, selected: data.operation, onChange, width: 150 }),
     /* @__PURE__ */ jsx3(NodeTrackConnections3, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
@@ -851,6 +851,11 @@ function useFormWatch({
   };
 }
 
+// ../../node_modules/@mantine/form/esm/paths/get-data-path.mjs
+function getDataPath(formName, fieldPath) {
+  return formName ? `${formName}-${fieldPath.toString()}` : fieldPath.toString();
+}
+
 // ../../node_modules/@mantine/form/esm/validate/validate-values.mjs
 function getValidationResults(errors) {
   const filteredErrors = filterErrors(errors);
@@ -952,7 +957,7 @@ function useForm({
     $values.initialize(values, () => mode === "uncontrolled" && setFormKey((key2) => key2 + 1));
   }, []);
   const setFieldValue = useCallback7(
-    (path, value, options3) => {
+    (path, value, options2) => {
       const shouldValidate = shouldValidateOnChange(path, validateInputOnChange);
       $status.clearFieldDirty(path);
       $status.setFieldTouched(path, true);
@@ -967,7 +972,7 @@ function useForm({
             const validationResults = validateFieldValue(path, rules, payload.updatedValues);
             validationResults.hasError ? $errors.setFieldError(path, validationResults.error) : $errors.clearFieldError(path);
           } : null,
-          options3?.forceUpdate !== false && mode !== "controlled" ? () => setFieldKeys((keys) => ({
+          options2?.forceUpdate !== false && mode !== "controlled" ? () => setFieldKeys((keys) => ({
             ...keys,
             [path]: (keys[path] || 0) + 1
           })) : null
@@ -1009,7 +1014,7 @@ function useForm({
     const onChange = getInputOnChange(
       (value) => setFieldValue(path, value, { forceUpdate: false })
     );
-    const payload = { onChange };
+    const payload = { onChange, "data-path": getDataPath(name, path) };
     if (withError) {
       payload.error = $errors.errorsState[path];
     }
@@ -1062,6 +1067,10 @@ function useForm({
     [rules]
   );
   const key = (path) => `${formKey}-${path}-${fieldKeys[path] || 0}`;
+  const getInputNode = useCallback7(
+    (path) => document.querySelector(`[data-path="${getDataPath(name, path)}"]`),
+    []
+  );
   const form = {
     watch: $watch.watch,
     initialized: $values.initialized.current,
@@ -1095,7 +1104,8 @@ function useForm({
     onReset,
     isValid,
     getTransformedValues,
-    key
+    key,
+    getInputNode
   };
   useFormActions(name, form);
   return form;
@@ -1480,123 +1490,6 @@ function NoiseTerraceNode({ id, selected, data, type }) {
   ] });
 }
 var noise_terrace_node_default = NoiseTerraceNode;
-
-// src/nodes/modifiers/variable-combine-node.tsx
-import { NodeCombobox as NodeCombobox2, NodeContainer as NodeContainer10, NodeTrackConnections as NodeTrackConnections10 } from "@awesome-flow/core/layout";
-import { useCallback as useCallback11, useEffect as useEffect13, useState as useState12 } from "react";
-import { useIncomingNodeData as useIncomingNodeData2, useUpdateNodeData as useUpdateNodeData9 } from "@awesome-flow/core/hooks";
-import {
-  IconAsterisk as IconAsterisk2,
-  IconChevronLeft as IconChevronLeft2,
-  IconChevronRight as IconChevronRight2,
-  IconChevronUp as IconChevronUp2,
-  IconDivide,
-  IconPlus as IconPlus2
-} from "@tabler/icons-react";
-
-// src/layout/node-value-input.tsx
-import { Input, NumberInput as NumberInput7, Switch } from "@mantine/core";
-import { Fragment as Fragment3, jsx as jsx10 } from "react/jsx-runtime";
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ jsx10(Fragment3, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ jsx10(
-        Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ jsx10(NumberInput7, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ jsx10(
-        Input,
-        {
-          value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.value)
-        }
-      );
-    }
-    default:
-      throw new Error(`Unknown input node for value of type: ${typeof value} (${value})`);
-  }
-}
-var node_value_input_default = NodeValueInput;
-
-// src/layout/node-property-input.tsx
-import { Fragment as Fragment4, jsx as jsx11 } from "react/jsx-runtime";
-
-// src/layout/node-property-variables.tsx
-import { useIncomingNodeData, useUpdateNodeData as useUpdateNodeData8 } from "@awesome-flow/core/hooks";
-import { useCallback as useCallback10, useEffect as useEffect12, useMemo, useState as useState11 } from "react";
-import { Group as Group7, Stack as Stack5 } from "@mantine/core";
-import { getObjectKeys } from "@awesome-flow/core/utils";
-import { nodeDataPropertyExcept } from "@awesome-flow/core/abstract";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// src/nodes/modifiers/variable-combine-node.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var options2 = {
-  add: /* @__PURE__ */ jsx13(IconPlus2, {}),
-  divide: /* @__PURE__ */ jsx13(IconDivide, {}),
-  min: /* @__PURE__ */ jsx13(IconChevronLeft2, {}),
-  max: /* @__PURE__ */ jsx13(IconChevronRight2, {}),
-  multiply: /* @__PURE__ */ jsx13(IconAsterisk2, {}),
-  power: /* @__PURE__ */ jsx13(IconChevronUp2, {})
-};
-function VariableCombineNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [operation, setOperation] = useState12(data.operation);
-  const [value, setValue] = useState12(data.value);
-  const updateNodeData = useUpdateNodeData9();
-  const incoming = useIncomingNodeData2(id);
-  useEffect13(() => {
-    if (incoming?.length > 1) {
-      const result = getOperationResult(operation, incoming[0].value, incoming[1].value);
-      setValue(result);
-      updateNodeData(id, { value: result });
-    }
-  }, [operation, incoming]);
-  const onChange = useCallback11((op) => {
-    updateNodeData(id, { operation: op });
-    setOperation(op);
-  }, []);
-  return /* @__PURE__ */ jsxs9(NodeContainer10, { id, selected, data, type, children: [
-    /* @__PURE__ */ jsx13(NodeCombobox2, { options: options2, selected: operation, onChange }),
-    /* @__PURE__ */ jsx13(node_value_input_default, { value, onChange: () => {
-    }, disabled: true }),
-    /* @__PURE__ */ jsx13(NodeTrackConnections10, { handles: data.handles, nodeId: id, type: "target" })
-  ] });
-}
-function getOperationResult(operation, value1, value2) {
-  switch (operation) {
-    case "add" /* add */:
-      return Number(value1) + Number(value2);
-    case "divide" /* divide */:
-      return Number(value1) / (Number(value2) || 1);
-    case "max" /* max */:
-      return Number(value1) > Number(value2) ? value1 : value2;
-    case "min" /* min */:
-      return Number(value1) < Number(value2) ? value1 : value2;
-    case "multiply" /* multiply */:
-      return Number(value1) * Number(value2);
-    case "power" /* power */:
-      return Number(value1) ** Number(value2);
-  }
-}
-var variable_combine_node_default = VariableCombineNode;
 export {
   noise_abs_node_default as NoiseAbsNode,
   noise_clamp_node_default as NoiseClampNode,
@@ -1606,7 +1499,6 @@ export {
   noise_invert_node_default as NoiseInvertNode,
   noise_normalize_node_default as NoiseNormalizeNode,
   noise_scale_bias_node_default as NoiseScaleBiasNode,
-  noise_terrace_node_default as NoiseTerraceNode,
-  variable_combine_node_default as VariableCombineNode
+  noise_terrace_node_default as NoiseTerraceNode
 };
 //# sourceMappingURL=index.js.map