feat: ✨ Aggiornati extenders RecordsPage

- 🚚 Spostati in un file dedicato
- ✨ Introdotto deepmerge
- 💥 `updateFields` ora è `updateFieldsSections`: così si possono aggiornare le sezioni invece dei campi (sezioni > campi)
- ✨ Nuova funzione `deleteSections`

resources/js/Components/extend/recordsPage.ts

@@ -0,0 +1,89 @@
+import {deepmerge} from 'deepmerge-ts';
+
+import {
+  ColumnT,
+  RecordsPage,
+  SectionsT
+} from '../Pages';
+import {extend} from './extend';
+
+/**
+ * Adds or updates the columns of a RecordsPage
+ *
+ * @param page The page of the columns to add or update
+ * @param columns An object containing the columns to add or update ({id: 'Heading' | {…}})
+ */
+export function updateColumns(
+  page: RecordsPage & {prototype: RecordsPage},
+  columns: Record<string, string | ColumnT>
+) {
+  extend(page.prototype, 'oninit', function (this: RecordsPage) {
+    this.columns = deepmerge(this.columns, columns);
+  });
+}
+
+/**
+ * Deletes the columns of a RecordsPage
+ *
+ * @param page The page of the columns to delete
+ * @param ids The IDs of the columns to delete
+ */
+export function deleteColumns(page: RecordsPage & {prototype: RecordsPage}, ids: string[]) {
+  extend(page.prototype, 'oninit', function (this: RecordsPage) {
+    for (const id of ids) {
+      delete this.columns[id];
+    }
+  });
+}
+
+/**
+ * Adds or updates the fields of a RecordsPage record dialog
+ *
+ * @param page The page of the fields to add or update
+ * @param sections The new section
+ */
+export function updateFieldsSection(
+  page: RecordsPage & {prototype: RecordsPage},
+  sections: SectionsT
+) {
+  extend(page.prototype, 'oninit', function (this: RecordsPage) {
+    this.sections = deepmerge(this.sections, sections);
+  });
+}
+
+/**
+ * Deletes the sections of a RecordsPage record dialog
+ *
+ * @param page The page of the sections to delete
+ * @param sections The IDs of the dialog sections to delete.
+ */
+export function deleteSections(
+  page: RecordsPage & {prototype: RecordsPage},
+  sections: string[]
+) {
+  extend(page.prototype, 'oninit', function (this: RecordsPage) {
+    for (const id of sections) {
+      delete this.sections[id];
+    }
+  });
+}
+
+
+/**
+ * Delets the fields of a RecordsPage record dialog
+ *
+ * @param page The page of the fields to delete
+ * @param section The dialog section to delete
+ * @param fields The IDs of the fields to delete
+ */
+export function deleteFields(
+  page: RecordsPage & {prototype: RecordsPage},
+  section: string,
+  fields: string[]
+) {
+  extend(page.prototype, 'oninit', function (this: RecordsPage) {
+    for (const id of fields) {
+      delete this.sections[section].fields[id];
+    }
+  });
+}