@awesome-flow/noise 0.3.0 → 0.4.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,6 @@ var variable_combine_node_default = VariableCombineNode;
   NoiseInvertNode,
   NoiseNormalizeNode,
   NoiseScaleBiasNode,
-  NoiseTerraceNode,
-  VariableCombineNode
+  NoiseTerraceNode
 });
 //# sourceMappingURL=index.cjs.map