@ramme-io/ui 4.2.2 → 4.2.4

package/dist/wizardManifest.js

@@ -912,21 +912,49 @@ const e = {
     {
       id: "data-table",
       name: "DataTable",
-      version: "1.0.0",
-      description: 'A "Smart" data grid that renders data based on a simple JSON schema.',
+      version: "1.0.1",
+      description: 'A "Smart" data grid that renders data based on a simple JSON schema. Below 768px it renders the same rows as cards instead, derived from the column definitions — no second layout to write. Set mobileCards={false} to keep the grid at every width.',
       tags: [
         "data-display",
         "grid",
         "table",
-        "smart-component"
+        "smart-component",
+        "responsive",
+        "mobile"
       ],
       category: "data-display",
-      props: [],
+      props: [
+        {
+          name: "schema",
+          type: "Array<ColumnSchema>",
+          description: "Columns as a JSON schema; an alternative to passing columnDefs."
+        },
+        {
+          name: "actions",
+          type: "Array<TableAction>",
+          description: "Per-row icon buttons, pinned right in the grid and shown in the card footer."
+        },
+        {
+          name: "mobileCards",
+          type: "boolean",
+          description: "Render rows as cards below 768px. Default true."
+        },
+        {
+          name: "emptyState",
+          type: "ReactNode",
+          description: "Shown instead of the grid or the cards when there are no rows."
+        },
+        {
+          name: "loading",
+          type: "boolean",
+          description: "Shows a loading overlay in the grid, skeleton cards on a phone."
+        }
+      ],
       importPath: "./components/data-display/DataTable",
       filePath: "src/components/data-display/DataTable.tsx",
       sku: "@molecule/data/data-table",
       humanLabel: "DataTable",
-      humanDescription: 'A "Smart" data grid that renders data based on a simple JSON schema.'
+      humanDescription: 'A "Smart" data grid that renders data based on a simple JSON schema. Below 768px it renders the same rows as cards instead, derived from the column definitions — no second layout to write. Set mobileCards={false} to keep the grid at every width.'
     },
     {
       id: "kpi-grid",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramme-io/ui",
-  "version": "4.2.2",
+  "version": "4.2.4",
   "description": "The structural component library for the Ramme Framework.",
   "license": "MIT",
   "private": false,
@@ -54,7 +54,7 @@
     "tailwind-merge": "^3.3.1",
     "tippy.js": "^6.3.7",
     "zod": "^3.23.8",
-    "@ramme-io/shared": "3.3.0"
+    "@ramme-io/shared": "3.4.0"
   },
   "devDependencies": {
     "@storybook/addon-links": "^10.5.9",

package/src/wizardManifest.ts

@@ -916,21 +916,49 @@ export const wizardManifest: WizardManifest = {
     {
       "id": "data-table",
       "name": "DataTable",
-      "version": "1.0.0",
-      "description": "A \"Smart\" data grid that renders data based on a simple JSON schema.",
+      "version": "1.0.1",
+      "description": "A \"Smart\" data grid that renders data based on a simple JSON schema. Below 768px it renders the same rows as cards instead, derived from the column definitions — no second layout to write. Set mobileCards={false} to keep the grid at every width.",
       "tags": [
         "data-display",
         "grid",
         "table",
-        "smart-component"
+        "smart-component",
+        "responsive",
+        "mobile"
       ],
       "category": "data-display",
-      "props": [],
+      "props": [
+        {
+          "name": "schema",
+          "type": "Array<ColumnSchema>",
+          "description": "Columns as a JSON schema; an alternative to passing columnDefs."
+        },
+        {
+          "name": "actions",
+          "type": "Array<TableAction>",
+          "description": "Per-row icon buttons, pinned right in the grid and shown in the card footer."
+        },
+        {
+          "name": "mobileCards",
+          "type": "boolean",
+          "description": "Render rows as cards below 768px. Default true."
+        },
+        {
+          "name": "emptyState",
+          "type": "ReactNode",
+          "description": "Shown instead of the grid or the cards when there are no rows."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "description": "Shows a loading overlay in the grid, skeleton cards on a phone."
+        }
+      ],
       "importPath": "./components/data-display/DataTable",
       "filePath": "src/components/data-display/DataTable.tsx",
       "sku": "@molecule/data/data-table",
       "humanLabel": "DataTable",
-      "humanDescription": "A \"Smart\" data grid that renders data based on a simple JSON schema."
+      "humanDescription": "A \"Smart\" data grid that renders data based on a simple JSON schema. Below 768px it renders the same rows as cards instead, derived from the column definitions — no second layout to write. Set mobileCards={false} to keep the grid at every width."
     },
     {
       "id": "kpi-grid",

package/dist/formFieldFloor.test.d.ts

@@ -1 +0,0 @@
-export {};