@yuno-payments/dashboard-design-system 2.8.6 → 2.8.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.d.ts +32 -0
- package/dist/components/molecules/data-table-cells/data-table-cell-wrapper.js +7 -0
- package/dist/components/molecules/data-table-cells/data-table-icon-text-cell.d.ts +4 -1
- package/dist/components/molecules/data-table-cells/data-table-icon-text-cell.js +27 -26
- package/dist/components/molecules/data-table-cells/index.d.ts +1 -0
- package/dist/index.esm.min.js +729 -726
- package/dist/index.js +189 -187
- package/dist/index.umd.min.js +12 -12
- package/package.json +1 -1
- package/registry/components-registry.json +48 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.8.
|
|
3
|
-
"generatedAt": "2026-05-
|
|
2
|
+
"version": "2.8.9",
|
|
3
|
+
"generatedAt": "2026-05-11T14:19:20.438Z",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "AccessDeniedAlert",
|
|
@@ -1986,7 +1986,7 @@
|
|
|
1986
1986
|
"name": "items",
|
|
1987
1987
|
"type": "DataTableIconTextCellItem[]",
|
|
1988
1988
|
"required": true,
|
|
1989
|
-
"description": "Array of items with name and optional icon URL"
|
|
1989
|
+
"description": "Array of items with name and optional icon (src URL or Phosphor iconName)"
|
|
1990
1990
|
},
|
|
1991
1991
|
{
|
|
1992
1992
|
"name": "maxVisible",
|
|
@@ -2012,11 +2012,11 @@
|
|
|
2012
2012
|
"examples": [
|
|
2013
2013
|
{
|
|
2014
2014
|
"name": "Default",
|
|
2015
|
-
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"
|
|
2015
|
+
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"}]} />"
|
|
2016
2016
|
},
|
|
2017
2017
|
{
|
|
2018
2018
|
"name": "DuplicateItems",
|
|
2019
|
-
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"
|
|
2019
|
+
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\"}]} />"
|
|
2020
2020
|
},
|
|
2021
2021
|
{
|
|
2022
2022
|
"name": "Empty",
|
|
@@ -2024,11 +2024,11 @@
|
|
|
2024
2024
|
},
|
|
2025
2025
|
{
|
|
2026
2026
|
"name": "ManyItems",
|
|
2027
|
-
"code": "<DataTableCells items={[{\"name\":\"Visa\",\"
|
|
2027
|
+
"code": "<DataTableCells items={[{\"name\":\"Visa\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Mastercard\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Amex\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayPal\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Apple Pay\",\"src\":\"https://via.placeholder.com/16\"}]} maxVisible={2} />"
|
|
2028
2028
|
},
|
|
2029
2029
|
{
|
|
2030
2030
|
"name": "MultipleItems",
|
|
2031
|
-
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"
|
|
2031
|
+
"code": "<DataTableCells items={[{\"name\":\"Stripe\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"PayU\",\"src\":\"https://via.placeholder.com/16\"},{\"name\":\"Adyen\",\"src\":\"https://via.placeholder.com/16\"}]} />"
|
|
2032
2032
|
}
|
|
2033
2033
|
]
|
|
2034
2034
|
},
|
|
@@ -2256,6 +2256,47 @@
|
|
|
2256
2256
|
"props": [],
|
|
2257
2257
|
"examples": []
|
|
2258
2258
|
},
|
|
2259
|
+
{
|
|
2260
|
+
"name": "DataTableCells",
|
|
2261
|
+
"category": "molecules",
|
|
2262
|
+
"importPath": "@yuno-payments/dashboard-design-system",
|
|
2263
|
+
"description": "Wraps a custom table cell to enforce the standard empty-state (`\"-\"`) across the design system. Use this for cells that render custom JSX (badges, custom layouts, switches, etc.) that don't fit one of the specialized `DataTable*Cell` components.",
|
|
2264
|
+
"whenToUse": [
|
|
2265
|
+
"Custom cell layouts that don't map to an existing DataTable cell",
|
|
2266
|
+
"Status badges with domain-specific variant mapping",
|
|
2267
|
+
"Any cell where you want consistent `-` rendering for empty values"
|
|
2268
|
+
],
|
|
2269
|
+
"whenNotToUse": [],
|
|
2270
|
+
"props": [
|
|
2271
|
+
{
|
|
2272
|
+
"name": "value",
|
|
2273
|
+
"type": "unknown",
|
|
2274
|
+
"required": true,
|
|
2275
|
+
"description": "The value to check for emptiness (null, undefined, '' or [] render emptyState)"
|
|
2276
|
+
},
|
|
2277
|
+
{
|
|
2278
|
+
"name": "emptyState",
|
|
2279
|
+
"type": "ReactNode",
|
|
2280
|
+
"default": "\"-\"",
|
|
2281
|
+
"required": false,
|
|
2282
|
+
"description": "Content to render when value is empty"
|
|
2283
|
+
}
|
|
2284
|
+
],
|
|
2285
|
+
"examples": [
|
|
2286
|
+
{
|
|
2287
|
+
"name": "CustomEmptyState",
|
|
2288
|
+
"code": "<DataTableCells emptyState=\"N/A\" />"
|
|
2289
|
+
},
|
|
2290
|
+
{
|
|
2291
|
+
"name": "Default",
|
|
2292
|
+
"code": "<DataTableCells value=\"APPROVED\" />"
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"name": "Empty",
|
|
2296
|
+
"code": "<DataTableCells />"
|
|
2297
|
+
}
|
|
2298
|
+
]
|
|
2299
|
+
},
|
|
2259
2300
|
{
|
|
2260
2301
|
"name": "DataTableCells",
|
|
2261
2302
|
"category": "molecules",
|