@wandelbots/wandelbots-js-react-components 2.15.0 → 2.15.1

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 (22) hide show
  1. package/dist/components/jogging/JoggingCartesianAxisControl.d.ts.map +1 -1
  2. package/dist/components/jogging/JoggingCartesianTab.d.ts.map +1 -1
  3. package/dist/components/jogging/JoggingOptions.d.ts.map +1 -1
  4. package/dist/components/jogging/JoggingPanel.d.ts.map +1 -1
  5. package/dist/components/jogging/JoggingStore.d.ts +6 -6
  6. package/dist/index.cjs +32 -32
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.js +538 -529
  9. package/dist/index.js.map +1 -1
  10. package/dist/themes/createDarkTheme.d.ts.map +1 -1
  11. package/dist/themes/themeTypes.d.ts +1 -0
  12. package/dist/themes/themeTypes.d.ts.map +1 -1
  13. package/package.json +1 -1
  14. package/src/components/jogging/JoggingCartesianAxisControl.tsx +1 -0
  15. package/src/components/jogging/JoggingCartesianTab.tsx +6 -2
  16. package/src/components/jogging/JoggingOptions.tsx +3 -7
  17. package/src/components/jogging/JoggingPanel.tsx +8 -1
  18. package/src/components/jogging/JoggingStore.ts +2 -2
  19. package/src/i18n/locales/de/translations.json +8 -4
  20. package/src/i18n/locales/en/translations.json +7 -3
  21. package/src/themes/createDarkTheme.ts +3 -0
  22. package/src/themes/themeTypes.ts +2 -1
package/dist/themes/createDarkTheme.d.ts.map CHANGED
@@ -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,CAmRvC"}
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,CAsRvC"}
package/dist/themes/themeTypes.d.ts CHANGED
@@ -23,6 +23,7 @@ export interface AxisControlComponentColors {
23
23
  disabled?: string;
24
24
  hovered?: string;
25
25
  };
26
+ labelColor?: string;
26
27
  }
27
28
  interface NovaComponentsExtension {
28
29
  componentsExt?: {
package/dist/themes/themeTypes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themeTypes.d.ts","sourceRoot":"","sources":["../../src/themes/themeTypes.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themeTypes.d.ts","sourceRoot":"","sources":["../../src/themes/themeTypes.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/wandelbots-js-react-components",
3
- "version": "2.15.0",
3
+ "version": "2.15.1",
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/jogging/JoggingCartesianAxisControl.tsx CHANGED
@@ -70,6 +70,7 @@ export const JoggingCartesianAxisControl = externalizeComponent(
70
70
  hovered: "#000",
71
71
  pressed: "#000",
72
72
  },
73
+ labelColor: "#000",
73
74
  }
74
75
  }
75
76
 
