@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.8.1-develop.7441.1.b42958b98c

package/dist/modules/forms/backend/forms/[id]/studio/validation/GroupConfigEditor.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus, Trash2 } from "lucide-react";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
+import { Label } from "@open-mercato/ui/primitives/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function parsePositiveInt(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return null;
+  const parsed = Number.parseInt(trimmed, 10);
+  if (!Number.isInteger(parsed) || parsed < 0) return null;
+  return parsed;
+}
+function GroupConfigEditor({
+  subFields,
+  minItems,
+  maxItems,
+  typeOptions,
+  onAddSubField,
+  onRemoveSubField,
+  onUpdateSubField,
+  onMinItemsChange,
+  onMaxItemsChange
+}) {
+  const t = useT();
+  const minItemsId = React.useId();
+  const maxItemsId = React.useId();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("forms.studio.field.group.heading") }),
+    subFields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("forms.studio.field.group.empty") }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: subFields.map((subField) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "space-y-2 rounded-md border border-border bg-muted/30 p-2",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                "aria-label": t("forms.studio.field.group.subFieldLabel"),
+                placeholder: t("forms.studio.field.group.subFieldLabel"),
+                value: subField.label,
+                onChange: (event) => onUpdateSubField(subField.key, { label: event.target.value })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => onRemoveSubField(subField.key),
+                "aria-label": t("forms.studio.field.group.deleteSubField"),
+                children: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": "true", className: "size-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: subField.type,
+                onValueChange: (next) => onUpdateSubField(subField.key, { type: next }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("forms.studio.field.group.subFieldType"), children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: typeOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("forms.studio.field.group.subFieldRequired"),
+                checked: subField.required,
+                onCheckedChange: (next) => onUpdateSubField(subField.key, { required: Boolean(next) })
+              }
+            )
+          ] })
+        ]
+      },
+      subField.key
+    )) }),
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: onAddSubField, children: [
+      /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true", className: "size-4" }),
+      t("forms.studio.field.group.addSubField")
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: minItemsId, className: "block text-xs font-medium text-muted-foreground", children: t("forms.studio.field.group.minItems") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: minItemsId,
+            type: "number",
+            inputMode: "numeric",
+            min: 0,
+            step: 1,
+            value: typeof minItems === "number" ? String(minItems) : "",
+            onChange: (event) => onMinItemsChange(parsePositiveInt(event.target.value))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: maxItemsId, className: "block text-xs font-medium text-muted-foreground", children: t("forms.studio.field.group.maxItems") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: maxItemsId,
+            type: "number",
+            inputMode: "numeric",
+            min: 1,
+            step: 1,
+            value: typeof maxItems === "number" ? String(maxItems) : "",
+            onChange: (event) => onMaxItemsChange(parsePositiveInt(event.target.value))
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  GroupConfigEditor
+};
+//# sourceMappingURL=GroupConfigEditor.js.map

