modules/customer-invoices/src/web/proformas/list/ui/blocks/proformas-grid/use-proforma-grid-columns.tsx

@@ -94,7 +94,13 @@ export function useProformasGridColumns(
         ),
         cell: ({ row }) => DateHelper.format(row.original.invoiceDate),
       },
-
+      {
+        id: "series",
+        accessorKey: "series",
+        header: "Serie",
+        enableHiding: true,
+        enableSorting: false,
+      },
       {
         id: "invoiceNumber",
         accessorKey: "invoiceNumber",
@@ -179,13 +185,7 @@ export function useProformasGridColumns(
           cellClassName: "max-w-128",
         },
       },
-      {
+
-        id: "series",
-        accessorKey: "series",
-        header: "Serie",
-        enableHiding: true,
-        enableSorting: false,
-      },
       {
         id: "reference",
         accessorKey: "reference",

modules/customer-invoices/src/web/proformas/update/adapters/map-proforma-to-proforma-update-form.adapter.ts

@@ -21,8 +21,6 @@ export const mapProformaToProformaUpdateForm = (proforma: Proforma): ProformaUpd
   const fiscalDefaults = resolveFiscalDefaults(proforma, proformaDefaults);
 
   return {
-    invoiceNumber: proforma.invoiceNumber,
-
     series: proforma.series ?? proformaDefaults.series,
 
     invoiceDate: proforma.invoiceDate ?? proformaDefaults.invoiceDate,

modules/customer-invoices/src/web/proformas/update/entities/proforma-update-form.entity.ts

@@ -18,8 +18,6 @@ import type { ProformaItemUpdateForm } from "./proforma-item-update-form.entity"
 export type ProformaTaxMode = "single" | "perLine";
 
 export interface ProformaUpdateForm {
-  invoiceNumber: string;
-
   series: string;
 
   invoiceDate: string;

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx

@@ -38,7 +38,7 @@ export const ProformaUpdateHeaderEditor = ({
       <FormSectionGrid>
         <TextField
           className="md:col-span-2"
-          disabled={true}
+          disabled={disabled}
           label={t("form_fields.proformas.invoice_number.label")}
           maxLength={16}
           name="invoiceNumber"

packages/rdx-ui/src/components/form/text-field.tsx

@@ -16,6 +16,14 @@ import type { NativeInputProps } from "./types.ts";
 
 export type ProformaFieldSpan = "xs" | "sm" | "md" | "lg" | "full";
 
+const fieldSpanClasses: Record<ProformaFieldSpan, string> = {
+  xs: "md:col-span-2",
+  sm: "md:col-span-3",
+  md: "md:col-span-4",
+  lg: "md:col-span-6",
+  full: "md:col-span-12",
+};
+
 type TextFieldProps<TFormValues extends FieldValues> = Omit<NativeInputProps, "name"> & {
   name: FieldPath<TFormValues>;