@wandelbots/wandelbots-js-react-components 2.33.0-pr.feature-robot-precondition-list.372.d462bf0 → 2.33.0-pr.fix-update-kuka-dpk500-2-color-and-rotation.370.548bcee
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/CycleTimer.d.ts.map +1 -1
- package/dist/components/ProgramControl.d.ts +2 -8
- package/dist/components/ProgramControl.d.ts.map +1 -1
- package/dist/components/ProgramStateIndicator.d.ts +1 -1
- package/dist/components/ProgramStateIndicator.d.ts.map +1 -1
- package/dist/components/robots/Robot.d.ts +2 -3
- package/dist/components/robots/Robot.d.ts.map +1 -1
- package/dist/icons/index.d.ts +0 -1
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/index.cjs +49 -49
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7369 -9097
- package/dist/index.js.map +1 -1
- package/dist/themes/createDarkTheme.d.ts.map +1 -1
- package/package.json +1 -2
- package/src/components/CycleTimer.tsx +64 -43
- package/src/components/ProgramControl.tsx +12 -27
- package/src/components/ProgramStateIndicator.tsx +8 -25
- package/src/components/robots/Robot.tsx +2 -5
- package/src/i18n/locales/de/translations.json +1 -7
- package/src/i18n/locales/en/translations.json +1 -7
- package/src/icons/index.ts +0 -1
- package/src/index.ts +0 -14
- package/src/themes/createDarkTheme.ts +1 -75
- package/dist/components/AppHeader.d.ts +0 -34
- package/dist/components/AppHeader.d.ts.map +0 -1
- package/dist/components/DataGrid.d.ts +0 -66
- package/dist/components/DataGrid.d.ts.map +0 -1
- package/dist/components/LogPanel.d.ts +0 -38
- package/dist/components/LogPanel.d.ts.map +0 -1
- package/dist/components/LogStore.d.ts +0 -12
- package/dist/components/LogStore.d.ts.map +0 -1
- package/dist/components/LogViewer.d.ts +0 -46
- package/dist/components/LogViewer.d.ts.map +0 -1
- package/dist/components/RobotCard.d.ts +0 -100
- package/dist/components/RobotCard.d.ts.map +0 -1
- package/dist/components/RobotListItem.d.ts +0 -34
- package/dist/components/RobotListItem.d.ts.map +0 -1
- package/dist/components/RobotSetupReadinessIndicator.d.ts +0 -31
- package/dist/components/RobotSetupReadinessIndicator.d.ts.map +0 -1
- package/dist/components/RobotSetupReadinessIndicator.test.d.ts +0 -2
- package/dist/components/RobotSetupReadinessIndicator.test.d.ts.map +0 -1
- package/dist/components/TabBar.d.ts +0 -30
- package/dist/components/TabBar.d.ts.map +0 -1
- package/dist/components/robots/manufacturerHomePositions.d.ts +0 -21
- package/dist/components/robots/manufacturerHomePositions.d.ts.map +0 -1
- package/dist/icons/DropdownArrowIcon.d.ts +0 -3
- package/dist/icons/DropdownArrowIcon.d.ts.map +0 -1
- package/src/components/AppHeader.md +0 -84
- package/src/components/AppHeader.tsx +0 -199
- package/src/components/DataGrid.tsx +0 -659
- package/src/components/LogPanel.tsx +0 -69
- package/src/components/LogStore.ts +0 -44
- package/src/components/LogViewer.tsx +0 -370
- package/src/components/RobotCard.tsx +0 -559
- package/src/components/RobotListItem.tsx +0 -150
- package/src/components/RobotSetupReadinessIndicator.test.tsx +0 -60
- package/src/components/RobotSetupReadinessIndicator.tsx +0 -124
- package/src/components/TabBar.tsx +0 -144
- package/src/components/robots/manufacturerHomePositions.ts +0 -76
- package/src/icons/DropdownArrowIcon.tsx +0 -13
- package/src/icons/chevronDown.svg +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDarkTheme.d.ts","sourceRoot":"","sources":["../../src/themes/createDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEjE,wBAAgB,eAAe,IAAI,KAAK,
|
|
1
|
+
{"version":3,"file":"createDarkTheme.d.ts","sourceRoot":"","sources":["../../src/themes/createDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEjE,wBAAgB,eAAe,IAAI,KAAK,CAgSvC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wandelbots/wandelbots-js-react-components",
|
|
3
|
-
"version": "2.33.0-pr.
|
|
3
|
+
"version": "2.33.0-pr.fix-update-kuka-dpk500-2-color-and-rotation.370.548bcee",
|
|
4
4
|
"description": "React UI toolkit for building applications on top of the Wandelbots platform",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -139,7 +139,6 @@
|
|
|
139
139
|
"dependencies": {
|
|
140
140
|
"@monaco-editor/react": "^4.7.0",
|
|
141
141
|
"@mui/x-charts": "^8.9.0",
|
|
142
|
-
"@mui/x-data-grid": "^8.10.1",
|
|
143
142
|
"@shikijs/monaco": "^3.1.0",
|
|
144
143
|
"i18next-browser-languagedetector": "^8.0.4",
|
|
145
144
|
"lodash-es": "^4.17.21",
|
|
@@ -301,56 +301,77 @@ export const CycleTimer = externalizeComponent(
|
|
|
301
301
|
sx={{
|
|
302
302
|
display: "flex",
|
|
303
303
|
alignItems: "center",
|
|
304
|
-
|
|
305
|
-
gap: 1, // 8px gap between circle and text
|
|
304
|
+
gap: 0.125, // Minimal gap - 1px
|
|
306
305
|
}}
|
|
307
306
|
>
|
|
308
|
-
{/* Animated progress
|
|
307
|
+
{/* Animated progress gauge icon */}
|
|
309
308
|
<Box
|
|
310
309
|
sx={{
|
|
311
|
-
|
|
312
|
-
|
|
310
|
+
position: "relative",
|
|
311
|
+
width: 40,
|
|
312
|
+
height: 40,
|
|
313
313
|
display: "flex",
|
|
314
314
|
alignItems: "center",
|
|
315
315
|
justifyContent: "center",
|
|
316
|
-
|
|
317
|
-
|
|
316
|
+
borderRadius: "50%",
|
|
317
|
+
overflow: "visible",
|
|
318
318
|
}}
|
|
319
319
|
>
|
|
320
|
-
<
|
|
321
|
-
width=
|
|
322
|
-
height=
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
{
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
|
|
320
|
+
<Gauge
|
|
321
|
+
width={40}
|
|
322
|
+
height={40}
|
|
323
|
+
value={progressValue}
|
|
324
|
+
valueMin={0}
|
|
325
|
+
valueMax={100}
|
|
326
|
+
innerRadius="70%"
|
|
327
|
+
outerRadius="95%"
|
|
328
|
+
skipAnimation={true}
|
|
329
|
+
sx={{
|
|
330
|
+
opacity: isPausedState ? 0.6 : 1,
|
|
331
|
+
transition: "opacity 0.2s ease",
|
|
332
|
+
[`& .MuiGauge-valueArc`]: {
|
|
333
|
+
fill: theme.palette.success.main,
|
|
334
|
+
},
|
|
335
|
+
[`& .MuiGauge-referenceArc`]: {
|
|
336
|
+
fill: theme.palette.success.main,
|
|
337
|
+
opacity: 0.3,
|
|
338
|
+
},
|
|
339
|
+
[`& .MuiGauge-valueText`]: {
|
|
340
|
+
display: "none",
|
|
341
|
+
},
|
|
342
|
+
[`& .MuiGauge-text`]: {
|
|
343
|
+
display: "none",
|
|
344
|
+
},
|
|
345
|
+
[`& text`]: {
|
|
346
|
+
display: "none",
|
|
347
|
+
},
|
|
348
|
+
// Hide any inner circle elements that might flash
|
|
349
|
+
[`& .MuiGauge-referenceArcBackground`]: {
|
|
350
|
+
display: "none",
|
|
351
|
+
},
|
|
352
|
+
[`& .MuiGauge-valueArcBackground`]: {
|
|
353
|
+
display: "none",
|
|
354
|
+
},
|
|
355
|
+
[`& circle`]: {
|
|
356
|
+
display: "none",
|
|
357
|
+
},
|
|
358
|
+
}}
|
|
359
|
+
/>
|
|
360
|
+
|
|
361
|
+
{/* Inner circle overlay to prevent flashing */}
|
|
362
|
+
<Box
|
|
363
|
+
sx={{
|
|
364
|
+
position: "absolute",
|
|
365
|
+
top: "50%",
|
|
366
|
+
left: "50%",
|
|
367
|
+
transform: "translate(-50%, -50%)",
|
|
368
|
+
width: 13,
|
|
369
|
+
height: 13,
|
|
370
|
+
borderRadius: "50%",
|
|
371
|
+
backgroundColor: theme.palette.background?.paper || "white",
|
|
372
|
+
pointerEvents: "none",
|
|
373
|
+
}}
|
|
374
|
+
/>
|
|
354
375
|
</Box>
|
|
355
376
|
|
|
356
377
|
{/* Timer text display */}
|
|
@@ -362,8 +383,8 @@ export const CycleTimer = externalizeComponent(
|
|
|
362
383
|
}}
|
|
363
384
|
>
|
|
364
385
|
{compact
|
|
365
|
-
? // Compact mode: show remaining time
|
|
366
|
-
|
|
386
|
+
? // Compact mode: show only remaining time
|
|
387
|
+
formatTime(remainingTime)
|
|
367
388
|
: // Full mode: show "remaining / of total min." format
|
|
368
389
|
`${formatTime(remainingTime)} / ${t("CycleTimer.Time.lb", { time: formatTime(maxTime) })}`}
|
|
369
390
|
</Typography>
|
|
@@ -4,13 +4,7 @@ import { observer } from "mobx-react-lite"
|
|
|
4
4
|
import { useTranslation } from "react-i18next"
|
|
5
5
|
import { externalizeComponent } from "../externalizeComponent"
|
|
6
6
|
|
|
7
|
-
export
|
|
8
|
-
IDLE = "idle",
|
|
9
|
-
RUNNING = "running",
|
|
10
|
-
PAUSED = "paused",
|
|
11
|
-
STOPPING = "stopping",
|
|
12
|
-
ERROR = "error",
|
|
13
|
-
}
|
|
7
|
+
export type ProgramState = "idle" | "running" | "paused" | "stopping"
|
|
14
8
|
|
|
15
9
|
export interface ProgramControlProps {
|
|
16
10
|
/** The current state of the program control */
|
|
@@ -52,7 +46,7 @@ interface ButtonConfig {
|
|
|
52
46
|
* A control component for program execution with run, pause, and stop functionality.
|
|
53
47
|
*
|
|
54
48
|
* Features:
|
|
55
|
-
* - State machine with idle, running, paused,
|
|
49
|
+
* - State machine with idle, running, paused, and stopping states
|
|
56
50
|
* - Two variants: with_pause (3 buttons) and without_pause (2 buttons)
|
|
57
51
|
* - Optional manual reset functionality
|
|
58
52
|
* - Responsive design with 110px circular buttons
|
|
@@ -76,28 +70,22 @@ export const ProgramControl = externalizeComponent(
|
|
|
76
70
|
const getButtonConfigs = (): ButtonConfig[] => {
|
|
77
71
|
const baseConfigs: Record<string, ButtonConfig> = {
|
|
78
72
|
run: {
|
|
79
|
-
enabled:
|
|
80
|
-
state === ProgramState.IDLE ||
|
|
81
|
-
state === ProgramState.PAUSED ||
|
|
82
|
-
state === ProgramState.ERROR,
|
|
73
|
+
enabled: state === "idle" || state === "paused",
|
|
83
74
|
label:
|
|
84
|
-
state ===
|
|
75
|
+
state === "paused"
|
|
85
76
|
? t("ProgramControl.Resume.bt")
|
|
86
|
-
:
|
|
87
|
-
? t("ProgramControl.Retry.bt")
|
|
88
|
-
: t("ProgramControl.Start.bt"),
|
|
77
|
+
: t("ProgramControl.Start.bt"),
|
|
89
78
|
color: theme.palette.success.main,
|
|
90
79
|
onClick: onRun,
|
|
91
80
|
},
|
|
92
81
|
pause: {
|
|
93
|
-
enabled: state ===
|
|
82
|
+
enabled: state === "running",
|
|
94
83
|
label: t("ProgramControl.Pause.bt"),
|
|
95
84
|
color: "#FFFFFF33",
|
|
96
85
|
onClick: onPause || (() => {}),
|
|
97
86
|
},
|
|
98
87
|
stop: {
|
|
99
|
-
enabled:
|
|
100
|
-
state === ProgramState.RUNNING || state === ProgramState.PAUSED,
|
|
88
|
+
enabled: state === "running" || state === "paused",
|
|
101
89
|
label: t("ProgramControl.Stop.bt"),
|
|
102
90
|
color: theme.palette.error.main,
|
|
103
91
|
onClick: onStop,
|
|
@@ -169,7 +157,7 @@ export const ProgramControl = externalizeComponent(
|
|
|
169
157
|
variant="contained"
|
|
170
158
|
disabled={
|
|
171
159
|
!config.enabled ||
|
|
172
|
-
(state ===
|
|
160
|
+
(state === "stopping" && !requiresManualReset)
|
|
173
161
|
}
|
|
174
162
|
onClick={config.onClick}
|
|
175
163
|
sx={{
|
|
@@ -179,17 +167,14 @@ export const ProgramControl = externalizeComponent(
|
|
|
179
167
|
backgroundColor: config.color,
|
|
180
168
|
opacity:
|
|
181
169
|
config.enabled &&
|
|
182
|
-
!(state ===
|
|
170
|
+
!(state === "stopping" && !requiresManualReset)
|
|
183
171
|
? 1
|
|
184
172
|
: 0.3,
|
|
185
173
|
"&:hover": {
|
|
186
174
|
backgroundColor: config.color,
|
|
187
175
|
opacity:
|
|
188
176
|
config.enabled &&
|
|
189
|
-
!(
|
|
190
|
-
state === ProgramState.STOPPING &&
|
|
191
|
-
!requiresManualReset
|
|
192
|
-
)
|
|
177
|
+
!(state === "stopping" && !requiresManualReset)
|
|
193
178
|
? 0.8
|
|
194
179
|
: 0.3,
|
|
195
180
|
},
|
|
@@ -209,13 +194,13 @@ export const ProgramControl = externalizeComponent(
|
|
|
209
194
|
sx={{
|
|
210
195
|
color:
|
|
211
196
|
config.enabled &&
|
|
212
|
-
!(state ===
|
|
197
|
+
!(state === "stopping" && !requiresManualReset)
|
|
213
198
|
? config.color
|
|
214
199
|
: theme.palette.text.disabled,
|
|
215
200
|
textAlign: "center",
|
|
216
201
|
opacity:
|
|
217
202
|
config.enabled &&
|
|
218
|
-
!(state ===
|
|
203
|
+
!(state === "stopping" && !requiresManualReset)
|
|
219
204
|
? 1
|
|
220
205
|
: 0.3,
|
|
221
206
|
}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Chip,
|
|
1
|
+
import { Chip, useTheme } from "@mui/material"
|
|
2
2
|
import type {
|
|
3
3
|
RobotControllerStateOperationModeEnum,
|
|
4
4
|
RobotControllerStateSafetyStateEnum,
|
|
@@ -6,7 +6,7 @@ import type {
|
|
|
6
6
|
import { observer } from "mobx-react-lite"
|
|
7
7
|
import { useTranslation } from "react-i18next"
|
|
8
8
|
import { externalizeComponent } from "../externalizeComponent"
|
|
9
|
-
import { ProgramState } from "./ProgramControl"
|
|
9
|
+
import type { ProgramState } from "./ProgramControl"
|
|
10
10
|
|
|
11
11
|
export interface ProgramStateIndicatorProps {
|
|
12
12
|
/** The current state of the program */
|
|
@@ -77,27 +77,22 @@ export const ProgramStateIndicator = externalizeComponent(
|
|
|
77
77
|
// For normal safety states, check program state
|
|
78
78
|
if (safetyState === "SAFETY_STATE_NORMAL") {
|
|
79
79
|
switch (programState) {
|
|
80
|
-
case
|
|
80
|
+
case "running":
|
|
81
81
|
return {
|
|
82
82
|
label: t("ProgramStateIndicator.Running.lb"),
|
|
83
83
|
color: theme.palette.success.main,
|
|
84
84
|
}
|
|
85
|
-
case
|
|
85
|
+
case "paused":
|
|
86
86
|
return {
|
|
87
87
|
label: t("ProgramStateIndicator.Paused.lb"),
|
|
88
88
|
color: theme.palette.grey[600],
|
|
89
89
|
}
|
|
90
|
-
case
|
|
90
|
+
case "stopping":
|
|
91
91
|
return {
|
|
92
92
|
label: t("ProgramStateIndicator.Stopped.lb"),
|
|
93
93
|
color: theme.palette.error.main,
|
|
94
94
|
}
|
|
95
|
-
case
|
|
96
|
-
return {
|
|
97
|
-
label: t("ProgramStateIndicator.Error.lb"),
|
|
98
|
-
color: theme.palette.error.main,
|
|
99
|
-
}
|
|
100
|
-
case ProgramState.IDLE:
|
|
95
|
+
case "idle":
|
|
101
96
|
default:
|
|
102
97
|
return {
|
|
103
98
|
label: t("ProgramStateIndicator.Ready.lb"),
|
|
@@ -136,26 +131,14 @@ export const ProgramStateIndicator = externalizeComponent(
|
|
|
136
131
|
return (
|
|
137
132
|
<Chip
|
|
138
133
|
className={className}
|
|
139
|
-
label={
|
|
140
|
-
<Typography
|
|
141
|
-
variant="body2"
|
|
142
|
-
sx={{
|
|
143
|
-
fontSize: "0.75rem", // Smaller than body2
|
|
144
|
-
lineHeight: 1.2,
|
|
145
|
-
}}
|
|
146
|
-
>
|
|
147
|
-
{fullLabel}
|
|
148
|
-
</Typography>
|
|
149
|
-
}
|
|
134
|
+
label={fullLabel}
|
|
150
135
|
variant="filled"
|
|
151
136
|
sx={{
|
|
152
137
|
backgroundColor: color,
|
|
153
138
|
color: theme.palette.getContrastText(color),
|
|
154
139
|
fontWeight: 500,
|
|
155
|
-
height: "auto",
|
|
156
140
|
"& .MuiChip-label": {
|
|
157
|
-
paddingX:
|
|
158
|
-
paddingY: 0.5,
|
|
141
|
+
paddingX: 2,
|
|
159
142
|
},
|
|
160
143
|
}}
|
|
161
144
|
/>
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ThreeElements } from "@react-three/fiber"
|
|
2
2
|
|
|
3
3
|
import type { ConnectedMotionGroup } from "@wandelbots/nova-js/v1"
|
|
4
4
|
import type { Group } from "three"
|
|
5
|
-
import { defaultGetModel } from "./robotModelLogic"
|
|
6
5
|
import { SupportedRobot } from "./SupportedRobot"
|
|
6
|
+
import { defaultGetModel } from "./robotModelLogic"
|
|
7
7
|
|
|
8
8
|
export type RobotProps = {
|
|
9
9
|
connectedMotionGroup: ConnectedMotionGroup
|
|
10
10
|
getModel?: (modelFromController: string) => string
|
|
11
11
|
flangeRef?: React.Ref<Group>
|
|
12
12
|
transparentColor?: string
|
|
13
|
-
postModelRender?: () => void
|
|
14
13
|
} & ThreeElements["group"]
|
|
15
14
|
|
|
16
15
|
/**
|
|
@@ -29,7 +28,6 @@ export function Robot({
|
|
|
29
28
|
getModel = defaultGetModel,
|
|
30
29
|
flangeRef,
|
|
31
30
|
transparentColor,
|
|
32
|
-
postModelRender,
|
|
33
31
|
...props
|
|
34
32
|
}: RobotProps) {
|
|
35
33
|
if (!connectedMotionGroup.dhParameters) {
|
|
@@ -46,7 +44,6 @@ export function Robot({
|
|
|
46
44
|
getModel={getModel}
|
|
47
45
|
flangeRef={flangeRef}
|
|
48
46
|
transparentColor={transparentColor}
|
|
49
|
-
postModelRender={postModelRender}
|
|
50
47
|
{...props}
|
|
51
48
|
/>
|
|
52
49
|
)
|
|
@@ -49,7 +49,6 @@
|
|
|
49
49
|
"CycleTimer.Time.lb": "{{time}} min.",
|
|
50
50
|
"ProgramControl.Start.bt": "Start",
|
|
51
51
|
"ProgramControl.Resume.bt": "Weiter",
|
|
52
|
-
"ProgramControl.Retry.bt": "Wiederholen",
|
|
53
52
|
"ProgramControl.Pause.bt": "Pause",
|
|
54
53
|
"ProgramControl.Stop.bt": "Stopp",
|
|
55
54
|
"ProgramStateIndicator.Running.lb": "In Betrieb",
|
|
@@ -62,10 +61,5 @@
|
|
|
62
61
|
"ProgramStateIndicator.Auto.lb": "Auto",
|
|
63
62
|
"ProgramStateIndicator.Manual.lb": "Manuell",
|
|
64
63
|
"ProgramStateIndicator.ManualT1.lb": "Manuell T1",
|
|
65
|
-
"ProgramStateIndicator.ManualT2.lb": "Manuell T2"
|
|
66
|
-
"RobotSetupReadinessIndicator.Ready.lb": "Bereit",
|
|
67
|
-
"RobotSetupReadinessIndicator.RobotDisconnected.lb": "Roboter getrennt",
|
|
68
|
-
"RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Voraussetzung nicht erfüllt",
|
|
69
|
-
"RobotCard.Runtime.lb": "Laufzeit",
|
|
70
|
-
"RobotCard.DriveToHome.bt": "Zur Home-Position fahren"
|
|
64
|
+
"ProgramStateIndicator.ManualT2.lb": "Manuell T2"
|
|
71
65
|
}
|
|
@@ -50,7 +50,6 @@
|
|
|
50
50
|
"CycleTimer.Time.lb": "{{time}} min.",
|
|
51
51
|
"ProgramControl.Start.bt": "Start",
|
|
52
52
|
"ProgramControl.Resume.bt": "Resume",
|
|
53
|
-
"ProgramControl.Retry.bt": "Retry",
|
|
54
53
|
"ProgramControl.Pause.bt": "Pause",
|
|
55
54
|
"ProgramControl.Stop.bt": "Stop",
|
|
56
55
|
"ProgramStateIndicator.Running.lb": "Running",
|
|
@@ -63,10 +62,5 @@
|
|
|
63
62
|
"ProgramStateIndicator.Auto.lb": "Auto",
|
|
64
63
|
"ProgramStateIndicator.Manual.lb": "Manual",
|
|
65
64
|
"ProgramStateIndicator.ManualT1.lb": "Manual T1",
|
|
66
|
-
"ProgramStateIndicator.ManualT2.lb": "Manual T2"
|
|
67
|
-
"RobotSetupReadinessIndicator.Ready.lb": "Ready",
|
|
68
|
-
"RobotSetupReadinessIndicator.RobotDisconnected.lb": "Robot disconnected",
|
|
69
|
-
"RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Precondition not fulfilled",
|
|
70
|
-
"RobotCard.Runtime.lb": "Runtime",
|
|
71
|
-
"RobotCard.DriveToHome.bt": "Drive to Home"
|
|
65
|
+
"ProgramStateIndicator.ManualT2.lb": "Manual T2"
|
|
72
66
|
}
|
package/src/icons/index.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as ArrowForwardFilledIcon } from "./arrowForwardFilled.svg"
|
|
2
|
-
export { default as ChevronDownIcon } from "./chevronDown.svg"
|
|
3
2
|
export { default as ExpandFilledIcon } from "./expandFilled.svg"
|
|
4
3
|
export { default as HomeIcon } from "./home.svg"
|
|
5
4
|
export { default as InfoOutlinedIcon } from "./infoOutlined.svg"
|
package/src/index.ts
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export * from "./components/3d-viewport/PresetEnvironment"
|
|
2
2
|
export * from "./components/3d-viewport/SafetyZonesRenderer"
|
|
3
3
|
export * from "./components/3d-viewport/TrajectoryRenderer"
|
|
4
|
-
export * from "./components/AppHeader"
|
|
5
4
|
export * from "./components/CycleTimer"
|
|
6
|
-
export * from "./components/DataGrid"
|
|
7
5
|
export * from "./components/jogging/JoggingCartesianAxisControl"
|
|
8
6
|
export * from "./components/jogging/JoggingJointRotationControl"
|
|
9
7
|
export * from "./components/jogging/JoggingPanel"
|
|
@@ -11,27 +9,15 @@ export { JoggingStore } from "./components/jogging/JoggingStore"
|
|
|
11
9
|
export * from "./components/jogging/PoseCartesianValues"
|
|
12
10
|
export * from "./components/jogging/PoseJointValues"
|
|
13
11
|
export * from "./components/LoadingCover"
|
|
14
|
-
export * from "./components/LogPanel"
|
|
15
|
-
export { LogStore } from "./components/LogStore"
|
|
16
|
-
export * from "./components/LogViewer"
|
|
17
12
|
export * from "./components/modal/NoMotionGroupModal"
|
|
18
13
|
export * from "./components/ProgramControl"
|
|
19
14
|
export * from "./components/ProgramStateIndicator"
|
|
20
|
-
export * from "./components/RobotCard"
|
|
21
|
-
export * from "./components/RobotListItem"
|
|
22
15
|
export * from "./components/robots/AxisConfig"
|
|
23
|
-
export {
|
|
24
|
-
extractManufacturer,
|
|
25
|
-
getDefaultHomeConfig,
|
|
26
|
-
MANUFACTURER_HOME_CONFIGS,
|
|
27
|
-
} from "./components/robots/manufacturerHomePositions"
|
|
28
16
|
export * from "./components/robots/Robot"
|
|
29
17
|
export { defaultGetModel } from "./components/robots/robotModelLogic"
|
|
30
18
|
export * from "./components/robots/SupportedRobot"
|
|
31
|
-
export * from "./components/RobotSetupReadinessIndicator"
|
|
32
19
|
export * from "./components/safetyBar/SafetyBar"
|
|
33
20
|
export * from "./components/SelectableFab"
|
|
34
|
-
export * from "./components/TabBar"
|
|
35
21
|
export * from "./components/utils/hooks"
|
|
36
22
|
export * from "./components/utils/interpolation"
|
|
37
23
|
export * from "./components/VelocitySlider"
|
|
@@ -109,80 +109,6 @@ export function createDarkTheme(): Theme {
|
|
|
109
109
|
scrollbarWidth: "thin",
|
|
110
110
|
scrollbarColor: `${baseTheme.palette.divider} transparent`,
|
|
111
111
|
},
|
|
112
|
-
|
|
113
|
-
// Global styles for DataGrid filter popup
|
|
114
|
-
".MuiDataGrid-panelContent": {
|
|
115
|
-
borderRadius: "16px !important",
|
|
116
|
-
"& .MuiPaper-root": {
|
|
117
|
-
borderRadius: "16px !important",
|
|
118
|
-
},
|
|
119
|
-
},
|
|
120
|
-
".MuiDataGrid-filterForm": {
|
|
121
|
-
borderRadius: "16px !important",
|
|
122
|
-
"& .MuiInputBase-root": {
|
|
123
|
-
borderRadius: "16px !important",
|
|
124
|
-
"& fieldset": {
|
|
125
|
-
borderRadius: "16px !important",
|
|
126
|
-
},
|
|
127
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
128
|
-
borderRadius: "16px !important",
|
|
129
|
-
},
|
|
130
|
-
},
|
|
131
|
-
"& .MuiTextField-root": {
|
|
132
|
-
"& .MuiInputBase-root": {
|
|
133
|
-
borderRadius: "16px !important",
|
|
134
|
-
"& fieldset": {
|
|
135
|
-
borderRadius: "16px !important",
|
|
136
|
-
},
|
|
137
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
138
|
-
borderRadius: "16px !important",
|
|
139
|
-
},
|
|
140
|
-
},
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
".MuiDataGrid-filterFormValueInput": {
|
|
144
|
-
"& .MuiInputBase-root": {
|
|
145
|
-
borderRadius: "16px !important",
|
|
146
|
-
"& fieldset": {
|
|
147
|
-
borderRadius: "16px !important",
|
|
148
|
-
},
|
|
149
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
150
|
-
borderRadius: "16px !important",
|
|
151
|
-
},
|
|
152
|
-
},
|
|
153
|
-
},
|
|
154
|
-
},
|
|
155
|
-
},
|
|
156
|
-
MuiDataGrid: {
|
|
157
|
-
styleOverrides: {
|
|
158
|
-
root: {
|
|
159
|
-
// Main DataGrid styling can go here if needed
|
|
160
|
-
},
|
|
161
|
-
panelContent: {
|
|
162
|
-
borderRadius: "16px !important",
|
|
163
|
-
},
|
|
164
|
-
filterForm: {
|
|
165
|
-
"& .MuiInputBase-root": {
|
|
166
|
-
borderRadius: "10px !important",
|
|
167
|
-
"& fieldset": {
|
|
168
|
-
borderRadius: "10px !important",
|
|
169
|
-
},
|
|
170
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
171
|
-
borderRadius: "10px !important",
|
|
172
|
-
},
|
|
173
|
-
},
|
|
174
|
-
},
|
|
175
|
-
filterFormValueInput: {
|
|
176
|
-
"& .MuiInputBase-root": {
|
|
177
|
-
borderRadius: "10px !important",
|
|
178
|
-
"& fieldset": {
|
|
179
|
-
borderRadius: "10px !important",
|
|
180
|
-
},
|
|
181
|
-
"& .MuiOutlinedInput-notchedOutline": {
|
|
182
|
-
borderRadius: "10px !important",
|
|
183
|
-
},
|
|
184
|
-
},
|
|
185
|
-
},
|
|
186
112
|
},
|
|
187
113
|
},
|
|
188
114
|
MuiButton: {
|
|
@@ -361,5 +287,5 @@ export function createDarkTheme(): Theme {
|
|
|
361
287
|
},
|
|
362
288
|
},
|
|
363
289
|
},
|
|
364
|
-
}
|
|
290
|
+
}
|
|
365
291
|
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { type SxProps } from "@mui/material";
|
|
2
|
-
import { type ReactNode } from "react";
|
|
3
|
-
export type AppItem = {
|
|
4
|
-
/** Unique identifier for the app */
|
|
5
|
-
id: string;
|
|
6
|
-
/** Display name of the app */
|
|
7
|
-
name: string;
|
|
8
|
-
/** Icon component to display */
|
|
9
|
-
icon: ReactNode;
|
|
10
|
-
/** URL or callback to navigate to the app */
|
|
11
|
-
href?: string;
|
|
12
|
-
/** Click handler for the app */
|
|
13
|
-
onClick?: () => void;
|
|
14
|
-
};
|
|
15
|
-
export type AppHeaderProps = {
|
|
16
|
-
/** Current app icon */
|
|
17
|
-
appIcon: ReactNode;
|
|
18
|
-
/** Current app name */
|
|
19
|
-
appName: string;
|
|
20
|
-
/** List of other available apps */
|
|
21
|
-
apps?: AppItem[];
|
|
22
|
-
/** Callback when an app is selected */
|
|
23
|
-
onAppSelect?: (app: AppItem) => void;
|
|
24
|
-
/** Additional styling */
|
|
25
|
-
sx?: SxProps;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* A top navigation header component that displays the current app and provides
|
|
29
|
-
* a dropdown menu to navigate to other apps.
|
|
30
|
-
*/
|
|
31
|
-
export declare const AppHeader: ((props: AppHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=AppHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../src/components/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,OAAO,EAGb,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAIjE,MAAM,MAAM,OAAO,GAAG;IACpB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,IAAI,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,uBAAuB;IACvB,OAAO,EAAE,SAAS,CAAA;IAClB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,yBAAyB;IACzB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CAsJhC,CAAA"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Box } from "@mui/material";
|
|
2
|
-
import { type DataGridProps, type GridColDef, type GridRowParams } from "@mui/x-data-grid";
|
|
3
|
-
export interface WandelbotsDataGridProps<T = Record<string, unknown>> {
|
|
4
|
-
/**
|
|
5
|
-
* Array of data items to display in the grid
|
|
6
|
-
*/
|
|
7
|
-
data: T[];
|
|
8
|
-
/**
|
|
9
|
-
* Column definitions for the DataGrid
|
|
10
|
-
*/
|
|
11
|
-
columns: GridColDef[];
|
|
12
|
-
/**
|
|
13
|
-
* Function to transform data items into DataGrid rows
|
|
14
|
-
* Should return an object with an 'id' field and other fields matching column definitions
|
|
15
|
-
*/
|
|
16
|
-
getRowData: (item: T) => Record<string, unknown> & {
|
|
17
|
-
id: string | number;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Callback when a row is clicked
|
|
21
|
-
*/
|
|
22
|
-
onRowClick?: (item: T, params: GridRowParams) => void;
|
|
23
|
-
/**
|
|
24
|
-
* Currently selected item (for highlighting)
|
|
25
|
-
*/
|
|
26
|
-
selectedItem?: T | null;
|
|
27
|
-
/**
|
|
28
|
-
* Function to get the ID of an item (used for selection highlighting)
|
|
29
|
-
*/
|
|
30
|
-
getItemId?: (item: T) => string | number;
|
|
31
|
-
/**
|
|
32
|
-
* Title displayed in the toolbar
|
|
33
|
-
*/
|
|
34
|
-
title?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Show item count in title
|
|
37
|
-
* @default true
|
|
38
|
-
*/
|
|
39
|
-
showCount?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* Placeholder text for the search input
|
|
42
|
-
* @default "Search programs"
|
|
43
|
-
*/
|
|
44
|
-
searchPlaceholder?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Additional DataGrid props to pass through
|
|
47
|
-
*/
|
|
48
|
-
dataGridProps?: Partial<DataGridProps>;
|
|
49
|
-
/**
|
|
50
|
-
* Custom toolbar component to replace the default one
|
|
51
|
-
*/
|
|
52
|
-
CustomToolbar?: React.ComponentType;
|
|
53
|
-
/**
|
|
54
|
-
* Select the first item by default
|
|
55
|
-
* @default false
|
|
56
|
-
*/
|
|
57
|
-
selectFirstByDefault?: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Custom sx styles for the root container
|
|
60
|
-
*/
|
|
61
|
-
sx?: React.ComponentProps<typeof Box>["sx"];
|
|
62
|
-
}
|
|
63
|
-
export declare const WandelbotsDataGrid: (<T>({ data, columns, getRowData, onRowClick, selectedItem, getItemId, title, showCount, searchPlaceholder, dataGridProps, CustomToolbar, selectFirstByDefault, sx, }: WandelbotsDataGridProps<T>) => import("react/jsx-runtime").JSX.Element) & {
|
|
64
|
-
displayName: string;
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=DataGrid.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/components/DataGrid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAiC,MAAM,eAAe,CAAA;AAClE,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,UAAU,EACf,KAAK,aAAa,EAQnB,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;IAET;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAA;IAErB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;CAC5C;AAED,eAAO,MAAM,kBAAkB,IAE1B,CAAC,oKAcC,uBAAuB,CAAC,CAAC,CAAC;;CAmiBhC,CAAA"}
|