@raketa-cloud/admin 1.10.4 → 1.10.5

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@raketa-cloud/admin",
3
- "version": "1.10.4",
3
+ "version": "1.10.5",
4
4
  "main": "src/index.js",
5
5
  "files": [
6
6
  "src/",
@@ -23,13 +23,14 @@
23
23
  "@babel/preset-env": "7.29.0",
24
24
  "@babel/preset-typescript": "7.28.5",
25
25
  "@repo/typescript-config": "*",
26
- "@tailwindcss/forms": "0.5.7",
27
- "@tailwindcss/typography": "0.5.13",
26
+ "@tailwindcss/cli": "4.3.3",
27
+ "@tailwindcss/forms": "0.5.11",
28
+ "@tailwindcss/typography": "0.5.20",
28
29
  "@types/node": "24.10.1",
29
- "babel-jest": "29.7.0",
30
- "jest": "29.7.0",
31
- "jest-environment-node": "29.7.0",
32
- "tailwindcss": "3.4.4",
30
+ "babel-jest": "30.5.2",
31
+ "jest": "30.5.2",
32
+ "jest-environment-node": "30.5.2",
33
+ "tailwindcss": "4.3.3",
33
34
  "typescript": "5.9.3"
34
35
  },
35
36
  "dependencies": {
@@ -1,6 +1,28 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
1
+ @import "tailwindcss";
2
+ @plugin "@tailwindcss/forms";
3
+ @plugin "@tailwindcss/typography";
4
+ @source "../**/*.{html,js,ejs}";
5
+ @source "../../../apps/**/*.{html,js,ejs}";
6
+
7
+ @theme {
8
+ --color-raketa-background: rgb(var(--background));
9
+ --color-raketa-foreground: rgb(var(--foreground));
10
+ --color-raketa-primary: rgb(var(--primary));
11
+ --color-raketa-primary-light: rgb(var(--primary-light));
12
+ --color-raketa-primary-dark: rgb(var(--primary-dark));
13
+ --color-mono-purple-25: #f0f0f8;
14
+ --color-mono-purple-100: #9d9dd2;
15
+ --color-mono-purple-300: #6e6eb2;
16
+ --color-mono-25: #eaeaea;
17
+ --color-mono-50: #d0d1d2;
18
+ --color-mono-100: #f6f6f6;
19
+ --color-mono-200: #b7b7b7;
20
+ --color-mono-300: #737373;
21
+ --color-mono-800: #33333c;
22
+ --color-mono-850: #232324;
23
+ --color-mono-900: #1a1a1a;
24
+ --color-mono-950: #1c1c1e;
25
+ }
4
26
 
5
27
  :root {
6
28
  --background: 255, 255, 255;
@@ -40,7 +62,7 @@ body {
40
62
  }
41
63
 
42
64
  .help {
43
- @apply bg-orange-50 body-2 p-4 rounded sticky top-6 dark:bg-raketa-primary/20;
65
+ @apply bg-orange-50 leading-[1.5] text-sm p-4 rounded sticky top-6 dark:bg-raketa-primary/20;
44
66
 
45
67
  .heading-3 {
46
68
  @apply text-raketa-foreground;
@@ -228,7 +250,7 @@ body {
228
250
 
229
251
  /* Tables */
230
252
  .data-grid {
231
- @apply text-sm text-left body-1 w-full text-raketa-foreground/60 rounded-t overflow-hidden;
253
+ @apply text-sm text-left leading-[1.5] text-base w-full text-raketa-foreground/60 rounded-t overflow-hidden;
232
254
 
233
255
  th,
234
256
  td {
@@ -1,6 +1,6 @@
1
1
  <% if (tasks.length > 0) { %>
2
2
  <table class="data-grid alt">
3
- <thead>
3
+ <thead class="whitespace-nowrap">
4
4
  <tr>
5
5
  <% if (showAllDetails) { %>
6
6
  <th>Resource</th>
@@ -26,7 +26,7 @@
26
26
  <td class="w-1/3">
27
27
  <% if (resources && resources.length > 0) { %>
28
28
  <% resources.forEach((resource, idx) => { %>
29
- <div class="<%= idx > 0 ? 'mt-2' : '' %>">
29
+ <div class="body-3 <%= idx > 0 ? 'mt-2' : '' %>">
30
30
 
31
31
  <a href="<%= content_tasks.buildResourceUrl(resource, _context.globalConfig) %>" target="_blank" class="btn-text">
32
32
  <div class="flex gap-1 items-center">
@@ -46,13 +46,13 @@
46
46
  </div>
47
47
  <% }) %>
48
48
  <% } else { %>
49
- <span class="text-raketa-foreground/50">—</span>
49
+ <span class="body-3 text-raketa-foreground/50">—</span>
50
50
  <% } %>
51
51
  </td>
52
52
 
53
53
  <td>
54
54
  <% if (resources[0]?.resourceType) { %>
55
- <%= Inflector.humanize(Inflector.capitalize(resources[0].resourceType)) %>
55
+ <span class="body-3"><%= Inflector.humanize(Inflector.capitalize(resources[0].resourceType)) %></span>
56
56
  <% } else { %>
57
57
  <span class="text-raketa-foreground/50">—</span>
58
58
  <% } %>
@@ -60,26 +60,40 @@
60
60
  <% } %>
61
61
 
62
62
  <td>
63
- <span class="body-2">
63
+ <span class="body-3">
64
64
  <%= content_tasks.workflowsMap(task.workflow) %>
65
65
  </span>
66
66
 
67
67
  <% if (isMarked) { %>
68
- <div class="body-3 text-raketa-foreground/50">
69
- <% content_tasks.unattachedKeys(task).forEach((key, index) => { %>
70
- <% if (index > 0) { %>, <% } %>
71
- <% const keyUrl = content_tasks.unattachedKeyUrl(task, key) %>
72
- <% if (keyUrl) { %>
73
- <a href="<%= keyUrl %>" target="_blank" class="btn-text"><%= key %></a>
74
- <% } else { %>
75
- <%= key %>
76
- <% } %>
77
- <% }) %>
78
- </div>
68
+ <details class="body-3 text-raketa-foreground/50">
69
+ <summary class="cursor-pointer whitespace-nowrap" onclick="event.preventDefault(); this.parentElement.nextElementSibling.showModal()">Unattached keys</summary>
70
+ </details>
71
+
72
+ <dialog class="w-full max-w-2xl rounded-lg bg-raketa-background p-0 text-raketa-foreground shadow-xl backdrop:bg-black/50">
73
+ <div class="flex items-center justify-between border-b p-4 dark:border-neutral-700">
74
+ <h2 class="heading-3">Unattached keys</h2>
75
+ <form method="dialog">
76
+ <button type="submit" class="btn-text" aria-label="Close">Close</button>
77
+ </form>
78
+ </div>
79
+
80
+ <ul class="max-h-[70vh] divide-y overflow-y-auto dark:divide-neutral-700">
81
+ <% content_tasks.unattachedKeys(task).forEach((key) => { %>
82
+ <% const keyUrl = content_tasks.unattachedKeyUrl(task, key) %>
83
+ <li class="p-4 break-all">
84
+ <% if (keyUrl) { %>
85
+ <a href="<%= keyUrl %>" target="_blank" title="<%= key %>" class="btn-text"><%= key %></a>
86
+ <% } else { %>
87
+ <span title="<%= key %>"><%= key %></span>
88
+ <% } %>
89
+ </li>
90
+ <% }) %>
91
+ </ul>
92
+ </dialog>
79
93
  <% } %>
80
94
  </td>
81
95
 
82
- <td>
96
+ <td class="whitespace-nowrap">
83
97
  <div class="body-3 text-raketa-foreground/50">
84
98
  <div class="flex items-center gap-1 mb-0.5">
85
99
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
@@ -100,7 +114,7 @@
100
114
  </td>
101
115
 
102
116
  <% if (showAllDetails) { %>
103
- <td>
117
+ <td class="whitespace-nowrap">
104
118
  <div class="body-3 text-raketa-foreground/50">
105
119
  <% const dueDate = task.lokaliseWorkflow?.settings?.due_date %>
106
120
 
@@ -117,7 +131,7 @@
117
131
  </div>
118
132
  </td>
119
133
 
120
- <td>
134
+ <td class="whitespace-nowrap">
121
135
  <% if (task.completedAt || task.failedAt) { %>
122
136
  <div class="body-3 text-raketa-foreground/50">
123
137
  <div class="flex items-center gap-1">
@@ -135,7 +149,7 @@
135
149
  </td>
136
150
  <% } %>
137
151
 
138
- <td>
152
+ <td class="whitespace-nowrap">
139
153
  <% if (task.completedAt) { %>
140
154
  <span class="bg-emerald-100 chip text-emerald-700 dark:bg-emerald-900/50 dark:text-emerald-300">
141
155
  Completed