@wandelbots/wandelbots-js-react-components 5.0.0 → 5.1.0-pr.fix-mm-in-turntable.567.ecfcc37

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 (59) hide show
  1. package/README.md +23 -6
  2. package/dist/components/VelocitySlider.d.ts +2 -1
  3. package/dist/components/VelocitySlider.d.ts.map +1 -1
  4. package/dist/components/jogging/JoggingCartesianTab.d.ts.map +1 -1
  5. package/dist/components/jogging/JoggingJointTab.d.ts.map +1 -1
  6. package/dist/components/jogging/JoggingOptions.d.ts +2 -1
  7. package/dist/components/jogging/JoggingOptions.d.ts.map +1 -1
  8. package/dist/components/jogging/JoggingStore.d.ts +8 -12
  9. package/dist/components/jogging/JoggingStore.d.ts.map +1 -1
  10. package/dist/components/jogging/JoggingVelocitySlider.d.ts +2 -1
  11. package/dist/components/jogging/JoggingVelocitySlider.d.ts.map +1 -1
  12. package/dist/components/safetyBar/icons/index.d.ts +11 -0
  13. package/dist/components/safetyBar/icons/index.d.ts.map +1 -0
  14. package/dist/core.cjs.js +1 -1
  15. package/dist/core.es.js +1 -1
  16. package/dist/icons/index.d.ts +9 -4
  17. package/dist/icons/index.d.ts.map +1 -1
  18. package/dist/index.cjs.js +1 -1
  19. package/dist/index.d.ts +1 -0
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.es.js +80 -56
  22. package/dist/index.es.js.map +1 -1
  23. package/dist/safety-state-stop-ClWLVLMl.cjs +2 -0
  24. package/dist/safety-state-stop-ClWLVLMl.cjs.map +1 -0
  25. package/dist/safety-state-stop-DuMBCxN5.js +91 -0
  26. package/dist/safety-state-stop-DuMBCxN5.js.map +1 -0
  27. package/dist/theming-BgAu1ds7.cjs +115 -0
  28. package/dist/theming-BgAu1ds7.cjs.map +1 -0
  29. package/dist/{theming-B1iO9Lkl.js → theming-DouElHKD.js} +3555 -3608
  30. package/dist/theming-DouElHKD.js.map +1 -0
  31. package/dist/wb-icons.cjs.js +2 -0
  32. package/dist/wb-icons.cjs.js.map +1 -0
  33. package/dist/wb-icons.d.ts +3 -0
  34. package/dist/wb-icons.d.ts.map +1 -0
  35. package/dist/wb-icons.es.js +27 -0
  36. package/dist/wb-icons.es.js.map +1 -0
  37. package/dist/wbLogo-CObCmqTw.js +31 -0
  38. package/dist/wbLogo-CObCmqTw.js.map +1 -0
  39. package/dist/wbLogo-G_IfZ03l.cjs +2 -0
  40. package/dist/wbLogo-G_IfZ03l.cjs.map +1 -0
  41. package/package.json +6 -1
  42. package/src/components/VelocitySlider.tsx +3 -2
  43. package/src/components/jogging/JoggingCartesianTab.tsx +10 -2
  44. package/src/components/jogging/JoggingJointTab.tsx +11 -2
  45. package/src/components/jogging/JoggingOptions.tsx +4 -4
  46. package/src/components/jogging/JoggingStore.ts +22 -35
  47. package/src/components/jogging/JoggingVelocitySlider.tsx +20 -17
  48. package/src/components/safetyBar/icons/index.ts +10 -0
  49. package/src/core.ts +0 -1
  50. package/src/icons/index.ts +9 -4
  51. package/src/index.ts +1 -0
  52. package/src/wb-icons.ts +3 -0
  53. package/dist/theming-B1iO9Lkl.js.map +0 -1
  54. package/dist/theming-BKsKrdpU.cjs +0 -115
  55. package/dist/theming-BKsKrdpU.cjs.map +0 -1
  56. package/src/icons/arrowForwardFilled.svg +0 -1
  57. package/src/icons/chevronDown.svg +0 -3
  58. package/src/icons/expandFilled.svg +0 -1
  59. package/src/icons/infoOutlined.svg +0 -1
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./safety-state-stop-ClWLVLMl.cjs"),r=require("./wbLogo-G_IfZ03l.cjs");exports.AxisXIcon=o.ForwardRef$10;exports.AxisYIcon=o.ForwardRef$11;exports.AxisZIcon=o.ForwardRef$12;exports.ControllerTypePhysicalIcon=o.ForwardRef;exports.ControllerTypeVirtualIcon=o.ForwardRef$1;exports.JogMinusIcon=o.ForwardRef$13;exports.JogPlusIcon=o.ForwardRef$14;exports.OperationModeAutomaticIcon=o.ForwardRef$2;exports.OperationModeErrorIcon=o.ForwardRef$3;exports.OperationModeManualIcon=o.ForwardRef$4;exports.RobotIcon=o.ForwardRef$15;exports.RotationIcon=o.ForwardRef$16;exports.SafetyStateErrorIcon=o.ForwardRef$5;exports.SafetyStateEstopIcon=o.ForwardRef$6;exports.SafetyStateManualActionRequiredIcon=o.ForwardRef$7;exports.SafetyStateNormalIcon=o.ForwardRef$8;exports.SafetyStateStopIcon=o.ForwardRef$9;exports.HomeIcon=r.ForwardRef;exports.JoggingIcon=r.ForwardRef$1;exports.OrientationCoordSystemIcon=r.ForwardRef$2;exports.OrientationToolIcon=r.ForwardRef$3;exports.WBLogoIcon=r.ForwardRef$4;
2
+ //# sourceMappingURL=wb-icons.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wb-icons.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from "./components/safetyBar/icons";
2
+ export * from "./icons";
3
+ //# sourceMappingURL=wb-icons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wb-icons.d.ts","sourceRoot":"","sources":["../src/wb-icons.ts"],"names":[],"mappings":"AACA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,SAAS,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { j as n, k as t, l as s, F as e, a as c, m as r, n as I, b as i, c as l, d as S, o as p, p as y, e as f, f as d, g, h as m, i as u } from "./safety-state-stop-DuMBCxN5.js";
2
+ import { F as x, a as A, b as O, c as b, d as C } from "./wbLogo-CObCmqTw.js";
3
+ export {
4
+ n as AxisXIcon,
5
+ t as AxisYIcon,
6
+ s as AxisZIcon,
7
+ e as ControllerTypePhysicalIcon,
8
+ c as ControllerTypeVirtualIcon,
9
+ x as HomeIcon,
10
+ r as JogMinusIcon,
11
+ I as JogPlusIcon,
12
+ A as JoggingIcon,
13
+ i as OperationModeAutomaticIcon,
14
+ l as OperationModeErrorIcon,
15
+ S as OperationModeManualIcon,
16
+ O as OrientationCoordSystemIcon,
17
+ b as OrientationToolIcon,
18
+ p as RobotIcon,
19
+ y as RotationIcon,
20
+ f as SafetyStateErrorIcon,
21
+ d as SafetyStateEstopIcon,
22
+ g as SafetyStateManualActionRequiredIcon,
23
+ m as SafetyStateNormalIcon,
24
+ u as SafetyStateStopIcon,
25
+ C as WBLogoIcon
26
+ };
27
+ //# sourceMappingURL=wb-icons.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wb-icons.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -0,0 +1,31 @@
1
+ import * as e from "react";
2
+ import { forwardRef as n } from "react";
3
+ const o = ({
4
+ title: l,
5
+ titleId: t,
6
+ ...r
7
+ }, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952", clipRule: "evenodd" })), w = n(o), c = ({
8
+ title: l,
9
+ titleId: t,
10
+ ...r
11
+ }, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z", clipRule: "evenodd" })), h = n(c), v = ({
12
+ title: l,
13
+ titleId: t,
14
+ ...r
15
+ }, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 21, height: 21, fill: "none", viewBox: "0 0 23 22", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z" })), d = n(v), i = ({
16
+ title: l,
17
+ titleId: t,
18
+ ...r
19
+ }, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 17, fill: "none", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467" })), g = n(i), m = ({
20
+ title: l,
21
+ titleId: t,
22
+ ...r
23
+ }, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 21 25", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z" })), f = n(m);
24
+ export {
25
+ w as F,
26
+ h as a,
27
+ d as b,
28
+ g as c,
29
+ f as d
30
+ };
31
+ //# sourceMappingURL=wbLogo-CObCmqTw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wbLogo-CObCmqTw.js","sources":["../src/icons/home.svg","../src/icons/jogging.svg","../src/icons/orientation-coord-system.svg","../src/icons/orientation-tool.svg","../src/icons/wbLogo.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgHome = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgHome);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgJogging = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgJogging);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationCoordSystem = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 21, fill: \"none\", viewBox: \"0 0 23 22\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z\" }));\nconst ForwardRef = forwardRef(SvgOrientationCoordSystem);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationTool = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 15, height: 17, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467\" }));\nconst ForwardRef = forwardRef(SvgOrientationTool);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgWbLogo = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"currentColor\", viewBox: \"0 0 21 25\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z\" }));\nconst ForwardRef = forwardRef(SvgWbLogo);\nexport default ForwardRef;\n"],"names":["SvgHome","title","titleId","props","ref","React","ForwardRef","forwardRef","SvgJogging","SvgOrientationCoordSystem","SvgOrientationTool","SvgWbLogo"],"mappings":";;AAEA,MAAMA,IAAU,CAAC;AAAA,EACf,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,0RAA0R,UAAU,UAAS,CAAE,CAAC,GAC1oBC,IAAaC,EAAWP,CAAO,GCL/BQ,IAAa,CAAC;AAAA,EAClB,OAAAP;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,KAAWD,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,kWAAkW,UAAU,UAAS,CAAE,CAAC,GACpsBC,IAAaC,EAAWC,CAAU,GCLlCC,IAA4B,CAAC;AAAA,EACjC,OAAAR;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,SAAS,aAAa,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,GAAG,ubAAsb,CAAE,CAAC,GACpxBC,IAAaC,EAAWE,CAAyB,GCLjDC,IAAqB,CAAC;AAAA,EAC1B,OAAAT;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,GAAG,ujBAAsjB,CAAE,CAAC,GAC93BC,IAAaC,EAAWG,CAAkB,GCL1CC,IAAY,CAAC;AAAA,EACjB,OAAAV;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,MAAM,gBAAgB,SAAS,aAAa,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,GAAG,sHAAqH,CAAE,CAAC,GAC9aC,IAAaC,EAAWI,CAAS;"}
@@ -0,0 +1,2 @@
1
+ "use strict";const o=require("react");function n(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const t=n(o),c=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952",clipRule:"evenodd"})),d=o.forwardRef(c),i=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z",clipRule:"evenodd"})),w=o.forwardRef(i),f=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:21,height:21,fill:"none",viewBox:"0 0 23 22",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",d:"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z"})),s=o.forwardRef(f),v=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:15,height:17,fill:"none",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",d:"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467"})),m=o.forwardRef(v),g=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 21 25",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{d:"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z"})),h=o.forwardRef(g);exports.ForwardRef=d;exports.ForwardRef$1=w;exports.ForwardRef$2=s;exports.ForwardRef$3=m;exports.ForwardRef$4=h;
2
+ //# sourceMappingURL=wbLogo-G_IfZ03l.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wbLogo-G_IfZ03l.cjs","sources":["../src/icons/home.svg","../src/icons/jogging.svg","../src/icons/orientation-coord-system.svg","../src/icons/orientation-tool.svg","../src/icons/wbLogo.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgHome = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgHome);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgJogging = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgJogging);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationCoordSystem = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 21, fill: \"none\", viewBox: \"0 0 23 22\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z\" }));\nconst ForwardRef = forwardRef(SvgOrientationCoordSystem);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationTool = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 15, height: 17, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467\" }));\nconst ForwardRef = forwardRef(SvgOrientationTool);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgWbLogo = ({\n title,\n titleId,\n ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"currentColor\", viewBox: \"0 0 21 25\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z\" }));\nconst ForwardRef = forwardRef(SvgWbLogo);\nexport default ForwardRef;\n"],"names":["SvgHome","title","titleId","props","ref","React","ForwardRef","forwardRef","SvgJogging","SvgOrientationCoordSystem","SvgOrientationTool","SvgWbLogo"],"mappings":"gUAEMA,EAAU,CAAC,CACf,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,yRAA0R,SAAU,SAAS,CAAE,CAAC,EAC1oBC,EAAaC,EAAAA,WAAWP,CAAO,ECL/BQ,EAAa,CAAC,CAClB,MAAAP,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,GAAWD,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,iWAAkW,SAAU,SAAS,CAAE,CAAC,EACpsBC,EAAaC,EAAAA,WAAWC,CAAU,ECLlCC,EAA4B,CAAC,CACjC,MAAAR,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,QAAS,YAAa,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,EAAG,sbAAsb,CAAE,CAAC,EACpxBC,EAAaC,EAAAA,WAAWE,CAAyB,ECLjDC,EAAqB,CAAC,CAC1B,MAAAT,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,EAAG,sjBAAsjB,CAAE,CAAC,EAC93BC,EAAaC,EAAAA,WAAWG,CAAkB,ECL1CC,EAAY,CAAC,CACjB,MAAAV,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,KAAM,eAAgB,QAAS,YAAa,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,EAAG,qHAAqH,CAAE,CAAC,EAC9aC,EAAaC,EAAAA,WAAWI,CAAS"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/wandelbots-js-react-components",
3
- "version": "5.0.0",
3
+ "version": "5.1.0-pr.fix-mm-in-turntable.567.ecfcc37",
4
4
  "description": "React UI toolkit for building applications on top of the Wandelbots platform",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -27,6 +27,11 @@
