@mastra/playground-ui 30.0.1-alpha.0 → 30.0.1
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/CHANGELOG.md +47 -0
- package/dist/index.cjs.js +20 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +8 -0
- package/dist/index.es.js +20 -10
- package/dist/index.es.js.map +1 -1
- package/dist/src/ds/components/DataList/{data-list-row.d.ts → data-list-row-wrapper.d.ts} +2 -2
- package/dist/src/ds/components/DataList/data-list.d.ts +1 -1
- package/dist/src/ds/components/DataList/shared.d.ts +3 -3
- package/dist/src/ds/components/LogsDataList/logs-data-list.d.ts +1 -1
- package/package.json +7 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
export type
|
|
2
|
+
export type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'>;
|
|
3
3
|
/**
|
|
4
4
|
* Non-interactive grid wrapper. Used to host a leading or trailing cell (e.g. a
|
|
5
5
|
* selection checkbox or row actions) alongside a `DataList.RowButton` so
|
|
@@ -9,4 +9,4 @@ export type DataListRowProps = ComponentPropsWithoutRef<'div'>;
|
|
|
9
9
|
* Carries the row-level border + `.data-list-row` marker so separators and
|
|
10
10
|
* sibling-aware rules behave the same in wrapped and standalone rows.
|
|
11
11
|
*/
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const DataListRowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -21,7 +21,7 @@ export declare const DataList: typeof DataListRoot & {
|
|
|
21
21
|
} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
22
22
|
TopCellWithTooltip: typeof DataListTopCellWithTooltip;
|
|
23
23
|
TopCellSmart: typeof DataListTopCellSmart;
|
|
24
|
-
|
|
24
|
+
RowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
25
|
RowButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('./shared').DataListRowSharedProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
26
26
|
RowLink: typeof DataListRowLink;
|
|
27
27
|
RowStatic: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('./shared').DataListRowSharedProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Row-level styling shared by anything that participates in the row sibling
|
|
3
3
|
* chain — applied to `DataList.RowButton` / `DataList.RowLink` when used
|
|
4
|
-
* standalone, and to `DataList.
|
|
4
|
+
* standalone, and to `DataList.RowWrapper` when used as a wrapper around them.
|
|
5
5
|
*
|
|
6
6
|
* Contains the `.data-list-row` marker class (used by the sibling-aware border
|
|
7
7
|
* rules), the bottom/top border treatment, and rounded corners.
|
|
@@ -15,13 +15,13 @@ export declare const dataListRowStyles: readonly ["mx-1 grid grid-cols-subgrid g
|
|
|
15
15
|
export type DataListRowSharedProps = {
|
|
16
16
|
/**
|
|
17
17
|
* Drop the row's default left margin. Use when the row is wrapped in a
|
|
18
|
-
* `DataList.
|
|
18
|
+
* `DataList.RowWrapper` that owns the leading inset (e.g. for selection rows where
|
|
19
19
|
* the checkbox cell sits on the left).
|
|
20
20
|
*/
|
|
21
21
|
flushLeft?: boolean;
|
|
22
22
|
/**
|
|
23
23
|
* Drop the row's default right margin. Use when the row is wrapped in a
|
|
24
|
-
* `DataList.
|
|
24
|
+
* `DataList.RowWrapper` that owns the trailing inset (e.g. for rows with a
|
|
25
25
|
* trailing actions cell on the right).
|
|
26
26
|
*/
|
|
27
27
|
flushRight?: boolean;
|
|
@@ -16,7 +16,7 @@ export declare const LogsDataList: typeof DataListRoot & {
|
|
|
16
16
|
} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
17
17
|
TopCellWithTooltip: typeof DataListTopCellWithTooltip;
|
|
18
18
|
TopCellSmart: typeof DataListTopCellSmart;
|
|
19
|
-
|
|
19
|
+
RowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
20
|
RowButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../DataList/shared').DataListRowSharedProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
21
21
|
RowLink: typeof DataListRowLink;
|
|
22
22
|
Spacer: typeof DataListSpacer;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mastra/playground-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "30.0.1
|
|
4
|
+
"version": "30.0.1",
|
|
5
5
|
"description": "Mastra Playground components",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
7
7
|
"module": "dist/index.es.js",
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"react": ">=19.0.0",
|
|
93
93
|
"react-dom": ">=19.0.0",
|
|
94
94
|
"tailwindcss": "^4.0.0",
|
|
95
|
-
"@mastra/client-js": "^1.21.
|
|
96
|
-
"@mastra/react": "0.4.
|
|
95
|
+
"@mastra/client-js": "^1.21.1",
|
|
96
|
+
"@mastra/react": "0.4.2"
|
|
97
97
|
},
|
|
98
98
|
"devDependencies": {
|
|
99
99
|
"@storybook/addon-a11y": "^10.3.6",
|
|
@@ -129,10 +129,10 @@
|
|
|
129
129
|
"vite-plugin-dts": "^4.5.4",
|
|
130
130
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
131
131
|
"vitest": "4.1.5",
|
|
132
|
-
"@
|
|
133
|
-
"@mastra/
|
|
134
|
-
"@
|
|
135
|
-
"@mastra/
|
|
132
|
+
"@internal/lint": "0.0.99",
|
|
133
|
+
"@mastra/react": "0.4.2",
|
|
134
|
+
"@mastra/client-js": "^1.21.1",
|
|
135
|
+
"@mastra/core": "1.37.1"
|
|
136
136
|
},
|
|
137
137
|
"homepage": "https://mastra.ai",
|
|
138
138
|
"repository": {
|