@tduniec/plugin-template-designer-foundation 0.1.1

package/dist/components/Nodes/ParameterInputNode.esm.js

@@ -0,0 +1,320 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { styled, alpha, useTheme } from '@material-ui/core/styles';
+import { Box, Typography, Tooltip, IconButton, TextField, FormControlLabel, Switch } from '@material-ui/core';
+import TuneIcon from '@material-ui/icons/Tune';
+import AddIcon from '@material-ui/icons/Add';
+import ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';
+import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
+
+const resolvePaletteMode = (theme) => theme.palette.mode ?? theme.palette.type ?? "light";
+const Card = styled(Box)(({ theme }) => {
+  const paletteMode = resolvePaletteMode(theme);
+  return {
+    position: "relative",
+    background: alpha(
+      theme.palette.success.main,
+      paletteMode === "dark" ? 0.2 : 0.12
+    ),
+    border: `1px solid ${alpha(theme.palette.success.main, 0.45)}`,
+    borderRadius: 12,
+    width: 580,
+    padding: theme.spacing(1.5),
+    boxShadow: theme.shadows[2],
+    color: theme.palette.text.primary
+  };
+});
+const Header = styled(Box)(({ theme }) => {
+  const paletteMode = resolvePaletteMode(theme);
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    borderRadius: 8,
+    backgroundColor: alpha(
+      theme.palette.success.main,
+      paletteMode === "dark" ? 0.25 : 0.16
+    ),
+    border: `1px solid ${alpha(theme.palette.success.main, 0.45)}`
+  };
+});
+const shouldParseDefault = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed.length) {
+    return false;
+  }
+  if (trimmed === "true" || trimmed === "false" || trimmed === "null") {
+    return true;
+  }
+  if (!Number.isNaN(Number(trimmed))) {
+    return true;
+  }
+  return trimmed.startsWith("{") || trimmed.startsWith("[");
+};
+const ParameterInputNode = ({
+  field,
+  index,
+  totalCount,
+  onFieldUpdate,
+  onAddField,
+  onMoveField
+}) => {
+  const theme = useTheme();
+  const { fieldName, schema, required, sectionTitle } = field;
+  const schemaRecord = useMemo(
+    () => schema ?? {},
+    [schema]
+  );
+  const defaultValue = schemaRecord.default;
+  const schemaTitle = typeof schemaRecord.title === "string" ? schemaRecord.title : "";
+  const schemaDescription = typeof schemaRecord.description === "string" ? schemaRecord.description : "";
+  const schemaSummary = useMemo(() => {
+    if (!schema) {
+      return "any";
+    }
+    const typeValue = schemaRecord.type;
+    if (Array.isArray(typeValue)) {
+      return typeValue.map(String).join(" | ");
+    }
+    if (typeof typeValue === "string") {
+      return typeValue;
+    }
+    return "any";
+  }, [schema, schemaRecord]);
+  const defaultString = useMemo(() => {
+    if (defaultValue === void 0 || defaultValue === null) {
+      return "";
+    }
+    if (typeof defaultValue === "string") {
+      return defaultValue;
+    }
+    try {
+      return JSON.stringify(defaultValue);
+    } catch {
+      return String(defaultValue);
+    }
+  }, [defaultValue]);
+  const updateField = useCallback(
+    (updater) => {
+      onFieldUpdate?.(updater);
+    },
+    [onFieldUpdate]
+  );
+  const updateSchema = useCallback(
+    (patch) => {
+      updateField((current) => ({
+        ...current,
+        schema: {
+          ...current.schema ?? {},
+          ...patch
+        }
+      }));
+    },
+    [updateField]
+  );
+  const handleDefaultChange = (value) => {
+    const trimmed = value.trim();
+    if (!trimmed.length) {
+      updateSchema({ default: void 0 });
+      return;
+    }
+    if (shouldParseDefault(trimmed)) {
+      try {
+        updateSchema({ default: JSON.parse(trimmed) });
+        return;
+      } catch {
+      }
+    }
+    updateSchema({ default: value });
+  };
+  const preventDrag = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", width: "100%", children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          style: { gap: theme.spacing(1) },
+          children: [
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                display: "flex",
+                alignItems: "center",
+                style: { gap: theme.spacing(1) },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    TuneIcon,
+                    {
+                      fontSize: "small",
+                      htmlColor: theme.palette.success.dark
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: schemaTitle || fieldName || "Field" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: schemaSummary })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          justifyContent: "flex-end",
+          style: {
+            gap: 4,
+            marginTop: theme.spacing(0.5)
+          },
+          children: [
+            /* @__PURE__ */ jsx(Tooltip, { title: "Add parameter input", children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                onPointerDown: preventDrag,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onAddField?.();
+                },
+                children: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Tooltip, { title: "Move up", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                disabled: index === 0,
+                onPointerDown: preventDrag,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onMoveField?.("up");
+                },
+                children: /* @__PURE__ */ jsx(ArrowUpwardIcon, { fontSize: "small" })
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Tooltip, { title: "Move down", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                size: "small",
+                disabled: index === totalCount - 1,
+                onPointerDown: preventDrag,
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onMoveField?.("down");
+                },
+                children: /* @__PURE__ */ jsx(ArrowDownwardIcon, { fontSize: "small" })
+              }
+            ) }) })
+          ]
+        }
+      ),
+      sectionTitle ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: sectionTitle }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        mt: 1,
+        display: "flex",
+        flexDirection: "column",
+        style: { gap: theme.spacing(1) },
+        children: [
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Field name",
+              value: fieldName,
+              size: "small",
+              variant: "outlined",
+              onChange: (event) => updateField((current) => ({
+                ...current,
+                fieldName: event.target.value
+              })),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Title",
+              value: schemaTitle,
+              size: "small",
+              variant: "outlined",
+              onChange: (event) => updateSchema({ title: event.target.value || void 0 }),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Description",
+              value: schemaDescription,
+              size: "small",
+              variant: "outlined",
+              onChange: (event) => updateSchema({
+                description: event.target.value || void 0
+              }),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Default",
+              value: defaultString,
+              size: "small",
+              variant: "outlined",
+              onChange: (event) => handleDefaultChange(event.target.value),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2,
+              placeholder: "Supports strings, numbers, booleans, objects, and arrays"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              flexWrap: "wrap",
+              children: [
+                /* @__PURE__ */ jsx(
+                  FormControlLabel,
+                  {
+                    control: /* @__PURE__ */ jsx(
+                      Switch,
+                      {
+                        size: "small",
+                        color: "primary",
+                        checked: required ?? false,
+                        onChange: (_, checked) => updateField((current) => ({
+                          ...current,
+                          required: checked
+                        }))
+                      }
+                    ),
+                    label: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Required" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Double-click text fields to edit in a modal." })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+export { ParameterInputNode };
+//# sourceMappingURL=ParameterInputNode.esm.js.map

package/dist/components/Nodes/ParameterInputNode.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterInputNode.esm.js","sources":["../../../src/components/Nodes/ParameterInputNode.tsx"],"sourcesContent":["import type { FC, SyntheticEvent } from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { alpha, styled, useTheme } from \"@material-ui/core/styles\";\nimport {\n  Box,\n  FormControlLabel,\n  IconButton,\n  Switch,\n  TextField,\n  Tooltip,\n  Typography,\n} from \"@material-ui/core\";\nimport TuneIcon from \"@material-ui/icons/Tune\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\nimport ArrowDownwardIcon from \"@material-ui/icons/ArrowDownward\";\nimport type { ParameterFieldDisplay } from \"../../types/flowNodes\";\n\nconst resolvePaletteMode = (theme: { palette: { type?: string } }) =>\n  (theme.palette as { mode?: \"light\" | \"dark\" }).mode ??\n  theme.palette.type ??\n  \"light\";\n\nconst Card = styled(Box)(({ theme }) => {\n  const paletteMode = resolvePaletteMode(theme);\n  return {\n    position: \"relative\",\n    background: alpha(\n      theme.palette.success.main,\n      paletteMode === \"dark\" ? 0.2 : 0.12\n    ),\n    border: `1px solid ${alpha(theme.palette.success.main, 0.45)}`,\n    borderRadius: 12,\n    width: 580,\n    padding: theme.spacing(1.5),\n    boxShadow: theme.shadows[2],\n    color: theme.palette.text.primary,\n  };\n});\n\nconst Header = styled(Box)(({ theme }) => {\n  const paletteMode = resolvePaletteMode(theme);\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderRadius: 8,\n    backgroundColor: alpha(\n      theme.palette.success.main,\n      paletteMode === \"dark\" ? 0.25 : 0.16\n    ),\n    border: `1px solid ${alpha(theme.palette.success.main, 0.45)}`,\n  };\n});\n\ntype ParameterInputProps = {\n  field: ParameterFieldDisplay;\n  index: number;\n  totalCount: number;\n  onFieldUpdate?: (\n    updater: (field: ParameterFieldDisplay) => ParameterFieldDisplay\n  ) => void;\n  onAddField?: () => void;\n  onMoveField?: (direction: \"up\" | \"down\") => void;\n};\n\nconst shouldParseDefault = (value: string): boolean => {\n  const trimmed = value.trim();\n  if (!trimmed.length) {\n    return false;\n  }\n  if (trimmed === \"true\" || trimmed === \"false\" || trimmed === \"null\") {\n    return true;\n  }\n  if (!Number.isNaN(Number(trimmed))) {\n    return true;\n  }\n  return trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n};\n\nexport const ParameterInputNode: FC<ParameterInputProps> = ({\n  field,\n  index,\n  totalCount,\n  onFieldUpdate,\n  onAddField,\n  onMoveField,\n}) => {\n  const theme = useTheme();\n  const { fieldName, schema, required, sectionTitle } = field;\n  const schemaRecord = useMemo(\n    () => (schema ?? {}) as Record<string, unknown>,\n    [schema]\n  );\n  const defaultValue = schemaRecord.default;\n  const schemaTitle =\n    typeof schemaRecord.title === \"string\"\n      ? (schemaRecord.title as string)\n      : \"\";\n  const schemaDescription =\n    typeof schemaRecord.description === \"string\"\n      ? (schemaRecord.description as string)\n      : \"\";\n\n  const schemaSummary = useMemo(() => {\n    if (!schema) {\n      return \"any\";\n    }\n    const typeValue = schemaRecord.type;\n    if (Array.isArray(typeValue)) {\n      return typeValue.map(String).join(\" | \");\n    }\n    if (typeof typeValue === \"string\") {\n      return typeValue;\n    }\n    return \"any\";\n  }, [schema, schemaRecord]);\n\n  const defaultString = useMemo(() => {\n    if (defaultValue === undefined || defaultValue === null) {\n      return \"\";\n    }\n    if (typeof defaultValue === \"string\") {\n      return defaultValue;\n    }\n    try {\n      return JSON.stringify(defaultValue);\n    } catch {\n      return String(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const updateField = useCallback(\n    (updater: (current: ParameterFieldDisplay) => ParameterFieldDisplay) => {\n      onFieldUpdate?.(updater);\n    },\n    [onFieldUpdate]\n  );\n\n  const updateSchema = useCallback(\n    (patch: Record<string, unknown>) => {\n      updateField((current) => ({\n        ...current,\n        schema: {\n          ...(current.schema ?? {}),\n          ...patch,\n        },\n      }));\n    },\n    [updateField]\n  );\n\n  const handleDefaultChange = (value: string) => {\n    const trimmed = value.trim();\n    if (!trimmed.length) {\n      updateSchema({ default: undefined });\n      return;\n    }\n\n    if (shouldParseDefault(trimmed)) {\n      try {\n        updateSchema({ default: JSON.parse(trimmed) });\n        return;\n      } catch {\n        // swallow parse errors and treat as plain text below\n      }\n    }\n\n    updateSchema({ default: value });\n  };\n\n  const preventDrag = (event: SyntheticEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  return (\n    <Card>\n      <Header>\n        <Box display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n            style={{ gap: theme.spacing(1) }}\n          >\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              style={{ gap: theme.spacing(1) }}\n            >\n              <TuneIcon\n                fontSize=\"small\"\n                htmlColor={theme.palette.success.dark}\n              />\n              <Typography variant=\"subtitle2\">\n                {schemaTitle || fieldName || \"Field\"}\n              </Typography>\n            </Box>\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {schemaSummary}\n            </Typography>\n          </Box>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            style={{\n              gap: 4,\n              marginTop: theme.spacing(0.5),\n            }}\n          >\n            <Tooltip title=\"Add parameter input\">\n              <IconButton\n                size=\"small\"\n                onPointerDown={preventDrag}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onAddField?.();\n                }}\n              >\n                <AddIcon fontSize=\"small\" />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Move up\">\n              <span>\n                <IconButton\n                  size=\"small\"\n                  disabled={index === 0}\n                  onPointerDown={preventDrag}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onMoveField?.(\"up\");\n                  }}\n                >\n                  <ArrowUpwardIcon fontSize=\"small\" />\n                </IconButton>\n              </span>\n            </Tooltip>\n            <Tooltip title=\"Move down\">\n              <span>\n                <IconButton\n                  size=\"small\"\n                  disabled={index === totalCount - 1}\n                  onPointerDown={preventDrag}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    onMoveField?.(\"down\");\n                  }}\n                >\n                  <ArrowDownwardIcon fontSize=\"small\" />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n          {sectionTitle ? (\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {sectionTitle}\n            </Typography>\n          ) : null}\n        </Box>\n      </Header>\n\n      <Box\n        mt={1}\n        display=\"flex\"\n        flexDirection=\"column\"\n        style={{ gap: theme.spacing(1) }}\n      >\n        <TextField\n          label=\"Field name\"\n          value={fieldName}\n          size=\"small\"\n          variant=\"outlined\"\n          onChange={(event) =>\n            updateField((current) => ({\n              ...current,\n              fieldName: event.target.value,\n            }))\n          }\n          fullWidth\n        />\n        <TextField\n          label=\"Title\"\n          value={schemaTitle}\n          size=\"small\"\n          variant=\"outlined\"\n          onChange={(event) =>\n            updateSchema({ title: event.target.value || undefined })\n          }\n          fullWidth\n        />\n        <TextField\n          label=\"Description\"\n          value={schemaDescription}\n          size=\"small\"\n          variant=\"outlined\"\n          onChange={(event) =>\n            updateSchema({\n              description: event.target.value || undefined,\n            })\n          }\n          fullWidth\n          multiline\n          minRows={2}\n        />\n        <TextField\n          label=\"Default\"\n          value={defaultString}\n          size=\"small\"\n          variant=\"outlined\"\n          onChange={(event) => handleDefaultChange(event.target.value)}\n          fullWidth\n          multiline\n          minRows={2}\n          placeholder=\"Supports strings, numbers, booleans, objects, and arrays\"\n        />\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <FormControlLabel\n            control={\n              <Switch\n                size=\"small\"\n                color=\"primary\"\n                checked={required ?? false}\n                onChange={(_, checked) =>\n                  updateField((current) => ({\n                    ...current,\n                    required: checked,\n                  }))\n                }\n              />\n            }\n            label={\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                Required\n              </Typography>\n            }\n          />\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            Double-click text fields to edit in a modal.\n          </Typography>\n        </Box>\n      </Box>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Nodes/ParameterTitlesNode.esm.js

@@ -0,0 +1,251 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { styled, alpha, useTheme } from '@material-ui/core/styles';
+import { Box, Typography, Chip, Tooltip, IconButton, TextField, Button, Divider } from '@material-ui/core';
+import ViewListIcon from '@material-ui/icons/ViewList';
+import AddIcon from '@material-ui/icons/Add';
+import ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';
+import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
+import { ParameterInputNode } from './ParameterInputNode.esm.js';
+
+const resolvePaletteMode = (theme) => theme.palette.mode ?? theme.palette.type ?? "light";
+const Card = styled(Box)(({ theme }) => {
+  const paletteMode = resolvePaletteMode(theme);
+  return {
+    position: "relative",
+    background: alpha(
+      theme.palette.info.main,
+      paletteMode === "dark" ? 0.22 : 0.12
+    ),
+    border: `1px solid ${alpha(theme.palette.info.main, 0.4)}`,
+    borderRadius: 12,
+    width: 660,
+    padding: theme.spacing(1.5),
+    boxShadow: theme.shadows[2],
+    color: theme.palette.text.primary
+  };
+});
+const Header = styled(Box)(({ theme }) => {
+  const paletteMode = resolvePaletteMode(theme);
+  return {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    borderRadius: 8,
+    backgroundColor: alpha(
+      theme.palette.info.main,
+      paletteMode === "dark" ? 0.25 : 0.16
+    ),
+    border: `1px solid ${alpha(theme.palette.info.main, 0.45)}`
+  };
+});
+const SectionRow = styled(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(1.25, 1)
+}));
+const SectionMeta = styled(Box)(({ theme }) => ({
+  display: "flex",
+  gap: theme.spacing(1),
+  flexWrap: "wrap"
+}));
+const FieldsGrid = styled(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+const EmptyState = styled(Box)(({ theme }) => ({
+  border: `2px dashed ${alpha(theme.palette.info.main, 0.4)}`,
+  borderRadius: 12,
+  padding: theme.spacing(3),
+  textAlign: "center",
+  color: alpha(theme.palette.text.primary, 0.7)
+}));
+const ParameterTitlesNode = ({
+  sections,
+  onSectionUpdate,
+  onFieldUpdate,
+  onAddSection,
+  onMoveSection,
+  onAddField,
+  onMoveField
+}) => {
+  const theme = useTheme();
+  const paletteMode = resolvePaletteMode(theme);
+  const safeSections = sections ?? [];
+  const handleSectionTitleChange = (sectionId, value) => {
+    onSectionUpdate?.(sectionId, (section) => ({
+      ...section,
+      title: value,
+      fields: section.fields?.map((field) => ({
+        ...field,
+        sectionTitle: value
+      })) ?? []
+    }));
+  };
+  const handleSectionDescriptionChange = (sectionId, value) => {
+    onSectionUpdate?.(sectionId, (section) => ({
+      ...section,
+      description: value
+    }));
+  };
+  const handleFieldUpdate = (sectionId, fieldId, updater) => {
+    onFieldUpdate?.(sectionId, fieldId, updater);
+  };
+  const preventDrag = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          alignItems: "center",
+          style: { gap: theme.spacing(1) },
+          children: [
+            /* @__PURE__ */ jsx(ViewListIcon, { fontSize: "small", htmlColor: theme.palette.info.dark }),
+            /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", noWrap: true, children: "Parameter Titles" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          size: "small",
+          label: `${safeSections.length} section${safeSections.length === 1 ? "" : "s"}`,
+          variant: "outlined",
+          style: {
+            borderColor: theme.palette.info.dark,
+            color: paletteMode === "dark" ? theme.palette.info.light : theme.palette.info.dark
+          }
+        }
+      )
+    ] }),
+    safeSections.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No parameter sections were detected. Define template parameters to see them listed here." }) }) : null,
+    safeSections.map((section, index) => {
+      const fieldCount = section.fields?.length ?? 0;
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsxs(SectionRow, { children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              justifyContent: "flex-end",
+              style: { gap: theme.spacing(0.5) },
+              children: [
+                /* @__PURE__ */ jsx(Tooltip, { title: "Add section", children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    onPointerDown: preventDrag,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onAddSection?.(section.id);
+                    },
+                    children: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Tooltip, { title: "Move section up", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    disabled: index === 0,
+                    onPointerDown: preventDrag,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onMoveSection?.(section.id, "up");
+                    },
+                    children: /* @__PURE__ */ jsx(ArrowUpwardIcon, { fontSize: "small" })
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsx(Tooltip, { title: "Move section down", children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    size: "small",
+                    disabled: index === safeSections.length - 1,
+                    onPointerDown: preventDrag,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onMoveSection?.(section.id, "down");
+                    },
+                    children: /* @__PURE__ */ jsx(ArrowDownwardIcon, { fontSize: "small" })
+                  }
+                ) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Section title",
+              size: "small",
+              variant: "outlined",
+              value: section.title ?? "",
+              onChange: (event) => handleSectionTitleChange(section.id, event.target.value),
+              fullWidth: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              label: "Section description",
+              size: "small",
+              variant: "outlined",
+              value: section.description ?? "",
+              onChange: (event) => handleSectionDescriptionChange(section.id, event.target.value),
+              fullWidth: true,
+              multiline: true,
+              minRows: 2
+            }
+          ),
+          /* @__PURE__ */ jsxs(SectionMeta, { children: [
+            /* @__PURE__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                label: `${fieldCount} propert${fieldCount === 1 ? "y" : "ies"}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                variant: "outlined",
+                color: "primary",
+                label: section.required?.length ? `${section.required.length} required` : "No required fields"
+              }
+            )
+          ] })
+        ] }),
+        section.fields?.length ? /* @__PURE__ */ jsx(FieldsGrid, { children: section.fields.map((field, fieldIndex) => /* @__PURE__ */ jsx(
+          ParameterInputNode,
+          {
+            field,
+            index: fieldIndex,
+            totalCount: section.fields?.length ?? 0,
+            onFieldUpdate: (updater) => handleFieldUpdate(section.id, field.id, updater),
+            onAddField: () => onAddField?.(section.id, field.id),
+            onMoveField: (direction) => onMoveField?.(section.id, field.id, direction)
+          },
+          field.id
+        )) }) : /* @__PURE__ */ jsx(Box, { mt: 1, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outlined",
+            size: "small",
+            onClick: () => onAddField?.(section.id),
+            children: "Add parameter input"
+          }
+        ) }),
+        index < safeSections.length - 1 ? /* @__PURE__ */ jsx(Divider, {}) : null
+      ] }, section.id ?? index);
+    })
+  ] });
+};
+
+export { ParameterTitlesNode };
+//# sourceMappingURL=ParameterTitlesNode.esm.js.map

