@awesome-flow/noise 0.3.0 → 0.5.0

package/dist/nodes/modifiers/index.cjs

@@ -85,8 +85,7 @@ __export(modifiers_exports, {
   NoiseInvertNode: () => noise_invert_node_default,
   NoiseNormalizeNode: () => noise_normalize_node_default,
   NoiseScaleBiasNode: () => noise_scale_bias_node_default,
-  NoiseTerraceNode: () => noise_terrace_node_default,
-  VariableCombineNode: () => variable_combine_node_default
+  NoiseTerraceNode: () => noise_terrace_node_default
 });
 module.exports = __toCommonJS(modifiers_exports);
 
@@ -197,7 +196,7 @@ function NoiseCombineNode({ id, selected, data, type }) {
     updateNodeData(id, { operation });
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_layout3.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_layout3.NodeCombobox, { options, selected: data.operation, onChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_layout3.NodeCombobox, { options, selected: data.operation, onChange, width: 150 }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_layout3.NodeTrackConnections, { handles: data.handles, nodeId: id, type: "target" })
   ] });
 }
@@ -854,6 +853,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);
@@ -955,7 +959,7 @@ function useForm({
     $values.initialize(values, () => mode === "uncontrolled" && setFormKey((key2) => key2 + 1));
   }, []);
   const setFieldValue = (0, import_react10.useCallback)(
-    (path, value, options3) => {
+    (path, value, options2) => {
       const shouldValidate = shouldValidateOnChange(path, validateInputOnChange);
       $status.clearFieldDirty(path);
       $status.setFieldTouched(path, true);
@@ -970,7 +974,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
@@ -1012,7 +1016,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];
     }
@@ -1065,6 +1069,10 @@ function useForm({
     [rules]
   );
   const key = (path) => `${formKey}-${path}-${fieldKeys[path] || 0}`;
+  const getInputNode = (0, import_react10.useCallback)(
+    (path) => document.querySelector(`[data-path="${getDataPath(name, path)}"]`),
+    []
+  );
   const form = {
     watch: $watch.watch,
     initialized: $values.initialized.current,
@@ -1098,7 +1106,8 @@ function useForm({
     onReset,
     isValid,
     getTransformedValues,
-    key
+    key,
+    getInputNode
   };
   useFormActions(name, form);
   return form;
@@ -1467,116 +1476,6 @@ function NoiseTerraceNode({ id, selected, data, type }) {
   ] });
 }
 var noise_terrace_node_default = NoiseTerraceNode;
-
-// src/nodes/modifiers/variable-combine-node.tsx
-var import_layout10 = require("@awesome-flow/core/layout");
-var import_react18 = require("react");
-var import_hooks13 = require("@awesome-flow/core/hooks");
-var import_icons_react4 = require("@tabler/icons-react");
-
-// src/layout/node-value-input.tsx
-var import_core7 = require("@mantine/core");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function NodeValueInput({ value, disabled, step, onChange }) {
-  if (value === void 0 || value === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {});
-  }
-  switch (typeof value) {
-    case "boolean": {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_core7.Switch,
-        {
-          checked: value,
-          disabled,
-          onChange: (e) => onChange(e.currentTarget.checked)
-        }
-      );
-    }
-    case "number": {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core7.NumberInput, { value, disabled, step, onChange: (e) => onChange(e) });
-    }
-    case "string": {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_core7.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
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// src/layout/node-property-variables.tsx
-var import_hooks12 = require("@awesome-flow/core/hooks");
-var import_react17 = require("react");
-var import_core8 = require("@mantine/core");
-var import_utils = require("@awesome-flow/core/utils");
-var import_abstract3 = require("@awesome-flow/core/abstract");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-
-// src/nodes/modifiers/variable-combine-node.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var options2 = {
-  add: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconPlus, {}),
-  divide: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconDivide, {}),
-  min: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconChevronLeft, {}),
-  max: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconChevronRight, {}),
-  multiply: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconAsterisk, {}),
-  power: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons_react4.IconChevronUp, {})
-};
-function VariableCombineNode({
-  id,
-  selected,
-  data,
-  type
-}) {
-  const [operation, setOperation] = (0, import_react18.useState)(data.operation);
-  const [value, setValue] = (0, import_react18.useState)(data.value);
-  const updateNodeData = (0, import_hooks13.useUpdateNodeData)();
-  const incoming = (0, import_hooks13.useIncomingNodeData)(id);
-  (0, import_react18.useEffect)(() => {
-    if (incoming?.length > 1) {
-      const result = getOperationResult(operation, incoming[0].value, incoming[1].value);
-      setValue(result);
-      updateNodeData(id, { value: result });
-    }
-  }, [operation, incoming]);
-  const onChange = (0, import_react18.useCallback)((op) => {
-    updateNodeData(id, { operation: op });
-    setOperation(op);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_layout10.NodeContainer, { id, selected, data, type, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout10.NodeCombobox, { options: options2, selected: operation, onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(node_value_input_default, { value, onChange: () => {
-    }, disabled: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_layout10.NodeTrackConnections, { 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;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NoiseAbsNode,
@@ -1587,7 +1486,5 @@ var variable_combine_node_default = VariableCombineNode;
   NoiseInvertNode,
   NoiseNormalizeNode,
   NoiseScaleBiasNode,
-  NoiseTerraceNode,
-  VariableCombineNode
+  NoiseTerraceNode
 });
-//# sourceMappingURL=index.cjs.map

package/dist/nodes/modifiers/index.d.cts

@@ -1,13 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NodeProps, Node } from '@xyflow/react';
 import { BasicNodeData } from '@awesome-flow/core/abstract';
-import { j as NodeNormalizeNoiseData, q as NodeCombineNoiseData, k as NodeClampNoiseData, s as NodeCurveNoiseData, u as NodeExponentNoiseData, v as NodeScaleBiasNoiseData, t as NodeTerraceNoiseData, r as NodeCombineVariableData } from '../../node-props-hKW-_KOU.cjs';
+import { h as NodeNormalizeNoiseData, o as NodeCombineNoiseData, i as NodeClampNoiseData, p as NodeCurveNoiseData, r as NodeExponentNoiseData, s as NodeScaleBiasNoiseData, q as NodeTerraceNoiseData } from '../../node-props-BbqbXDXn.cjs';
 import 'libnoise-ts/module/generator';
 import 'libnoise-ts/noisegen';
 import 'libnoise-ts/module/Module';
-import '../../handle-types-D-v5S53h.cjs';
 import 'libnoise-ts/module/combiner';
-import '../../properties-BxwtU6i9.cjs';
 
 declare function NoiseNormalizeNode({ id, selected, data, type }: NodeProps<Node<NodeNormalizeNoiseData>>): react_jsx_runtime.JSX.Element;
 
@@ -27,6 +25,4 @@ declare function NoiseScaleBiasNode({ id, selected, data, type }: NodeProps<Node
 
 declare function NoiseTerraceNode({ id, selected, data, type }: NodeProps<Node<NodeTerraceNoiseData>>): react_jsx_runtime.JSX.Element;
 
-declare function VariableCombineNode({ id, selected, data, type, }: NodeProps<Node<NodeCombineVariableData>>): react_jsx_runtime.JSX.Element;
-
-export { NoiseAbsNode, NoiseClampNode, NoiseCombineNode, NoiseCurveNode, NoiseExponentNode, NoiseInvertNode, NoiseNormalizeNode, NoiseScaleBiasNode, NoiseTerraceNode, VariableCombineNode };
+export { NoiseAbsNode, NoiseClampNode, NoiseCombineNode, NoiseCurveNode, NoiseExponentNode, NoiseInvertNode, NoiseNormalizeNode, NoiseScaleBiasNode, NoiseTerraceNode };

package/dist/nodes/modifiers/index.d.ts

@@ -1,13 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NodeProps, Node } from '@xyflow/react';
 import { BasicNodeData } from '@awesome-flow/core/abstract';
-import { j as NodeNormalizeNoiseData, q as NodeCombineNoiseData, k as NodeClampNoiseData, s as NodeCurveNoiseData, u as NodeExponentNoiseData, v as NodeScaleBiasNoiseData, t as NodeTerraceNoiseData, r as NodeCombineVariableData } from '../../node-props-CeZ8Oshz.js';
+import { h as NodeNormalizeNoiseData, o as NodeCombineNoiseData, i as NodeClampNoiseData, p as NodeCurveNoiseData, r as NodeExponentNoiseData, s as NodeScaleBiasNoiseData, q as NodeTerraceNoiseData } from '../../node-props-BbqbXDXn.js';
 import 'libnoise-ts/module/generator';
 import 'libnoise-ts/noisegen';
 import 'libnoise-ts/module/Module';
-import '../../handle-types-D-v5S53h.js';
 import 'libnoise-ts/module/combiner';
-import '../../properties-BxwtU6i9.js';
 
 declare function NoiseNormalizeNode({ id, selected, data, type }: NodeProps<Node<NodeNormalizeNoiseData>>): react_jsx_runtime.JSX.Element;
 
@@ -27,6 +25,4 @@ declare function NoiseScaleBiasNode({ id, selected, data, type }: NodeProps<Node
 
 declare function NoiseTerraceNode({ id, selected, data, type }: NodeProps<Node<NodeTerraceNoiseData>>): react_jsx_runtime.JSX.Element;
 
-declare function VariableCombineNode({ id, selected, data, type, }: NodeProps<Node<NodeCombineVariableData>>): react_jsx_runtime.JSX.Element;
-
-export { NoiseAbsNode, NoiseClampNode, NoiseCombineNode, NoiseCurveNode, NoiseExponentNode, NoiseInvertNode, NoiseNormalizeNode, NoiseScaleBiasNode, NoiseTerraceNode, VariableCombineNode };
+export { NoiseAbsNode, NoiseClampNode, NoiseCombineNode, NoiseCurveNode, NoiseExponentNode, NoiseInvertNode, NoiseNormalizeNode, NoiseScaleBiasNode, NoiseTerraceNode };

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,5 @@ 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