[Demo] Update lists to allow sorting by reference

Author: fzaninotto

examples/crm/package.json

@@ -12,7 +12,7 @@
         "clsx": "^2.1.1",
         "date-fns": "^3.6.0",
         "faker": "~5.4.0",
-        "fakerest": "4.1.3",
+        "fakerest": "^4.1.3",
         "lodash": "~4.17.5",
         "papaparse": "^5.4.1",
         "ra-data-simple-rest": "^5.3.0",

examples/demo/package.json

@@ -13,7 +13,7 @@
         "data-generator-retail": "^5.0.0",
         "date-fns": "^3.6.0",
         "echarts": "^5.6.0",
-        "fakerest": "^4.1.1",
+        "fakerest": "^4.2.0",
         "graphql": "^15.6.0",
         "graphql-tag": "^2.12.6",
         "inflection": "^3.0.0",

examples/demo/src/invoices/InvoiceList.tsx

@@ -55,6 +55,7 @@ const InvoiceList = () => (
         sort={{ field: 'date', order: 'DESC' }}
         actions={<ListActions />}
         title={<InvoicesTitle />}
+        queryOptions={{ meta: { embed: 'customer' } }}
     >
         <DataTable
             rowClick="expand"
@@ -67,7 +68,11 @@ const InvoiceList = () => (
         >
             <Column source="id" />
             <Column field={DateField} source="date" />
-            <Column source="customer_id" className="onlyLarge">
+            <Column
+                source="customer.last_name"
+                label="resources.invoices.fields.customer_id"
+                className="onlyLarge"
+            >
                 <ReferenceField source="customer_id" reference="customers">
                     <FullNameField source="last_name" />
                 </ReferenceField>

examples/demo/src/orders/OrderList.tsx

@@ -66,6 +66,7 @@ const OrderList = () => (
         filters={orderFilters}
         actions={<ListActions />}
         title={<OrdersTitle />}
+        queryOptions={{ meta: { embed: 'customer' } }}
     >
         <TabbedDatagrid />
     </List>
@@ -195,7 +196,12 @@ const OrdersTable = React.memo(
                 <DateField source="date" showTime />
             </Column>
             <Column source="reference" />
-            <Column source="customer_id" field={CustomerReferenceField} />
+            <Column
+                source="customer.last_name"
+                label="resources.orders.fields.customer_id"
+            >
+                <CustomerReferenceField />
+            </Column>
             <Column label="resources.orders.fields.address">
                 <ReferenceField
                     source="customer_id"

examples/demo/src/reviews/ReviewList.tsx

@@ -71,6 +71,7 @@ const ReviewList = () => {
                 sort={{ field: 'date', order: 'DESC' }}
                 actions={<ReviewListActions />}
                 title={<ReviewsTitle />}
+                queryOptions={{ meta: { embed: ['customer', 'product'] } }}
             >
                 {isXSmall ? (
                     <ReviewListMobile />

examples/demo/src/reviews/ReviewListDesktop.tsx

@@ -60,10 +60,16 @@ const ReviewListDesktop = ({ selectedRow }: ReviewListDesktopProps) => {
             }}
         >
             <Column source="date" field={DateField} />
-            <Column source="customer_id">
+            <Column
+                source="customer.last_name"
+                label="resources.reviews.fields.customer_id"
+            >
                 <CustomerReferenceField source="customer_id" link={false} />
             </Column>
-            <Column source="product_id">
+            <Column
+                source="product.reference"
+                label="resources.reviews.fields.product_id"
+            >
                 <ProductReferenceField source="product_id" link={false} />
             </Column>
             <Column

yarn.lock

@@ -9860,7 +9860,7 @@ __metadata:
     data-generator-retail: "npm:^5.0.0"
     date-fns: "npm:^3.6.0"
     echarts: "npm:^5.6.0"
-    fakerest: "npm:^4.1.1"
+    fakerest: "npm:^4.2.0"
     graphql: "npm:^15.6.0"
     graphql-tag: "npm:^2.12.6"
     inflection: "npm:^3.0.0"
@@ -11482,12 +11482,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fakerest@npm:4.1.3, fakerest@npm:^4.0.1, fakerest@npm:^4.1.1, fakerest@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "fakerest@npm:4.1.3"
+"fakerest@npm:^4.0.1, fakerest@npm:^4.1.3, fakerest@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "fakerest@npm:4.2.0"
   dependencies:
     lodash: "npm:^4.17.21"
-  checksum: 535064d032a6bec88aa9b3e33d6f84e0622bee1f722a821abb8d6e6ca9e65102e11dd800c81be8c6a3fb97bb80875142e809b412e4a434c4fb9dd1911367b6dc
+  checksum: bb96c442d6bdc880d6477a2a4e5031a9c6fff361553a88b065c4ba7362bf24c2c194c350be763b4d2bd7c3ccc78bd26a76221990e67b4daf1f0733c1dcf47a6b
   languageName: node
   linkType: hard
 
@@ -19705,7 +19705,7 @@ __metadata:
     clsx: "npm:^2.1.1"
     date-fns: "npm:^3.6.0"
     faker: "npm:~5.4.0"
-    fakerest: "npm:4.1.3"
+    fakerest: "npm:^4.1.3"
     lodash: "npm:~4.17.5"
     papaparse: "npm:^5.4.1"
     ra-data-simple-rest: "npm:^5.3.0"