package/dist/modules/forms/backend/forms/[id]/studio/validation/GroupConfigEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/validation/GroupConfigEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Plus, Trash2 } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\n/**\n * W6 \u2014 repeatable group sub-field editor. Lets authors define the sub-fields\n * that repeat per entry (key, label, type, required) and the min/max number of\n * entries. Sub-fields persist under `items.properties`; min/max persist as\n * `x-om-min-items` / `x-om-max-items`. The server (AJV) is authoritative; these\n * are authoring affordances.\n *\n * Nested groups are out of scope \u2014 `group` is excluded from the type options.\n */\n\nexport type GroupSubFieldRow = {\n  key: string\n  label: string\n  type: string\n  required: boolean\n}\n\nexport type GroupConfigEditorProps = {\n  subFields: GroupSubFieldRow[]\n  minItems: number | undefined\n  maxItems: number | undefined\n  /** Selectable sub-field types (excludes `group` \u2014 no nesting). */\n  typeOptions: Array<{ value: string; label: string }>\n  onAddSubField: () => void\n  onRemoveSubField: (key: string) => void\n  onUpdateSubField: (\n    key: string,\n    patch: { label?: string; type?: string; required?: boolean },\n  ) => void\n  onMinItemsChange: (next: number | null) => void\n  onMaxItemsChange: (next: number | null) => void\n}\n\nfunction parsePositiveInt(value: string): number | null {\n  const trimmed = value.trim()\n  if (trimmed.length === 0) return null\n  const parsed = Number.parseInt(trimmed, 10)\n  if (!Number.isInteger(parsed) || parsed < 0) return null\n  return parsed\n}\n\nexport function GroupConfigEditor({\n  subFields,\n  minItems,\n  maxItems,\n  typeOptions,\n  onAddSubField,\n  onRemoveSubField,\n  onUpdateSubField,\n  onMinItemsChange,\n  onMaxItemsChange,\n}: GroupConfigEditorProps) {\n  const t = useT()\n  const minItemsId = React.useId()\n  const maxItemsId = React.useId()\n  return (\n    <div className=\"space-y-3\">\n      <span className=\"block text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {t('forms.studio.field.group.heading')}\n      </span>\n      {subFields.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('forms.studio.field.group.empty')}</p>\n      ) : (\n        <ul className=\"space-y-2\">\n          {subFields.map((subField) => (\n            <li\n              key={subField.key}\n              className=\"space-y-2 rounded-md border border-border bg-muted/30 p-2\"\n            >\n              <div className=\"flex items-center gap-2\">\n                <Input\n                  type=\"text\"\n                  aria-label={t('forms.studio.field.group.subFieldLabel')}\n                  placeholder={t('forms.studio.field.group.subFieldLabel')}\n                  value={subField.label}\n                  onChange={(event) => onUpdateSubField(subField.key, { label: event.target.value })}\n                />\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => onRemoveSubField(subField.key)}\n                  aria-label={t('forms.studio.field.group.deleteSubField')}\n                >\n                  <Trash2 aria-hidden=\"true\" className=\"size-4\" />\n                </Button>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Select\n                  value={subField.type}\n                  onValueChange={(next) => onUpdateSubField(subField.key, { type: next })}\n                >\n                  <SelectTrigger aria-label={t('forms.studio.field.group.subFieldType')}>\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {typeOptions.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                <SwitchField\n                  label={t('forms.studio.field.group.subFieldRequired')}\n                  checked={subField.required}\n                  onCheckedChange={(next) => onUpdateSubField(subField.key, { required: Boolean(next) })}\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddSubField}>\n        <Plus aria-hidden=\"true\" className=\"size-4\" />\n        {t('forms.studio.field.group.addSubField')}\n      </Button>\n      <div className=\"grid grid-cols-2 gap-2\">\n        <div className=\"space-y-1\">\n          <Label htmlFor={minItemsId} className=\"block text-xs font-medium text-muted-foreground\">\n            {t('forms.studio.field.group.minItems')}\n          </Label>\n          <Input\n            id={minItemsId}\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={0}\n            step={1}\n            value={typeof minItems === 'number' ? String(minItems) : ''}\n            onChange={(event) => onMinItemsChange(parsePositiveInt(event.target.value))}\n          />\n        </div>\n        <div className=\"space-y-1\">\n          <Label htmlFor={maxItemsId} className=\"block text-xs font-medium text-muted-foreground\">\n            {t('forms.studio.field.group.maxItems')}\n          </Label>\n          <Input\n            id={maxItemsId}\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={1}\n            step={1}\n            value={typeof maxItems === 'number' ? String(maxItems) : ''}\n            onChange={(event) => onMaxItemsChange(parsePositiveInt(event.target.value))}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/validation/LengthRangeEditor.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function parseIntOrNull(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return null;
+  const parsed = Number.parseInt(trimmed, 10);
+  if (!Number.isInteger(parsed) || parsed < 0) return null;
+  return parsed;
+}
+function LengthRangeEditor({ min, max, onChange }) {
+  const t = useT();
+  const minId = React.useId();
+  const maxId = React.useId();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t("forms.studio.validation.length.heading") }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: minId, className: "block text-xs text-muted-foreground", children: t("forms.studio.validation.length.min") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: minId,
+            type: "number",
+            inputMode: "numeric",
+            min: 0,
+            value: typeof min === "number" ? String(min) : "",
+            onChange: (event) => {
+              const parsed = parseIntOrNull(event.target.value);
+              onChange({ min: parsed });
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: maxId, className: "block text-xs text-muted-foreground", children: t("forms.studio.validation.length.max") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: maxId,
+            type: "number",
+            inputMode: "numeric",
+            min: 0,
+            value: typeof max === "number" ? String(max) : "",
+            onChange: (event) => {
+              const parsed = parseIntOrNull(event.target.value);
+              onChange({ max: parsed });
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  LengthRangeEditor
+};
+//# sourceMappingURL=LengthRangeEditor.js.map

package/dist/modules/forms/backend/forms/[id]/studio/validation/LengthRangeEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/validation/LengthRangeEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type LengthRangeEditorProps = {\n  min: number | undefined\n  max: number | undefined\n  onChange: (next: { min?: number | null; max?: number | null }) => void\n}\n\nfunction parseIntOrNull(value: string): number | null {\n  const trimmed = value.trim()\n  if (trimmed.length === 0) return null\n  const parsed = Number.parseInt(trimmed, 10)\n  if (!Number.isInteger(parsed) || parsed < 0) return null\n  return parsed\n}\n\nexport function LengthRangeEditor({ min, max, onChange }: LengthRangeEditorProps) {\n  const t = useT()\n  const minId = React.useId()\n  const maxId = React.useId()\n  return (\n    <div className=\"space-y-2\">\n      <span className=\"text-xs font-medium text-muted-foreground\">\n        {t('forms.studio.validation.length.heading')}\n      </span>\n      <div className=\"grid grid-cols-2 gap-2\">\n        <div className=\"space-y-1\">\n          <Label htmlFor={minId} className=\"block text-xs text-muted-foreground\">\n            {t('forms.studio.validation.length.min')}\n          </Label>\n          <Input\n            id={minId}\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={0}\n            value={typeof min === 'number' ? String(min) : ''}\n            onChange={(event) => {\n              const parsed = parseIntOrNull(event.target.value)\n              onChange({ min: parsed })\n            }}\n          />\n        </div>\n        <div className=\"space-y-1\">\n          <Label htmlFor={maxId} className=\"block text-xs text-muted-foreground\">\n            {t('forms.studio.validation.length.max')}\n          </Label>\n          <Input\n            id={maxId}\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={0}\n            value={typeof max === 'number' ? String(max) : ''}\n            onChange={(event) => {\n              const parsed = parseIntOrNull(event.target.value)\n              onChange({ max: parsed })\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2BM,cAIE,YAJF;AAzBN,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AAQrB,SAAS,eAAe,OAA8B;AACpD,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,QAAM,SAAS,OAAO,SAAS,SAAS,EAAE;AAC1C,MAAI,CAAC,OAAO,UAAU,MAAM,KAAK,SAAS,EAAG,QAAO;AACpD,SAAO;AACT;AAEO,SAAS,kBAAkB,EAAE,KAAK,KAAK,SAAS,GAA2B;AAChF,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,MAAM,MAAM;AAC1B,QAAM,QAAQ,MAAM,MAAM;AAC1B,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,UAAK,WAAU,6CACb,YAAE,wCAAwC,GAC7C;AAAA,IACA,qBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAM,SAAS,OAAO,WAAU,uCAC9B,YAAE,oCAAoC,GACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,KAAK;AAAA,YACL,OAAO,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAAA,YAC/C,UAAU,CAAC,UAAU;AACnB,oBAAM,SAAS,eAAe,MAAM,OAAO,KAAK;AAChD,uBAAS,EAAE,KAAK,OAAO,CAAC;AAAA,YAC1B;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAM,SAAS,OAAO,WAAU,uCAC9B,YAAE,oCAAoC,GACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,WAAU;AAAA,YACV,KAAK;AAAA,YACL,OAAO,OAAO,QAAQ,WAAW,OAAO,GAAG,IAAI;AAAA,YAC/C,UAAU,CAAC,UAAU;AACnB,oBAAM,SAAS,eAAe,MAAM,OAAO,KAAK;AAChD,uBAAS,EAAE,KAAK,OAAO,CAAC;AAAA,YAC1B;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/validation/MatrixColumnsEditor.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, ChevronUp, Trash2 } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function resolveLabel(column, locale) {
+  if (!column.label) return "";
+  const exact = column.label[locale];
+  return typeof exact === "string" ? exact : "";
+}
+function setLabel(column, locale, value) {
+  const nextLabel = { ...column.label ?? {} };
+  if (value.length === 0) delete nextLabel[locale];
+  else nextLabel[locale] = value;
+  return { ...column, label: nextLabel };
+}
+function nextColumnValue(columns) {
+  const pattern = /^col_(\d+)$/;
+  let maxSuffix = 0;
+  for (const column of columns) {
+    const match = pattern.exec(column.value);
+    if (!match) continue;
+    const value = Number.parseInt(match[1], 10);
+    if (Number.isFinite(value) && value > maxSuffix) maxSuffix = value;
+  }
+  return `col_${maxSuffix + 1}`;
+}
+function MatrixColumnsEditor({ locale, columns, onChange }) {
+  const t = useT();
+  const inputIdPrefix = React.useId();
+  const handleAdd = React.useCallback(() => {
+    const newColumn = {
+      value: nextColumnValue(columns),
+      label: { [locale]: "" }
+    };
+    onChange([...columns, newColumn]);
+  }, [columns, locale, onChange]);
+  const handleRemove = React.useCallback(
+    (index) => {
+      const next = columns.slice();
+      next.splice(index, 1);
+      onChange(next);
+    },
+    [columns, onChange]
+  );
+  const handleMove = React.useCallback(
+    (from, to) => {
+      if (to < 0 || to >= columns.length) return;
+      const next = columns.slice();
+      const [moved] = next.splice(from, 1);
+      next.splice(to, 0, moved);
+      onChange(next);
+    },
+    [columns, onChange]
+  );
+  const handlePatch = React.useCallback(
+    (index, patch) => {
+      const next = columns.slice();
+      next[index] = { ...next[index], ...patch };
+      onChange(next);
+    },
+    [columns, onChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t("forms.studio.field.matrix.columns.heading") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleAdd, children: t("forms.studio.field.matrix.columns.add") })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: columns.map((column, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "space-y-2 rounded-md border border-border bg-background p-2",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${inputIdPrefix}-${index}-value`, className: "block text-xs text-muted-foreground", children: t("forms.studio.field.matrix.columns.value") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${inputIdPrefix}-${index}-value`,
+                  "aria-label": `${t("forms.studio.field.matrix.columns.value")} ${index + 1}`,
+                  value: column.value,
+                  onChange: (event) => handlePatch(index, { value: event.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${inputIdPrefix}-${index}-label`, className: "block text-xs text-muted-foreground", children: t("forms.studio.field.matrix.columns.label") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${inputIdPrefix}-${index}-label`,
+                  "aria-label": `${t("forms.studio.field.matrix.columns.label")} ${index + 1}`,
+                  value: resolveLabel(column, locale),
+                  onChange: (event) => handlePatch(index, setLabel(column, locale, event.target.value))
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                "aria-label": t("forms.studio.field.matrix.columns.moveUp"),
+                onClick: () => handleMove(index, index - 1),
+                disabled: index === 0,
+                children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                "aria-label": t("forms.studio.field.matrix.columns.moveDown"),
+                onClick: () => handleMove(index, index + 1),
+                disabled: index >= columns.length - 1,
+                children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5", "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "destructive-outline",
+                size: "sm",
+                "aria-label": t("forms.studio.field.matrix.columns.delete"),
+                onClick: () => handleRemove(index),
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" })
+              }
+            )
+          ] })
+        ]
+      },
+      column.value
+    )) })
+  ] });
+}
+export {
+  MatrixColumnsEditor
+};
+//# sourceMappingURL=MatrixColumnsEditor.js.map

