@wandelbots/wandelbots-js-react-components 1.17.7 → 1.17.8

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 (9) hide show
  1. package/dist/components/jogging/JoggingCartesianTab.d.ts.map +1 -1
  2. package/dist/index.cjs +19 -19
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +288 -277
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/TransparentOverlay.tsx +1 -1
  8. package/src/components/VelocitySlider.tsx +1 -1
  9. package/src/components/jogging/JoggingCartesianTab.tsx +86 -77
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/wandelbots-js-react-components",
3
- "version": "1.17.7",
3
+ "version": "1.17.8",
4
4
  "description": "React UI toolkit for building applications on top of the Wandelbots platform",
5
5
  "type": "module",
6
6
  "sideEffects": false,
package/src/components/TransparentOverlay.tsx CHANGED
@@ -16,7 +16,7 @@ export const TransparentOverlay = (
16
16
  justifyContent="center"
17
17
  sx={{
18
18
  backgroundColor: "rgba(0, 0, 0, 0.6)",
19
- backdropFilter: "blur(1px)",
19
+ backdropFilter: "blur(2px)",
20
20
  zIndex: 100,
21
21
  ...(props.sx || {}),
22
22
  }}
package/src/components/VelocitySlider.tsx CHANGED
@@ -1,7 +1,7 @@
1
+ import { Typography, useTheme } from "@mui/material"
1
2
  import Slider from "@mui/material/Slider"
2
3
  import isNumber from "lodash-es/isNumber"
3
4
  import { observer } from "mobx-react-lite"
4
- import { Typography, useTheme } from "@mui/material"
5
5
 
6
6
  type VelocitySliderProps = {
7
7
  min: number
package/src/components/jogging/JoggingCartesianTab.tsx CHANGED
@@ -159,7 +159,8 @@ export const JoggingCartesianTab = observer(
159
159
  maxWidth="296px"
160
160
  marginLeft="auto"
161
161
  marginRight="auto"
162
- marginTop="16px"
162
+ marginTop="8px"
163
+ marginBottom="8px"
163
164
  gap="12px"
164
165
  >
165
166
  {/* Translate or rotate toggle */}
@@ -176,85 +177,93 @@ export const JoggingCartesianTab = observer(
176
177
  {t("Jogging.Cartesian.Rotation.bt")}
177
178
  </ToggleButton>
178
179
  </ToggleButtonGroup>
180
+ </Stack>
179
181
 
180
- <JoggingActivationRequired store={store}>
182
+ <JoggingActivationRequired store={store}>
183
+ <Stack
184
+ width="80%"
185
+ maxWidth="296px"
186
+ marginLeft="auto"
187
+ marginRight="auto"
188
+ marginTop="8px"
189
+ marginBottom="8px"
190
+ gap="12px"
191
+ >
181
192
  {/* Cartesian translate jogging */}
182
- <Stack gap="12px">
183
- {store.selectedCartesianMotionType === "translate" &&
184
- axisList.map((axis) => (
185
- <JoggingCartesianAxisControl
186
- key={axis.id}
187
- color={axis.color}
188
- disabled={store.isLocked}
189
- label={
190
- <>
191
- {axis.icon}
192
- <Typography
193
- sx={{
194
- fontSize: "24px",
195
- color: "white",
196
- }}
197
- >
198
- {axis.id.toUpperCase()}
199
- </Typography>
200
- </>
201
- }
202
- getDisplayedValue={() =>
203
- formatMM(
204
- store.jogger.motionStream.rapidlyChangingMotionState
205
- .tcp_pose?.position[axis.id] || 0,
206
- )
207
- }
208
- startJogging={(direction: "-" | "+") =>
209
- startCartesianJogging({
210
- axis: axis.id,
211
- motionType: "translate",
212
- direction,
213
- })
214
- }
215
- stopJogging={stopJogging}
216
- />
217
- ))}
193
+ {store.selectedCartesianMotionType === "translate" &&
194
+ axisList.map((axis) => (
195
+ <JoggingCartesianAxisControl
196
+ key={axis.id}
197
+ color={axis.color}
198
+ disabled={store.isLocked}
199
+ label={
200
+ <>
201
+ {axis.icon}
202
+ <Typography
203
+ sx={{
204
+ fontSize: "24px",
205
+ color: "white",
206
+ }}
207
+ >
208
+ {axis.id.toUpperCase()}
209
+ </Typography>
210
+ </>
211
+ }
212
+ getDisplayedValue={() =>
213
+ formatMM(
214
+ store.jogger.motionStream.rapidlyChangingMotionState
215
+ .tcp_pose?.position[axis.id] || 0,
216
+ )
217
+ }
218
+ startJogging={(direction: "-" | "+") =>
219
+ startCartesianJogging({
220
+ axis: axis.id,
221
+ motionType: "translate",
222
+ direction,
223
+ })
224
+ }
225
+ stopJogging={stopJogging}
226
+ />
227
+ ))}
218
228
 
219
- {/* Cartesian rotate jogging */}
220
- {store.selectedCartesianMotionType === "rotate" &&
221
- axisList.map((axis) => (
222
- <JoggingCartesianAxisControl
223
- key={axis.id}
224
- color={axis.color}
225
- disabled={store.isLocked}
226
- label={
227
- <>
228
- <RotationIcon />
229
- <Typography
230
- sx={{
231
- fontSize: "24px",
232
- color: "white",
233
- }}
234
- >
235
- {axis.id.toUpperCase()}
236
- </Typography>
237
- </>
238
- }
239
- getDisplayedValue={() =>
240
- formatDegrees(
241
- store.jogger.motionStream.rapidlyChangingMotionState
242
- .tcp_pose?.orientation?.[axis.id] || 0,
243
- )
244
- }
245
- startJogging={(direction: "-" | "+") =>
246
- startCartesianJogging({
247
- axis: axis.id,
248
- motionType: "rotate",
249
- direction,
250
- })
251
- }
252
- stopJogging={stopJogging}
253
- />
254
- ))}
255
- </Stack>
256
- </JoggingActivationRequired>
257
- </Stack>
229
+ {/* Cartesian rotate jogging */}
230
+ {store.selectedCartesianMotionType === "rotate" &&
231
+ axisList.map((axis) => (
232
+ <JoggingCartesianAxisControl
233
+ key={axis.id}
234
+ color={axis.color}
235
+ disabled={store.isLocked}
236
+ label={
237
+ <>
238
+ <RotationIcon />
239
+ <Typography
240
+ sx={{
241
+ fontSize: "24px",
242
+ color: "white",
243
+ }}
244
+ >
245
+ {axis.id.toUpperCase()}
246
+ </Typography>
247
+ </>
248
+ }
249
+ getDisplayedValue={() =>
250
+ formatDegrees(
251
+ store.jogger.motionStream.rapidlyChangingMotionState
252
+ .tcp_pose?.orientation?.[axis.id] || 0,
253
+ )
254
+ }
255
+ startJogging={(direction: "-" | "+") =>
256
+ startCartesianJogging({
257
+ axis: axis.id,
258
+ motionType: "rotate",
259
+ direction,
260
+ })
261
+ }
262
+ stopJogging={stopJogging}
263
+ />
264
+ ))}
265
+ </Stack>
266
+ </JoggingActivationRequired>
258
267
 
259
268
  <Stack>
260
269
  {/* Show message if joint limits reached */}