@axinom/mosaic-ui 0.50.0-rc.5 → 0.50.0-rc.6
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/List/ListRow/ListRow.d.ts.map +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/List/ListRow/ListRow.spec.tsx +1 -3
- package/src/components/List/ListRow/ListRow.tsx +29 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axinom/mosaic-ui",
|
|
3
|
-
"version": "0.50.0-rc.
|
|
3
|
+
"version": "0.50.0-rc.6",
|
|
4
4
|
"description": "UI components for building Axinom Mosaic applications",
|
|
5
5
|
"author": "Axinom",
|
|
6
6
|
"license": "PROPRIETARY",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"build-storybook": "storybook build"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@axinom/mosaic-core": "^0.4.23-rc.
|
|
35
|
+
"@axinom/mosaic-core": "^0.4.23-rc.6",
|
|
36
36
|
"@faker-js/faker": "^7.4.0",
|
|
37
37
|
"@popperjs/core": "^2.11.8",
|
|
38
38
|
"clsx": "^1.1.0",
|
|
@@ -105,5 +105,5 @@
|
|
|
105
105
|
"publishConfig": {
|
|
106
106
|
"access": "public"
|
|
107
107
|
},
|
|
108
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "b2909974342c3842f2ed167e987a6f8ab6570a4b"
|
|
109
109
|
}
|
|
@@ -588,9 +588,7 @@ describe('ListRow', () => {
|
|
|
588
588
|
/>,
|
|
589
589
|
);
|
|
590
590
|
|
|
591
|
-
const wrapperDivs = wrapper.
|
|
592
|
-
node.prop('data-test-id')?.startsWith('list-entry-property'),
|
|
593
|
-
);
|
|
591
|
+
const wrapperDivs = wrapper.find('.cell');
|
|
594
592
|
|
|
595
593
|
wrapperDivs.forEach((node) => {
|
|
596
594
|
const style = node.prop('style');
|
|
@@ -107,13 +107,26 @@ const renderData = <T extends Data>(
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
if (value === null || value === undefined) {
|
|
110
|
-
return {
|
|
110
|
+
return {
|
|
111
|
+
columnData: (
|
|
112
|
+
<span
|
|
113
|
+
data-test-id={`list-entry-property:${column.propertyName as string}`}
|
|
114
|
+
/>
|
|
115
|
+
),
|
|
116
|
+
tooltip: undefined,
|
|
117
|
+
};
|
|
111
118
|
}
|
|
112
119
|
|
|
113
120
|
if (typeof value === 'number') {
|
|
114
121
|
const columnData = numberFormatter.format(value);
|
|
115
122
|
return {
|
|
116
|
-
columnData:
|
|
123
|
+
columnData: (
|
|
124
|
+
<span
|
|
125
|
+
data-test-id={`list-entry-property:${column.propertyName as string}`}
|
|
126
|
+
>
|
|
127
|
+
{columnData}
|
|
128
|
+
</span>
|
|
129
|
+
),
|
|
117
130
|
tooltip: getTooltip(columnData),
|
|
118
131
|
};
|
|
119
132
|
}
|
|
@@ -121,13 +134,25 @@ const renderData = <T extends Data>(
|
|
|
121
134
|
if (value instanceof Date) {
|
|
122
135
|
const columnData = dateFormatter.format(value);
|
|
123
136
|
return {
|
|
124
|
-
columnData:
|
|
137
|
+
columnData: (
|
|
138
|
+
<span
|
|
139
|
+
data-test-id={`list-entry-property:${column.propertyName as string}`}
|
|
140
|
+
>
|
|
141
|
+
{columnData}
|
|
142
|
+
</span>
|
|
143
|
+
),
|
|
125
144
|
tooltip: getTooltip(columnData),
|
|
126
145
|
};
|
|
127
146
|
}
|
|
128
147
|
|
|
129
148
|
return {
|
|
130
|
-
columnData:
|
|
149
|
+
columnData: (
|
|
150
|
+
<span
|
|
151
|
+
data-test-id={`list-entry-property:${column.propertyName as string}`}
|
|
152
|
+
>
|
|
153
|
+
{String(value)}
|
|
154
|
+
</span>
|
|
155
|
+
),
|
|
131
156
|
tooltip: getTooltip(String(value)),
|
|
132
157
|
};
|
|
133
158
|
};
|
|
@@ -234,7 +259,6 @@ export const ListRow = <T extends Data>({
|
|
|
234
259
|
<div
|
|
235
260
|
className={clsx(classes.cell, { [classes.nowrap]: !textWrap })}
|
|
236
261
|
title={tooltip}
|
|
237
|
-
data-test-id={`list-entry-property:${column.propertyName as string}`}
|
|
238
262
|
style={{
|
|
239
263
|
justifySelf: column.horizontalColumnAlign, // Horizontal alignment based on column config
|
|
240
264
|
alignSelf: verticalTextAlign, // Vertical alignment based on props
|