package/dist/modules/forms/backend/forms/[id]/studio/validation/MatrixColumnsEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/validation/MatrixColumnsEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ChevronDown, ChevronUp, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { OmMatrixColumnInput } from '../schema-helpers'\n\n/**\n * Phase F \u2014 `x-om-matrix-columns` editor.\n *\n * Operates on the full column array and calls back with the next array. Per\n * column controls: `value` (the persisted column key) + localized label for\n * the active locale, move-up / move-down, delete.\n */\n\nexport type MatrixColumnsEditorProps = {\n  locale: string\n  columns: ReadonlyArray<OmMatrixColumnInput>\n  onChange: (next: OmMatrixColumnInput[]) => void\n}\n\nfunction resolveLabel(column: OmMatrixColumnInput, locale: string): string {\n  if (!column.label) return ''\n  const exact = column.label[locale]\n  return typeof exact === 'string' ? exact : ''\n}\n\nfunction setLabel(column: OmMatrixColumnInput, locale: string, value: string): OmMatrixColumnInput {\n  const nextLabel = { ...(column.label ?? {}) }\n  if (value.length === 0) delete nextLabel[locale]\n  else nextLabel[locale] = value\n  return { ...column, label: nextLabel }\n}\n\nfunction nextColumnValue(columns: ReadonlyArray<OmMatrixColumnInput>): string {\n  const pattern = /^col_(\\d+)$/\n  let maxSuffix = 0\n  for (const column of columns) {\n    const match = pattern.exec(column.value)\n    if (!match) continue\n    const value = Number.parseInt(match[1], 10)\n    if (Number.isFinite(value) && value > maxSuffix) maxSuffix = value\n  }\n  return `col_${maxSuffix + 1}`\n}\n\nexport function MatrixColumnsEditor({ locale, columns, onChange }: MatrixColumnsEditorProps) {\n  const t = useT()\n  const inputIdPrefix = React.useId()\n  const handleAdd = React.useCallback(() => {\n    const newColumn: OmMatrixColumnInput = {\n      value: nextColumnValue(columns),\n      label: { [locale]: '' },\n    }\n    onChange([...columns, newColumn])\n  }, [columns, locale, onChange])\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = columns.slice()\n      next.splice(index, 1)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n  const handleMove = React.useCallback(\n    (from: number, to: number) => {\n      if (to < 0 || to >= columns.length) return\n      const next = columns.slice()\n      const [moved] = next.splice(from, 1)\n      next.splice(to, 0, moved)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n  const handlePatch = React.useCallback(\n    (index: number, patch: Partial<OmMatrixColumnInput>) => {\n      const next = columns.slice()\n      next[index] = { ...next[index], ...patch }\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('forms.studio.field.matrix.columns.heading')}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd}>\n          {t('forms.studio.field.matrix.columns.add')}\n        </Button>\n      </div>\n      <ul className=\"space-y-2\">\n        {columns.map((column, index) => (\n          <li\n            key={column.value}\n            className=\"space-y-2 rounded-md border border-border bg-background p-2\"\n          >\n            <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${inputIdPrefix}-${index}-value`} className=\"block text-xs text-muted-foreground\">\n                  {t('forms.studio.field.matrix.columns.value')}\n                </Label>\n                <Input\n                  id={`${inputIdPrefix}-${index}-value`}\n                  aria-label={`${t('forms.studio.field.matrix.columns.value')} ${index + 1}`}\n                  value={column.value}\n                  onChange={(event) =>\n                    handlePatch(index, { value: event.target.value })\n                  }\n                />\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${inputIdPrefix}-${index}-label`} className=\"block text-xs text-muted-foreground\">\n                  {t('forms.studio.field.matrix.columns.label')}\n                </Label>\n                <Input\n                  id={`${inputIdPrefix}-${index}-label`}\n                  aria-label={`${t('forms.studio.field.matrix.columns.label')} ${index + 1}`}\n                  value={resolveLabel(column, locale)}\n                  onChange={(event) =>\n                    handlePatch(index, setLabel(column, locale, event.target.value))\n                  }\n                />\n              </div>\n            </div>\n            <div className=\"flex justify-end gap-1\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                aria-label={t('forms.studio.field.matrix.columns.moveUp')}\n                onClick={() => handleMove(index, index - 1)}\n                disabled={index === 0}\n              >\n                <ChevronUp className=\"size-3.5\" aria-hidden=\"true\" />\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                aria-label={t('forms.studio.field.matrix.columns.moveDown')}\n                onClick={() => handleMove(index, index + 1)}\n                disabled={index >= columns.length - 1}\n              >\n                <ChevronDown className=\"size-3.5\" aria-hidden=\"true\" />\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"destructive-outline\"\n                size=\"sm\"\n                aria-label={t('forms.studio.field.matrix.columns.delete')}\n                onClick={() => handleRemove(index)}\n              >\n                <Trash2 className=\"size-3.5\" aria-hidden=\"true\" />\n              </Button>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/validation/MatrixRowsEditor.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, ChevronUp, Trash2 } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function resolveLabel(row, locale) {
+  if (!row.label) return "";
+  const exact = row.label[locale];
+  return typeof exact === "string" ? exact : "";
+}
+function setLabel(row, locale, value) {
+  const nextLabel = { ...row.label ?? {} };
+  if (value.length === 0) delete nextLabel[locale];
+  else nextLabel[locale] = value;
+  return { ...row, label: nextLabel };
+}
+function nextRowKey(rows) {
+  let maxSuffix = 0;
+  const pattern = /^row_(\d+)$/;
+  for (const row of rows) {
+    const match = pattern.exec(row.key);
+    if (!match) continue;
+    const value = Number.parseInt(match[1], 10);
+    if (Number.isFinite(value) && value > maxSuffix) maxSuffix = value;
+  }
+  return `row_${maxSuffix + 1}`;
+}
+function MatrixRowsEditor({ locale, rows, onChange }) {
+  const t = useT();
+  const inputIdPrefix = React.useId();
+  const handleAdd = React.useCallback(() => {
+    const newRow = {
+      key: nextRowKey(rows),
+      label: { [locale]: "" }
+    };
+    onChange([...rows, newRow]);
+  }, [rows, locale, onChange]);
+  const handleRemove = React.useCallback(
+    (index) => {
+      const next = rows.slice();
+      next.splice(index, 1);
+      onChange(next);
+    },
+    [rows, onChange]
+  );
+  const handleMove = React.useCallback(
+    (from, to) => {
+      if (to < 0 || to >= rows.length) return;
+      const next = rows.slice();
+      const [moved] = next.splice(from, 1);
+      next.splice(to, 0, moved);
+      onChange(next);
+    },
+    [rows, onChange]
+  );
+  const handlePatch = React.useCallback(
+    (index, patch) => {
+      const next = rows.slice();
+      next[index] = { ...next[index], ...patch };
+      onChange(next);
+    },
+    [rows, onChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: t("forms.studio.field.matrix.rows.heading") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleAdd, children: t("forms.studio.field.matrix.rows.add") })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: rows.map((row, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "space-y-2 rounded-md border border-border bg-background p-2",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${inputIdPrefix}-${index}-key`, className: "block text-xs text-muted-foreground", children: t("forms.studio.field.matrix.rows.key") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${inputIdPrefix}-${index}-key`,
+                  "aria-label": `${t("forms.studio.field.matrix.rows.key")} ${index + 1}`,
+                  value: row.key,
+                  onChange: (event) => handlePatch(index, { key: event.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${inputIdPrefix}-${index}-label`, className: "block text-xs text-muted-foreground", children: t("forms.studio.field.matrix.rows.label") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${inputIdPrefix}-${index}-label`,
+                  "aria-label": `${t("forms.studio.field.matrix.rows.label")} ${index + 1}`,
+                  value: resolveLabel(row, locale),
+                  onChange: (event) => handlePatch(index, setLabel(row, locale, event.target.value))
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("forms.studio.field.matrix.rows.multiple"),
+                checked: row.multiple === true,
+                onCheckedChange: (next) => handlePatch(index, { multiple: Boolean(next) || void 0 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("forms.studio.field.matrix.rows.required"),
+                checked: row.required === true,
+                onCheckedChange: (next) => handlePatch(index, { required: Boolean(next) || void 0 })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  "aria-label": t("forms.studio.field.matrix.rows.moveUp"),
+                  onClick: () => handleMove(index, index - 1),
+                  disabled: index === 0,
+                  children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  "aria-label": t("forms.studio.field.matrix.rows.moveDown"),
+                  onClick: () => handleMove(index, index + 1),
+                  disabled: index >= rows.length - 1,
+                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "destructive-outline",
+                  size: "sm",
+                  "aria-label": t("forms.studio.field.matrix.rows.delete"),
+                  onClick: () => handleRemove(index),
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      },
+      row.key
+    )) })
+  ] });
+}
+export {
+  MatrixRowsEditor
+};
+//# sourceMappingURL=MatrixRowsEditor.js.map