package/src/components/jogging/JoggingCartesianTab.tsx CHANGED
@@ -227,7 +227,9 @@ export const JoggingCartesianTab = observer(
227
227
  <Typography
228
228
  sx={{
229
229
  fontSize: "24px",
230
- color: theme.palette.text.primary,
230
+ color:
231
+ axis.colors?.labelColor ??
232
+ theme.palette.text.primary,
231
233
  }}
232
234
  >
233
235
  {axis.id.toUpperCase()}
@@ -269,7 +271,9 @@ export const JoggingCartesianTab = observer(
269
271
  <Typography
270
272
  sx={{
271
273
  fontSize: "24px",
272
- color: theme.palette.text.primary,
274
+ color:
275
+ axis.colors?.labelColor ??
276
+ theme.palette.text.primary,
273
277
  }}
274
278
  >
275
279
  {axis.id.toUpperCase()}
package/src/components/jogging/JoggingOptions.tsx CHANGED
@@ -31,17 +31,13 @@ export const JoggingOptions = observer(({ store }: { store: JoggingStore }) => {
31
31
  gap: "16px",
32
32
  gridTemplateColumns: "1fr 1fr",
33
33
  gridTemplateRows: "min-height min-height",
34
- "& label": {
35
- opacity: 0.7,
36
- fontSize: "12px",
37
- marginBottom: "4px",
38
- },
34
+ "& label": { opacity: 0.7, fontSize: "12px", marginBottom: "4px" },
39
35
  }}
40
36
  >
41
37
  {/* Coordinate system */}
42
38
  <AdornedSelect
43
39
  labelId="jogging-coord-select"
44
- labelValue={"Coordinate Sys."}
40
+ labelValue={t("Jogging.CoordinateSystem.hlb")}
45
41
  value={store.selectedCoordSystemId}
46
42
  size="small"
47
43
  variant="filled"
@@ -101,7 +97,7 @@ export const JoggingOptions = observer(({ store }: { store: JoggingStore }) => {
101
97
 
102
98
  {/* Increment selection */}
103
99
  <AdornedSelect
104
- labelValue={"Increment"}
100
+ labelValue={t("Jogging.Increment.hlb")}
105
101
  labelId="jogging-increment-select"
106
102
  size="small"
107
103
  variant="filled"
package/src/components/jogging/JoggingPanel.tsx CHANGED
@@ -4,6 +4,7 @@ import { isString } from "lodash-es"
4
4
  import { runInAction } from "mobx"
5
5
  import { observer, useLocalObservable } from "mobx-react-lite"
6
6
  import { useEffect } from "react"
7
+ import { useTranslation } from "react-i18next"
7
8
  import { externalizeComponent } from "../../externalizeComponent"
8
9
  import { LoadingCover } from "../LoadingCover"
9
10
  import { JoggingCartesianTab } from "./JoggingCartesianTab"
@@ -120,6 +121,8 @@ const JoggingPanelInner = observer(
120
121
  children?: React.ReactNode
121
122
  childrenJoint?: React.ReactNode
122
123
  }) => {
124
+ const { t } = useTranslation()
125
+
123
126
  function renderTabContent() {
124
127
  if (store.currentTab.id === "cartesian") {
125
128
  return (
@@ -147,7 +150,11 @@ const JoggingPanelInner = observer(
147
150
  {store.tabs.map((tab) => (
148
151
  <Tab
149
152
  key={tab.id}
150
- label={tab.label}
153
+ label={
154
+ tab.label === "cartesian"
155
+ ? t("Jogging.Cartesian.bt")
156
+ : t("Jogging.Joints.bt")
157
+ }
151
158
  id={`jogging-tab-${tab.id}`}
152
159
  aria-controls={`jogging-tab-${tab.id}`}
153
160
  />
package/src/components/jogging/JoggingStore.ts CHANGED
@@ -261,11 +261,11 @@ export class JoggingStore {
261
261
  return [
262
262
  {
263
263
  id: "cartesian",
264
- label: "Cartesian",
264
+ label: "cartesian",
265
265
  },
266
266
  {
267
267
  id: "joint",
268
- label: "Joints",
268
+ label: "joint",
269
269
  },
270
270
  ] as const
271
271
  }
package/src/i18n/locales/de/translations.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "Jogging.Cartesian.Rotation.velocityDegPerSec.lb": "{{amount}}°/s",
4
4
  "Jogging.Velocity.lb": "Geschwindigkeit",
5
5
  "General.degree.variable": "{{amount}}°",
6
- "General.mm.variable": "{{amount}}mm",
6
+ "General.mm.variable": "{{amount}} mm",
7
7
  "Jogging.Cartesian.MotionType.lb": "Bewegungstyp",
8
8
  "Jogging.Cartesian.Translation.bt": "Translation",
9
9
  "Jogging.Cartesian.Rotation.bt": "Rotation",
@@ -11,8 +11,8 @@
11
11
  "Jogging.Increment.Continuous.dd": "Fortlaufend",
12
12
  "Jogging.Cartesian.Orientation.lb": "Orientierung",
13
13
  "Jogging.JointLimitsReached.lb": "Gelenkgrenzen für Gelenk {{jointNumbers}} erreicht",
14
- "Jogging.Orientation.coordsys": "Base (Roboter)",
15
- "Jogging.Orientation.tool": "Tool",
14
+ "Jogging.Orientation.coordsys": "Roboterbasis",
15
+ "Jogging.Orientation.tool": "Werkzeug",
16
16
  "SafetyBar.ActivationToggle.Activate.bt": "Aktivieren",
17
17
  "SafetyBar.ActivationToggle.Activated.bt": "Aktiviert",
18
18
  "SafetyBar.ActivationToggle.Activating.bt": "Wird aktiviert…",
@@ -38,5 +38,9 @@
38
38
  "SafetyBar.SafetyState.Stop.Explanation.lb": "Die Robotersteuerung ist in einen Stoppzustand übergegangen. Bis der Stoppzustand aufgelöst ist, ist keine Bewegung mehr möglich.",
39
39
  "SafetyBar.SafetyState.Stop.lb": "Stopp",
40
40
  "SafetyBar.SafetyState.ti": "Sicherheitszustand",
41
- "SafetyBar.StopState.Estop.Explanation.lb": "NOT-AUS aktiviert. NOT-AUS freischalten, um Roboter zu bewegen."
41
+ "SafetyBar.StopState.Estop.Explanation.lb": "NOT-AUS aktiviert. NOT-AUS freischalten, um Roboter zu bewegen.",
42
+ "Jogging.Increment.hlb": "Schrittgröße",
43
+ "Jogging.CoordinateSystem.hlb": "Koordinatensystem",
44
+ "Jogging.Cartesian.bt": "Kartesisch",
45
+ "Jogging.Joints.bt": "Gelenke"
42
46
  }
package/src/i18n/locales/en/translations.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "Jogging.Cartesian.Rotation.velocityDegPerSec.lb": "{{amount}}°/s",
4
4
  "Jogging.Velocity.lb": "Velocity",
5
5
  "General.degree.variable": "{{amount}}°",
6
- "General.mm.variable": "{{amount}}mm",
6
+ "General.mm.variable": "{{amount}} mm",
7
7
  "Jogging.Cartesian.MotionType.lb": "Motion type",
8
8
  "Jogging.Cartesian.Translation.bt": "Translation",
9
9
  "Jogging.Cartesian.Rotation.bt": "Rotation",
@@ -12,7 +12,7 @@
12
12
  "Jogging.Cartesian.Orientation.lb": "Orientation",
13
13
  "Jogging.Activating.lb": "Activating jogging",
14
14
  "Jogging.JointLimitsReached.lb": "Joint limit reached for joint {{jointNumbers}}",
15
- "Jogging.Orientation.coordsys": "Base",
15
+ "Jogging.Orientation.coordsys": "Robot base",
16
16
  "Jogging.Orientation.tool": "Tool",
17
17
  "SafetyBar.ActivationToggle.Activate.bt": "Activate",
18
18
  "SafetyBar.ActivationToggle.Activated.bt": "Activated",
@@ -39,5 +39,9 @@
39
39
  "SafetyBar.SafetyState.Stop.Explanation.lb": "The robot controller has entered a stop state. Movement is no longer possible until the stop state is resolved.",
40
40
  "SafetyBar.SafetyState.Stop.lb": "Stop",
41
41
  "SafetyBar.SafetyState.ti": "Safety state",
42
- "SafetyBar.StopState.Estop.Explanation.lb": "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released."
42
+ "SafetyBar.StopState.Estop.Explanation.lb": "An emergency stop of the robot controller has been triggered. Movement of the robot is no longer possible until the estop is released.",
43
+ "Jogging.Increment.hlb": "Increment",
44
+ "Jogging.CoordinateSystem.hlb": "Coordinate system",
45
+ "Jogging.Cartesian.bt": "Cartesian",
46
+ "Jogging.Joints.bt": "Joints"
43
47
  }
package/src/themes/createDarkTheme.ts CHANGED
@@ -227,6 +227,7 @@ export function createDarkTheme(): Theme {
227
227
  disabled: "rgba(241, 77, 66, 1)",
228
228
  },
229
229
  color: "rgba(255, 198, 198, 1)",
230
+ labelColor: baseTheme.palette.text.primary,
230
231
  },
231
232
  Y: {
232
233
  backgroundColor: "rgba(20, 151, 108, 1)",
@@ -238,6 +239,7 @@ export function createDarkTheme(): Theme {
238
239
  hovered: "rgba(28, 188, 135, 1)",
239
240
  },
240
241
  color: "rgba(215, 255, 242, 1)",
242
+ labelColor: baseTheme.palette.text.primary,
241
243
  },
242
244
  Z: {
243
245
  backgroundColor: "rgba(1, 87, 155, 1)",
@@ -249,6 +251,7 @@ export function createDarkTheme(): Theme {
249
251
  hovered: "rgba(2, 136, 209, 1)",
250
252
  },
251
253
  color: "rgba(210, 239, 255, 1)",
254
+ labelColor: baseTheme.palette.text.primary,
252
255
  },
253
256
  },
254
257
  },
package/src/themes/themeTypes.ts CHANGED
@@ -25,6 +25,7 @@ export interface AxisControlComponentColors {
25
25
  disabled?: string
26
26
  hovered?: string
27
27
  }
28
+ labelColor?: string
28
29
  }
29
30
 
30
31
  interface NovaComponentsExtension {
@@ -34,7 +35,7 @@ interface NovaComponentsExtension {
34
35
  X?: AxisControlComponentColors
35
36
  Y?: AxisControlComponentColors
36
37
  Z?: AxisControlComponentColors
37
- }
38
+ },
38
39
  }
39
40
  WandelscriptEditor?: {
40
41
  monacoTheme: editor.IStandaloneThemeData