Merge pull request #265 from icflorescu/next

Fix #253 & more
icflorescu · Apr 20, 2023 · f2144b3 · f2144b3
2 parents 262cae0 + a387d89
commit f2144b3
Show file tree

Hide file tree

Showing 34 changed files with 4,175 additions and 3,403 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.4.6 (2023-04-20)
+
+- Make `rowExpansion.expanded.onRecordIdsChange` optional
+- Implement `noHeader` property to hide the table header (issue #253)
+- Add nested tables examples
+
 ## 2.4.5 (2023-04-19)
 
 - Improve sort icons accessibility (issue #263)

diff --git a/docs/components/CodeBlockTabs.tsx b/docs/components/CodeBlockTabs.tsx
@@ -3,6 +3,11 @@ import { Prism, PrismProps } from '@mantine/prism';
 import { IconBraces, IconTerminal2 } from '@tabler/icons-react';
 
 const useStyles = createStyles((theme) => ({
+  tabList: {
+    flexWrap: 'nowrap',
+    overflowX: 'auto',
+    overflowY: 'hidden',
+  },
   tab: {
     color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[6],
     fontWeight: 500,
@@ -24,7 +29,7 @@ export default function CodeBlockTabs({ items }: CodeBlockTabsProps) {
   const { classes } = useStyles();
   return (
     <Prism.Tabs my="xl" defaultValue={items[0].title}>
-      <Prism.TabsList>
+      <Prism.TabsList className={classes.tabList}>
         {items.map(({ title, language }) => {
           const Icon = language === 'bash' ? IconTerminal2 : IconBraces;
           return (

diff --git a/docs/config.ts b/docs/config.ts
@@ -130,6 +130,21 @@ export const PAGES: ({ external?: true; title: string; color?: MantineColor; des
         title: 'Expanding rows',
         description: 'Example: expanding and collapsing rows on Mantine DataTable',
       },
+      {
+        path: 'nested-tables',
+        title: 'Nested tables',
+        description: 'Example: how to implement nested tables with Mantine DataTable',
+      },
+      {
+        path: 'nested-tables-with-async-data-loading',
+        title: 'Nested tables with async data loading',
+        description: 'Example: how to implement nested Mantine DataTables with async data loading',
+      },
+      {
+        path: 'nested-tables-with-async-data-loading-and-sorting',
+        title: 'Nested tables with async data loading and sorting',
+        description: 'Example: how to implement nested Mantine DataTables with async data loading and sorting',
+      },
       {
         path: 'row-actions-cell',
         title: 'Row actions cell',

diff --git a/docs/data/companies.json b/docs/data/companies.json
@@ -1,82 +1,82 @@
 [
   {
-    "id": "ab1e3aa6-3116-4e0d-a33d-9262aac86747",
-    "name": "Pfeffer and Sons",
-    "streetAddress": "91877 Greenholt Cove",
-    "city": "Tyler",
-    "state": "MA",
-    "missionStatement": "strategize intuitive infrastructures"
+    "id": "9d7b6df5-aa1e-4203-bfa8-7d9464e331cb",
+    "name": "Sipes Inc",
+    "streetAddress": "280 Rigoberto Divide",
+    "city": "Twin Falls",
+    "state": "MT",
+    "missionStatement": "Strategize magnetic vortals."
   },
   {
-    "id": "6c2c52f1-e197-4892-ae8e-5b5e42c226cb",
-    "name": "Hettinger, Willms and Connelly",
-    "streetAddress": "353 Cremin Via",
-    "city": "Deltona",
-    "state": "NJ",
-    "missionStatement": "mesh sexy synergies"
+    "id": "3c147f0b-c63f-4830-8ced-f378aad9efc6",
+    "name": "Runolfsdottir - Cummerata",
+    "streetAddress": "102 Konopelski Greens",
+    "city": "Missouri City",
+    "state": "KY",
+    "missionStatement": "Leverage one-to-one methodologies."
   },
   {
-    "id": "9a2e51e0-5bbe-49af-a748-546509792e28",
-    "name": "Champlin - Spencer",
-    "streetAddress": "5587 Jerde Hollow",
-    "city": "Deerfield Beach",
-    "state": "IN",
-    "missionStatement": "incentivize end-to-end e-markets"
+    "id": "331992e8-7144-49c4-a8fd-fae9a6921b13",
+    "name": "Johnston LLC",
+    "streetAddress": "230 Julie Lake",
+    "city": "Hartford",
+    "state": "KY",
+    "missionStatement": "Transition wireless initiatives."
   },
   {
-    "id": "41e6105b-1115-4414-aaa6-ace1944ab3f2",
-    "name": "Zulauf, McLaughlin and Jaskolski",
-    "streetAddress": "673 Malinda Villages",
-    "city": "Georgetown",
-    "state": "SD",
-    "missionStatement": "revolutionize holistic action-items"
+    "id": "eb089974-a0ed-4ec2-84a3-4d7bd3935b63",
+    "name": "Crist and Sons",
+    "streetAddress": "3387 Blick Turnpike",
+    "city": "Attleboro",
+    "state": "WV",
+    "missionStatement": "Revolutionize out-of-the-box infomediaries."
   },
   {
-    "id": "dcc6476c-2b6c-4acd-955f-32a0337b5832",
-    "name": "Shanahan - Turcotte",
-    "streetAddress": "29879 Braun Harbors",
-    "city": "McLean",
-    "state": "MT",
-    "missionStatement": "reinvent visionary markets"
+    "id": "fc257801-7b32-41ca-a31b-57ae6739415b",
+    "name": "Schmidt and Sons",
+    "streetAddress": "286 Leif Lock",
+    "city": "Collierville",
+    "state": "AL",
+    "missionStatement": "Optimize bricks-and-clicks eyeballs."
   },
   {
-    "id": "ccdbb85d-2175-4865-a69c-a76557216364",
-    "name": "Gutkowski Inc",
-    "streetAddress": "964 Immanuel Views",
-    "city": "Flagstaff",
-    "state": "AL",
-    "missionStatement": "mesh e-business schemas"
+    "id": "c942ac73-2c51-4bf1-b4a7-04419acf58c0",
+    "name": "Nicolas Group",
+    "streetAddress": "09622 Marcel Place",
+    "city": "Highland",
+    "state": "OR",
+    "missionStatement": "Transition vertical interfaces."
   },
   {
-    "id": "19df3e35-1577-48a7-9e2f-f79c4f6c36ef",
-    "name": "Stark Inc",
-    "streetAddress": "42353 Kovacek Terrace",
-    "city": "Jupiter",
-    "state": "MI",
-    "missionStatement": "facilitate enterprise infomediaries"
+    "id": "ad36f2d0-b186-4f1e-9a04-57e59715dc8f",
+    "name": "Kub and Sons",
+    "streetAddress": "8699 Upton Fords",
+    "city": "East Providence",
+    "state": "IN",
+    "missionStatement": "Drive proactive models."
   },
   {
-    "id": "5e50f063-6620-491c-904c-fe8e40488802",
-    "name": "Schmidt and Sons",
-    "streetAddress": "8478 Kulas Park",
-    "city": "Peoria",
-    "state": "MO",
-    "missionStatement": "revolutionize e-business platforms"
+    "id": "e4a64ab6-4a9f-4f53-8f9e-dbf761fe9a69",
+    "name": "Jakubowski - Rolfson",
+    "streetAddress": "191 O'Connell Greens",
+    "city": "San Rafael",
+    "state": "MA",
+    "missionStatement": "Streamline cutting-edge architectures."
   },
   {
-    "id": "a46de859-251b-42f6-a6c4-1642beba6b56",
-    "name": "Mohr - Raynor",
-    "streetAddress": "19858 Arianna Views",
-    "city": "Battle Creek",
-    "state": "VT",
-    "missionStatement": "synergize global blockchains"
+    "id": "996fdd92-a399-4bef-9188-b0458ecee682",
+    "name": "Welch - Tremblay",
+    "streetAddress": "31622 Isobel Fall",
+    "city": "Olathe",
+    "state": "AR",
+    "missionStatement": "Deploy wireless solutions."
   },
   {
-    "id": "06f55c10-2481-4b5d-9a70-d8845f5e1381",
-    "name": "Tromp, Runolfsson and Bahringer",
-    "streetAddress": "83031 Kling Drive",
-    "city": "Frisco",
-    "state": "OK",
-    "missionStatement": "incubate bricks-and-clicks communities"
+    "id": "d0d0f9b1-7bb9-4b1e-967d-3ea81de7dd59",
+    "name": "Mueller, Hodkiewicz and Beahan",
+    "streetAddress": "21751 Elisa Village",
+    "city": "Grand Prairie",
+    "state": "WA",
+    "missionStatement": "Facilitate bleeding-edge web-readiness."
   }
 ]