27
27
  "types": "./dist/3d.d.ts",
28
28
  "import": "./dist/3d.es.js",
29
29
  "require": "./dist/3d.cjs.js"
30
+ },
31
+ "./wb-icons": {
32
+ "types": "./dist/wb-icons.d.ts",
33
+ "import": "./dist/wb-icons.es.js",
34
+ "require": "./dist/wb-icons.cjs.js"
30
35
  }
31
36
  },
32
37
  "types": "./dist/index.d.ts",
@@ -10,9 +10,10 @@ type VelocitySliderProps = {
10
10
  min: number
11
11
  max: number
12
12
  velocity: number
13
- onVelocityChange: (newVelocity: number) => void
13
+ onVelocityChange: (newVelocity: number, useDegree: boolean) => void
14
14
  disabled?: boolean
15
15
  renderValue?: (value: number) => ReactNode
16
+ useDegree: boolean
16
17
  store: JoggingStore
17
18
  }
18
19
 
@@ -25,7 +26,7 @@ export const VelocitySlider = observer((props: VelocitySliderProps) => {
25
26
  function onSliderChange(_event: Event, newVelocity: number | number[]) {
26
27
  if (newVelocity === props.velocity || !isNumber(newVelocity)) return
27
28
 
28
- props.onVelocityChange(newVelocity)
29
+ props.onVelocityChange(newVelocity, props.useDegree)
29
30
  }
30
31
 
31
32
  return (
@@ -194,8 +194,16 @@ export const JoggingCartesianTab = observer(
194
194
  return (
195
195
  <Stack flexGrow={1} gap={2} sx={{ padding: "18px 24px" }}>
196
196
  <Stack gap={2}>
197
- <JoggingOptions store={store} />
198
- <JoggingVelocitySlider store={store} />
197
+ <JoggingOptions
198
+ store={store}
199
+ useDegree={store.selectedCartesianMotionType === "rotate"}
200
+ />
201
+
202
+ <JoggingVelocitySlider
203
+ store={store}
204
+ useDegree={store.selectedCartesianMotionType === "rotate"}
205
+ />
206
+
199
207
  <Divider />
200
208
  </Stack>
201
209
 
@@ -37,7 +37,13 @@ export const JoggingJointTab = observer(
37
37
 
38
38
  return (
39
39
  <Stack flexGrow={1} gap={2} sx={{ padding: "18px 24px" }}>
40
- <JoggingVelocitySlider store={store} />
40
+ <JoggingVelocitySlider
41
+ store={store}
42
+ useDegree={
43
+ store.jointCategory === JointCategory.REVOLUTE
44
+ }
45
+ />
46
+
41
47
  <Divider />
42
48
 
43
49
  <Stack
@@ -76,7 +82,10 @@ export const JoggingJointTab = observer(
76
82
  disabled={store.isLocked}
77
83
  lowerLimit={jointLimits?.lower_limit}
78
84
  upperLimit={jointLimits?.upper_limit}
79
- useDegree={store.currentMotionType === "rotate"}
85
+ useDegree={
86
+ store.jointCategory === JointCategory.REVOLUTE
87
+ }
88
+
80
89
  getValue={() => {
81
90
  const value =
82
91
  store.jogger.motionStream.rapidlyChangingMotionState
@@ -10,7 +10,7 @@ import {
10
10
  type OrientationId,
11
11
  } from "./JoggingStore"
12
12
 
13
- export const JoggingOptions = observer(({ store }: { store: JoggingStore }) => {
13
+ export const JoggingOptions = observer(({ store, useDegree }: { store: JoggingStore, useDegree: boolean }) => {
14
14
  const { t } = useTranslation()
15
15
  const componentId = useId()
16
16
  const joggingOptions: React.ReactElement[] = []
@@ -118,9 +118,9 @@ export const JoggingOptions = observer(({ store }: { store: JoggingStore }) => {
118
118
  ? null
119
119
  : store.discreteIncrementOptions.map((inc) => (
120
120
  <MenuItem key={inc.id} value={inc.id}>
121
- {store.currentMotionType === "translate"
122
- ? `${inc.mm}mm`
123
- : `${inc.degrees}°`}
121
+ {useDegree
122
+ ? `${inc.degrees}°`
123
+ : `${inc.mm}mm`}
124
124
  </MenuItem>
125
125
  ))}
126
126
  </AdornedSelect>,
@@ -46,7 +46,7 @@ export enum JointCategory {
46
46
  }
47
47
 
48
48
  type TabType = "cartesian" | "joint" | "debug";
49
-
49
+ export type CartesianMotionType = "translate" | "rotate"
50
50
 
51
51
  export class JoggingStore {
52
52
  selectedTabId: TabType = "cartesian";
@@ -96,7 +96,7 @@ export class JoggingStore {
96
96
  * When on the cartesian tab, jogging can be either translating or rotating
97
97
  * around the TCP.
98
98
  */
99
- selectedCartesianMotionType: "translate" | "rotate" = "translate"
99
+ selectedCartesianMotionType: CartesianMotionType = "translate"
100
100
 
101
101
  /**
102
102
  * If the jogger is busy running an incremental jog, this will be set
@@ -379,41 +379,27 @@ export class JoggingStore {
379
379
  }
380
380
 
381
381
  /** Selected velocity in mm/sec or deg/sec */
382
- get velocityInDisplayUnits() {
383
- return this.currentMotionType === "translate"
384
- ? this.translationVelocityMmPerSec
385
- : this.rotationVelocityDegPerSec
382
+ velocityInDisplayUnits(useDegree: boolean) {
383
+ return useDegree
384
+ ? this.rotationVelocityDegPerSec
385
+ : this.translationVelocityMmPerSec
386
386
  }
387
387
 
388
+
388
389
  /** Minimum selectable velocity in mm/sec or deg/sec */
389
- get minVelocityInDisplayUnits() {
390
- return this.currentMotionType === "translate"
391
- ? this.minTranslationVelocityMmPerSec
392
- : this.minRotationVelocityDegPerSec
390
+ minVelocityInDisplayUnits(useDegree: boolean) {
391
+ return useDegree
392
+ ? this.minRotationVelocityDegPerSec
393
+ : this.minTranslationVelocityMmPerSec
393
394
  }
394
395
 
396
+
395
397
  /** Maximum selectable velocity in mm/sec or deg/sec */
396
- get maxVelocityInDisplayUnits() {
397
- return this.currentMotionType === "translate"
398
- ? this.maxTranslationVelocityMmPerSec
399
- : this.maxRotationVelocityDegPerSec
400
- }
398
+ maxVelocityInDisplayUnits(useDegree: boolean) {
399
+ return useDegree
400
+ ? this.maxRotationVelocityDegPerSec :
401
+ this.maxTranslationVelocityMmPerSec
401
402
 
402
- /**
403
- * For velocity unit purposes, joint and cartesian rotation
404
- * are treated as the same type of motion
405
- */
406
- get currentMotionType() {
407
- if (
408
- (
409
- this.selectedTabId === "cartesian" &&
410
- this.selectedCartesianMotionType === "translate"
411
- ) || this.jointCategory === JointCategory.PRISMATIC
412
- ) {
413
- return "translate"
414
- } else {
415
- return "rotate"
416
- }
417
403
  }
418
404
 
419
405
 
@@ -459,15 +445,16 @@ export class JoggingStore {
459
445
  this.incrementJogInProgress = incrementJog
460
446
  }
461
447
 
462
- setVelocityFromSlider(velocity: number) {
463
- if (this.currentMotionType === "translate") {
464
- this.translationVelocityMmPerSec = velocity
465
- } else {
448
+ setVelocityFromSlider(velocity: number,useDegree : boolean ) {
449
+ if (useDegree) {
466
450
  this.rotationVelocityDegPerSec = velocity
451
+ } else {
452
+ this.translationVelocityMmPerSec = velocity
467
453
  }
468
454
  }
469
455
 
470
- setSelectedCartesianMotionType(type: "translate" | "rotate") {
456
+
457
+ setSelectedCartesianMotionType(type: CartesianMotionType) {
471
458
  this.selectedCartesianMotionType = type
472
459
  }
473
460
 
@@ -1,35 +1,38 @@
1
- import { observer, useLocalObservable } from "mobx-react-lite"
1
+ import { observer} from "mobx-react-lite"
2
2
  import { useTranslation } from "react-i18next"
3
3
  import { VelocitySlider, VelocitySliderLabel } from "../VelocitySlider"
4
4
  import type { JoggingStore } from "./JoggingStore"
5
5
 
6
6
  export const JoggingVelocitySlider = observer(
7
- ({ store }: { store: JoggingStore }) => {
7
+ ({
8
+ store,
9
+ useDegree,
10
+ }: {
11
+ store: JoggingStore
12
+ useDegree: boolean
13
+ }) => {
14
+
8
15
  const { t } = useTranslation()
9
16
 
10
- const state = useLocalObservable(() => ({
11
- get valueLabelFormat() {
12
- if (store.currentMotionType === "translate") {
13
- return (value: number) =>
14
- `v = ${t("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: value })}`
15
- } else {
16
- return (value: number) =>
17
- `ω = ${t("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: value })}`
18
- }
19
- },
20
- }))
17
+ function valueLabelFormat(value: number, useDegree: boolean): string {
18
+ return useDegree
19
+ ? = ${t("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: value })}`
20
+ : `v = ${t("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: value })}`
21
+ }
22
+
21
23
 
22
24
  return (
23
25
  <VelocitySlider
24
26
  store={store}
25
- velocity={store.velocityInDisplayUnits}
26
- min={store.minVelocityInDisplayUnits}
27
- max={store.maxVelocityInDisplayUnits}
27
+ velocity={store.velocityInDisplayUnits(useDegree)}
28
+ min={store.minVelocityInDisplayUnits(useDegree)}
29
+ max={store.maxVelocityInDisplayUnits(useDegree)}
28
30
  onVelocityChange={store.setVelocityFromSlider}
31
+ useDegree={useDegree}
29
32
  disabled={store.isLocked}
30
33
  renderValue={(value) => (
31
34
  <VelocitySliderLabel
32
- value={state.valueLabelFormat(value)}
35
+ value={valueLabelFormat(value, useDegree)}
33
36
  sx={{
34
37
  minWidth: "111px",
35
38
  span: {
@@ -0,0 +1,10 @@
1
+ export { default as ControllerTypePhysicalIcon } from "./controller-type-physical.svg"
2
+ export { default as ControllerTypeVirtualIcon } from "./controller-type-virtual.svg"
3
+ export { default as OperationModeAutomaticIcon } from "./operation-mode-automatic.svg"
4
+ export { default as OperationModeErrorIcon } from "./operation-mode-error.svg"
5
+ export { default as OperationModeManualIcon } from "./operation-mode-manual.svg"
6
+ export { default as SafetyStateErrorIcon } from "./safety-state-error.svg"
7
+ export { default as SafetyStateEstopIcon } from "./safety-state-estop.svg"
8
+ export { default as SafetyStateManualActionRequiredIcon } from "./safety-state-manual-action-required.svg"
9
+ export { default as SafetyStateNormalIcon } from "./safety-state-normal.svg"
10
+ export { default as SafetyStateStopIcon } from "./safety-state-stop.svg"
package/src/core.ts CHANGED
@@ -31,4 +31,3 @@ export * from "./lib/motionStateUpdate"
31
31
  export * from "./lib/MotionStreamConnection"
32
32
  export * from "./themes/themeTypes"
33
33
  export { createNovaMuiTheme } from "./themes/theming"
34
-
@@ -1,7 +1,12 @@
1
- export { default as ArrowForwardFilledIcon } from "./arrowForwardFilled.svg"
2
- export { default as ChevronDownIcon } from "./chevronDown.svg"
3
- export { default as ExpandFilledIcon } from "./expandFilled.svg"
1
+ export { default as AxisXIcon } from "./axis-x.svg"
2
+ export { default as AxisYIcon } from "./axis-y.svg"
3
+ export { default as AxisZIcon } from "./axis-z.svg"
4
4
  export { default as HomeIcon } from "./home.svg"
5
- export { default as InfoOutlinedIcon } from "./infoOutlined.svg"
5
+ export { default as JogMinusIcon } from "./jog-minus.svg"
6
+ export { default as JogPlusIcon } from "./jog-plus.svg"
7
+ export { default as JoggingIcon } from "./jogging.svg"
8
+ export { default as OrientationCoordSystemIcon } from "./orientation-coord-system.svg"
9
+ export { default as OrientationToolIcon } from "./orientation-tool.svg"
6
10
  export { default as RobotIcon } from "./robot.svg"
11
+ export { default as RotationIcon } from "./rotation.svg"
7
12
  export { default as WBLogoIcon } from "./wbLogo.svg"
package/src/index.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  // Re-export all sub-entry points
2
2
  export * from "./3d"
3
3
  export * from "./core"
4
+ export * from "./wb-icons"
@@ -0,0 +1,3 @@
1
+ // Icon components (SVG icons for UI and safety bar)
2
+ export * from "./components/safetyBar/icons"
3
+ export * from "./icons"