package/dist/modules/forms/backend/forms/[id]/studio/validation/MatrixRowsEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/validation/MatrixRowsEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ChevronDown, ChevronUp, Trash2 } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { OmMatrixRowInput } from '../schema-helpers'\n\n/**\n * Phase F \u2014 `x-om-matrix-rows` editor.\n *\n * Operates on the full row array and calls back to the parent with the entire\n * next array (the parent invokes `setMatrixRows(...)`). Per-row controls:\n * `Multi-select` + `Required` switches, localized label for the active locale,\n * move-up / move-down (a11y simpler than DnD here), and delete.\n */\n\nexport type MatrixRowsEditorProps = {\n  locale: string\n  rows: ReadonlyArray<OmMatrixRowInput>\n  onChange: (next: OmMatrixRowInput[]) => void\n}\n\nfunction resolveLabel(row: OmMatrixRowInput, locale: string): string {\n  if (!row.label) return ''\n  const exact = row.label[locale]\n  return typeof exact === 'string' ? exact : ''\n}\n\nfunction setLabel(row: OmMatrixRowInput, locale: string, value: string): OmMatrixRowInput {\n  const nextLabel = { ...(row.label ?? {}) }\n  if (value.length === 0) delete nextLabel[locale]\n  else nextLabel[locale] = value\n  return { ...row, label: nextLabel }\n}\n\nfunction nextRowKey(rows: ReadonlyArray<OmMatrixRowInput>): string {\n  let maxSuffix = 0\n  const pattern = /^row_(\\d+)$/\n  for (const row of rows) {\n    const match = pattern.exec(row.key)\n    if (!match) continue\n    const value = Number.parseInt(match[1], 10)\n    if (Number.isFinite(value) && value > maxSuffix) maxSuffix = value\n  }\n  return `row_${maxSuffix + 1}`\n}\n\nexport function MatrixRowsEditor({ locale, rows, onChange }: MatrixRowsEditorProps) {\n  const t = useT()\n  const inputIdPrefix = React.useId()\n  const handleAdd = React.useCallback(() => {\n    const newRow: OmMatrixRowInput = {\n      key: nextRowKey(rows),\n      label: { [locale]: '' },\n    }\n    onChange([...rows, newRow])\n  }, [rows, locale, onChange])\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      const next = rows.slice()\n      next.splice(index, 1)\n      onChange(next)\n    },\n    [rows, onChange],\n  )\n  const handleMove = React.useCallback(\n    (from: number, to: number) => {\n      if (to < 0 || to >= rows.length) return\n      const next = rows.slice()\n      const [moved] = next.splice(from, 1)\n      next.splice(to, 0, moved)\n      onChange(next)\n    },\n    [rows, onChange],\n  )\n  const handlePatch = React.useCallback(\n    (index: number, patch: Partial<OmMatrixRowInput>) => {\n      const next = rows.slice()\n      next[index] = { ...next[index], ...patch }\n      onChange(next)\n    },\n    [rows, onChange],\n  )\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('forms.studio.field.matrix.rows.heading')}\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleAdd}>\n          {t('forms.studio.field.matrix.rows.add')}\n        </Button>\n      </div>\n      <ul className=\"space-y-2\">\n        {rows.map((row, index) => (\n          <li\n            key={row.key}\n            className=\"space-y-2 rounded-md border border-border bg-background p-2\"\n          >\n            <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${inputIdPrefix}-${index}-key`} className=\"block text-xs text-muted-foreground\">\n                  {t('forms.studio.field.matrix.rows.key')}\n                </Label>\n                <Input\n                  id={`${inputIdPrefix}-${index}-key`}\n                  aria-label={`${t('forms.studio.field.matrix.rows.key')} ${index + 1}`}\n                  value={row.key}\n                  onChange={(event) =>\n                    handlePatch(index, { key: event.target.value })\n                  }\n                />\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${inputIdPrefix}-${index}-label`} className=\"block text-xs text-muted-foreground\">\n                  {t('forms.studio.field.matrix.rows.label')}\n                </Label>\n                <Input\n                  id={`${inputIdPrefix}-${index}-label`}\n                  aria-label={`${t('forms.studio.field.matrix.rows.label')} ${index + 1}`}\n                  value={resolveLabel(row, locale)}\n                  onChange={(event) =>\n                    handlePatch(index, setLabel(row, locale, event.target.value))\n                  }\n                />\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <SwitchField\n                label={t('forms.studio.field.matrix.rows.multiple')}\n                  checked={row.multiple === true}\n                  onCheckedChange={(next) =>\n                    handlePatch(index, { multiple: Boolean(next) || undefined })\n                  }\n              />\n              <SwitchField\n                label={t('forms.studio.field.matrix.rows.required')}\n                  checked={row.required === true}\n                  onCheckedChange={(next) =>\n                    handlePatch(index, { required: Boolean(next) || undefined })\n                  }\n              />\n              <div className=\"ml-auto flex items-center gap-1\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  aria-label={t('forms.studio.field.matrix.rows.moveUp')}\n                  onClick={() => handleMove(index, index - 1)}\n                  disabled={index === 0}\n                >\n                  <ChevronUp className=\"size-3.5\" aria-hidden=\"true\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  aria-label={t('forms.studio.field.matrix.rows.moveDown')}\n                  onClick={() => handleMove(index, index + 1)}\n                  disabled={index >= rows.length - 1}\n                >\n                  <ChevronDown className=\"size-3.5\" aria-hidden=\"true\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"destructive-outline\"\n                  size=\"sm\"\n                  aria-label={t('forms.studio.field.matrix.rows.delete')}\n                  onClick={() => handleRemove(index)}\n                >\n                  <Trash2 className=\"size-3.5\" aria-hidden=\"true\" />\n                </Button>\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}