@stoker-platform/web-app 0.5.181 → 0.5.183

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.json +1 -1
  3. package/src/List.tsx +4 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @stoker-platform/web-app
2
2
 
3
+ ## 0.5.183
4
+
5
+ ### Patch Changes
6
+
7
+ - fix: improve compact list metric transitions
8
+
9
+ ## 0.5.182
10
+
11
+ ### Patch Changes
12
+
13
+ - fix: improve list metric responsiveness
14
+
3
15
  ## 0.5.181
4
16
 
5
17
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoker-platform/web-app",
3
- "version": "0.5.181",
3
+ "version": "0.5.183",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "scripts": {
package/src/List.tsx CHANGED
@@ -1513,13 +1513,15 @@ export function List({
1513
1513
  ) {
1514
1514
  const metricTitle = metric.title || `Total ${collectionTitle}`
1515
1515
  if (metric.compact) {
1516
+ // eslint-disable-next-line security/detect-object-injection
1517
+ if (!metricsValues[index]) return null
1516
1518
  return (
1517
1519
  <div
1518
1520
  key={`metric-${index}`}
1519
1521
  className={"grid gap-3 place-content-center"}
1520
1522
  >
1521
- <Card className="p-4 flex flex-col min-w-[175px] place-content-center items-center bg-blue-500 dark:bg-blue-500/50 text-primary-foreground dark:text-primary">
1522
- <div className="font-semibold line-clamp-1 text-center">
1523
+ <Card className="p-4 flex flex-col min-w-fit place-content-center items-center bg-blue-500 dark:bg-blue-500/50 text-primary-foreground dark:text-primary">
1524
+ <div className="font-semibold text-center">
1523
1525
  {/* eslint-disable-next-line security/detect-object-injection */}
1524
1526
  {metricTitle}: {metricsValues[index] as string}
1525
1527
  </div>