package/dist/components/Nodes/ParameterTitlesNode.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterTitlesNode.esm.js","sources":["../../../src/components/Nodes/ParameterTitlesNode.tsx"],"sourcesContent":["import type { FC, SyntheticEvent } from \"react\";\nimport { alpha, styled, useTheme } from \"@material-ui/core/styles\";\nimport {\n  Box,\n  Button,\n  Chip,\n  Divider,\n  IconButton,\n  TextField,\n  Tooltip,\n  Typography,\n} from \"@material-ui/core\";\nimport ViewListIcon from \"@material-ui/icons/ViewList\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport ArrowUpwardIcon from \"@material-ui/icons/ArrowUpward\";\nimport ArrowDownwardIcon from \"@material-ui/icons/ArrowDownward\";\nimport type {\n  ParameterFieldDisplay,\n  ParameterSectionDisplay,\n} from \"../../types/flowNodes\";\nimport { ParameterInputNode } from \"./ParameterInputNode\";\n\nconst resolvePaletteMode = (theme: { palette: { type?: string } }) =>\n  (theme.palette as { mode?: \"light\" | \"dark\" }).mode ??\n  theme.palette.type ??\n  \"light\";\n\nconst Card = styled(Box)(({ theme }) => {\n  const paletteMode = resolvePaletteMode(theme);\n  return {\n    position: \"relative\",\n    background: alpha(\n      theme.palette.info.main,\n      paletteMode === \"dark\" ? 0.22 : 0.12\n    ),\n    border: `1px solid ${alpha(theme.palette.info.main, 0.4)}`,\n    borderRadius: 12,\n    width: 660,\n    padding: theme.spacing(1.5),\n    boxShadow: theme.shadows[2],\n    color: theme.palette.text.primary,\n  };\n});\n\nconst Header = styled(Box)(({ theme }) => {\n  const paletteMode = resolvePaletteMode(theme);\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderRadius: 8,\n    backgroundColor: alpha(\n      theme.palette.info.main,\n      paletteMode === \"dark\" ? 0.25 : 0.16\n    ),\n    border: `1px solid ${alpha(theme.palette.info.main, 0.45)}`,\n  };\n});\n\nconst SectionRow = styled(Box)(({ theme }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1.25, 1),\n}));\n\nconst SectionMeta = styled(Box)(({ theme }) => ({\n  display: \"flex\",\n  gap: theme.spacing(1),\n  flexWrap: \"wrap\",\n}));\n\nconst FieldsGrid = styled(Box)(({ theme }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: theme.spacing(1),\n}));\n\nconst EmptyState = styled(Box)(({ theme }) => ({\n  border: `2px dashed ${alpha(theme.palette.info.main, 0.4)}`,\n  borderRadius: 12,\n  padding: theme.spacing(3),\n  textAlign: \"center\",\n  color: alpha(theme.palette.text.primary, 0.7),\n}));\n\ntype ParameterTitlesProps = {\n  sections: ParameterSectionDisplay[];\n  onSectionUpdate?: (\n    sectionId: string,\n    updater: (section: ParameterSectionDisplay) => ParameterSectionDisplay\n  ) => void;\n  onFieldUpdate?: (\n    sectionId: string,\n    fieldId: string,\n    updater: (field: ParameterFieldDisplay) => ParameterFieldDisplay\n  ) => void;\n  onAddSection?: (afterSectionId?: string) => void;\n  onMoveSection?: (sectionId: string, direction: \"up\" | \"down\") => void;\n  onAddField?: (sectionId: string, afterFieldId?: string) => void;\n  onMoveField?: (\n    sectionId: string,\n    fieldId: string,\n    direction: \"up\" | \"down\"\n  ) => void;\n};\n\nexport const ParameterTitlesNode: FC<ParameterTitlesProps> = ({\n  sections,\n  onSectionUpdate,\n  onFieldUpdate,\n  onAddSection,\n  onMoveSection,\n  onAddField,\n  onMoveField,\n}) => {\n  const theme = useTheme();\n  const paletteMode = resolvePaletteMode(theme);\n  const safeSections = sections ?? [];\n\n  const handleSectionTitleChange = (sectionId: string, value: string) => {\n    onSectionUpdate?.(sectionId, (section) => ({\n      ...section,\n      title: value,\n      fields:\n        section.fields?.map((field) => ({\n          ...field,\n          sectionTitle: value,\n        })) ?? [],\n    }));\n  };\n\n  const handleSectionDescriptionChange = (sectionId: string, value: string) => {\n    onSectionUpdate?.(sectionId, (section) => ({\n      ...section,\n      description: value,\n    }));\n  };\n\n  const handleFieldUpdate = (\n    sectionId: string,\n    fieldId: string,\n    updater: (field: ParameterFieldDisplay) => ParameterFieldDisplay\n  ) => {\n    onFieldUpdate?.(sectionId, fieldId, updater);\n  };\n\n  const preventDrag = (event: SyntheticEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  return (\n    <Card>\n      <Header>\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          style={{ gap: theme.spacing(1) }}\n        >\n          <ViewListIcon fontSize=\"small\" htmlColor={theme.palette.info.dark} />\n          <Typography variant=\"subtitle2\" noWrap>\n            Parameter Titles\n          </Typography>\n        </Box>\n        <Chip\n          size=\"small\"\n          label={`${safeSections.length} section${\n            safeSections.length === 1 ? \"\" : \"s\"\n          }`}\n          variant=\"outlined\"\n          style={{\n            borderColor: theme.palette.info.dark,\n            color:\n              paletteMode === \"dark\"\n                ? theme.palette.info.light\n                : theme.palette.info.dark,\n          }}\n        />\n      </Header>\n\n      {safeSections.length === 0 ? (\n        <EmptyState>\n          <Typography variant=\"body2\">\n            No parameter sections were detected. Define template parameters to\n            see them listed here.\n          </Typography>\n        </EmptyState>\n      ) : null}\n\n      {safeSections.map((section, index) => {\n        const fieldCount = section.fields?.length ?? 0;\n        return (\n          <Box key={section.id ?? index}>\n            <SectionRow>\n              <Box\n                display=\"flex\"\n                justifyContent=\"flex-end\"\n                style={{ gap: theme.spacing(0.5) }}\n              >\n                <Tooltip title=\"Add section\">\n                  <IconButton\n                    size=\"small\"\n                    onPointerDown={preventDrag}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      onAddSection?.(section.id);\n                    }}\n                  >\n                    <AddIcon fontSize=\"small\" />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip title=\"Move section up\">\n                  <span>\n                    <IconButton\n                      size=\"small\"\n                      disabled={index === 0}\n                      onPointerDown={preventDrag}\n                      onClick={(event) => {\n                        event.stopPropagation();\n                        onMoveSection?.(section.id, \"up\");\n                      }}\n                    >\n                      <ArrowUpwardIcon fontSize=\"small\" />\n                    </IconButton>\n                  </span>\n                </Tooltip>\n                <Tooltip title=\"Move section down\">\n                  <span>\n                    <IconButton\n                      size=\"small\"\n                      disabled={index === safeSections.length - 1}\n                      onPointerDown={preventDrag}\n                      onClick={(event) => {\n                        event.stopPropagation();\n                        onMoveSection?.(section.id, \"down\");\n                      }}\n                    >\n                      <ArrowDownwardIcon fontSize=\"small\" />\n                    </IconButton>\n                  </span>\n                </Tooltip>\n              </Box>\n              <TextField\n                label=\"Section title\"\n                size=\"small\"\n                variant=\"outlined\"\n                value={section.title ?? \"\"}\n                onChange={(event) =>\n                  handleSectionTitleChange(section.id, event.target.value)\n                }\n                fullWidth\n              />\n              <TextField\n                label=\"Section description\"\n                size=\"small\"\n                variant=\"outlined\"\n                value={section.description ?? \"\"}\n                onChange={(event) =>\n                  handleSectionDescriptionChange(section.id, event.target.value)\n                }\n                fullWidth\n                multiline\n                minRows={2}\n              />\n              <SectionMeta>\n                <Chip\n                  size=\"small\"\n                  label={`${fieldCount} propert${\n                    fieldCount === 1 ? \"y\" : \"ies\"\n                  }`}\n                />\n                <Chip\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color=\"primary\"\n                  label={\n                    section.required?.length\n                      ? `${section.required.length} required`\n                      : \"No required fields\"\n                  }\n                />\n              </SectionMeta>\n            </SectionRow>\n\n            {section.fields?.length ? (\n              <FieldsGrid>\n                {section.fields.map((field, fieldIndex) => (\n                  <ParameterInputNode\n                    key={field.id}\n                    field={field}\n                    index={fieldIndex}\n                    totalCount={section.fields?.length ?? 0}\n                    onFieldUpdate={(updater) =>\n                      handleFieldUpdate(section.id, field.id, updater)\n                    }\n                    onAddField={() => onAddField?.(section.id, field.id)}\n                    onMoveField={(direction) =>\n                      onMoveField?.(section.id, field.id, direction)\n                    }\n                  />\n                ))}\n              </FieldsGrid>\n            ) : (\n              <Box mt={1}>\n                <Button\n                  variant=\"outlined\"\n                  size=\"small\"\n                  onClick={() => onAddField?.(section.id)}\n                >\n                  Add parameter input\n                </Button>\n              </Box>\n            )}\n\n            {index < safeSections.length - 1 ? <Divider /> : null}\n          </Box>\n        );\n      })}\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}