@variocube/app-ui 1.14.0 → 1.14.2
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/esm/help/HelpSettingsContext.js +2 -3
- package/esm/help/HelpSettingsContext.js.map +1 -1
- package/esm/logo/VCLogo.js +7 -8
- package/esm/logo/VCLogo.js.map +1 -1
- package/esm/logo/VCLogoIcon.js +3 -3
- package/esm/logo/VCLogoIcon.js.map +1 -1
- package/package.json +3 -2
- package/src/help/HelpSettingsContext.tsx +2 -3
- package/src/logo/VCLogo.tsx +59 -49
- package/src/logo/VCLogoIcon.tsx +58 -48
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { Button, Dialog, DialogActions, DialogTitle } from "@mui/material";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { createContext, Fragment, useCallback, useContext, useEffect, useMemo, useState, } from "react";
|
|
4
|
-
|
|
5
|
-
const semverDiff = require("semver/functions/diff");
|
|
4
|
+
import semver from "semver";
|
|
6
5
|
const emptyContext = {
|
|
7
6
|
baseUrl: "",
|
|
8
7
|
setSelectedHelpPage: (page) => console.error(`Empty context should not call setSelectedHelpPage(${page}), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
|
|
@@ -66,7 +65,7 @@ export function HelpSettingsContextProvider({ baseUrl, apiUrl, localStorageVar,
|
|
|
66
65
|
const lastSeenVersion = localStorage.getItem(localStorageVar);
|
|
67
66
|
if (lastSeenVersion
|
|
68
67
|
&& semver.lt(lastSeenVersion, currentVersion)
|
|
69
|
-
&& ["major", "minor"].includes(
|
|
68
|
+
&& ["major", "minor"].includes(semver.diff(lastSeenVersion, currentVersion))) {
|
|
70
69
|
setOpenDialog(true);
|
|
71
70
|
}
|
|
72
71
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpSettingsContext.js","sourceRoot":"","sources":["../../src/help/HelpSettingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,aAAa,EACb,QAAQ,EAGR,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"HelpSettingsContext.js","sourceRoot":"","sources":["../../src/help/HelpSettingsContext.tsx"],"names":[],"mappings":"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"}
|
package/esm/logo/VCLogo.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { useTheme } from "@mui/material";
|
|
2
|
+
import React from "react";
|
|
3
3
|
export function VCLogo(props) {
|
|
4
4
|
const theme = useTheme();
|
|
5
5
|
if (theme.palette.mode == "light") {
|
|
@@ -14,18 +14,17 @@ export const VCLogoBlueOrange = (props) => (React.createElement("svg", Object.as
|
|
|
14
14
|
clipRule: "evenodd",
|
|
15
15
|
strokeLinejoin: "round",
|
|
16
16
|
strokeMiterlimit: 2,
|
|
17
|
-
}, width: 260, height: 52 }, props),
|
|
18
|
-
React.createElement("path", { style: { fill: "#05164d"
|
|
19
|
-
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z", style: { fill: "#05164d", fillRule: "nonzero"
|
|
20
|
-
React.createElement("path", { d: "M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: { fill: "#ff6a00", fillRule: "nonzero"
|
|
17
|
+
}, width: 260, height: 52, display: "block" }, props),
|
|
18
|
+
React.createElement("path", { style: { fill: "#05164d" }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
19
|
+
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z", style: { fill: "#05164d", fillRule: "nonzero" } }),
|
|
20
|
+
React.createElement("path", { d: "M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: { fill: "#ff6a00", fillRule: "nonzero" } })));
|
|
21
21
|
export const VCLogoWhite = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 260 52", xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
|
|
22
22
|
fillRule: "evenodd",
|
|
23
23
|
clipRule: "evenodd",
|
|
24
24
|
strokeLinejoin: "round",
|
|
25
25
|
strokeMiterlimit: 2,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
React.createElement("path", { style: { fill: "#fff", }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
26
|
+
}, width: 260, height: 52, display: "block" }, props),
|
|
27
|
+
React.createElement("path", { style: { fill: "#fff" }, d: "M130 12.75h6.71v25.51H130z" }),
|
|
29
28
|
React.createElement("path", { d: "M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54ZM0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z", style: {
|
|
30
29
|
fill: "#fff",
|
|
31
30
|
fillRule: "nonzero",
|
package/esm/logo/VCLogo.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCLogo.js","sourceRoot":"","sources":["../../src/logo/VCLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"VCLogo.js","sourceRoot":"","sources":["../../src/logo/VCLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,MAAM,UAAU,MAAM,CAAC,KAA8B;IACpD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IACxC,CAAC;SAAM,CAAC;QACP,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;IACnC,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACnE,2CACC,mBAAmB,EAAC,eAAe,EACnC,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BAAM,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAAE,CAAC,EAAC,4BAA4B,GAAG;IACjE,8BACC,CAAC,EAAC,8jDAA8jD,EAChkD,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,GAC5C;IACF,8BACC,CAAC,EAAC,yIAAyI,EAC3I,KAAK,EAAE,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,GAC5C,CACG,CACN,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC9D,2CACC,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BAAM,KAAK,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,CAAC,EAAC,4BAA4B,GAAG;IAC9D,8BACC,CAAC,EAAC,qsDAAqsD,EACvsD,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC"}
|
package/esm/logo/VCLogoIcon.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { useTheme } from "@mui/material";
|
|
2
|
+
import React from "react";
|
|
3
3
|
export function VCLogoIcon(props) {
|
|
4
4
|
const theme = useTheme();
|
|
5
5
|
if (theme.palette.mode == "light") {
|
|
@@ -14,7 +14,7 @@ export const VCLogoIconOrangeBlue = (props) => (React.createElement("svg", Objec
|
|
|
14
14
|
clipRule: "evenodd",
|
|
15
15
|
strokeLinejoin: "round",
|
|
16
16
|
strokeMiterlimit: 2,
|
|
17
|
-
} }, props),
|
|
17
|
+
}, display: "block" }, props),
|
|
18
18
|
React.createElement("path", { d: "M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56Z", style: {
|
|
19
19
|
fill: "#05164d",
|
|
20
20
|
fillRule: "nonzero",
|
|
@@ -28,7 +28,7 @@ export const VCLogoIconWhite = (props) => (React.createElement("svg", Object.ass
|
|
|
28
28
|
clipRule: "evenodd",
|
|
29
29
|
strokeLinejoin: "round",
|
|
30
30
|
strokeMiterlimit: 2,
|
|
31
|
-
} }, props),
|
|
31
|
+
}, display: "block" }, props),
|
|
32
32
|
React.createElement("path", { d: "M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56ZM0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z", style: {
|
|
33
33
|
fill: "#fff",
|
|
34
34
|
fillRule: "nonzero",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VCLogoIcon.js","sourceRoot":"","sources":["../../src/logo/VCLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"VCLogoIcon.js","sourceRoot":"","sources":["../../src/logo/VCLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,MAAM,UAAU,UAAU,CAAC,KAA8B;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;QACnC,OAAO,oBAAC,oBAAoB,oBAAK,KAAK,EAAI,CAAC;IAC5C,CAAC;SAAM,CAAC;QACP,OAAO,oBAAC,eAAe,oBAAK,KAAK,EAAI,CAAC;IACvC,CAAC;AACF,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACvE,2CACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BACC,CAAC,EAAC,qGAAqG,EACvG,KAAK,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;SACnB,GACA;IACF,8BACC,CAAC,EAAC,yIAAyI,EAC3I,KAAK,EAAE;YACN,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClE,2CACC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACnB,EACD,OAAO,EAAC,OAAO,IACX,KAAK;IAET,8BACC,CAAC,EAAC,4OAA4O,EAC9O,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,SAAS;SACnB,GACA,CACG,CACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@variocube/app-ui",
|
|
3
|
-
"version": "1.14.
|
|
3
|
+
"version": "1.14.2",
|
|
4
4
|
"description": "Common UI components for Variocube applications.",
|
|
5
5
|
"module": "esm/index.js",
|
|
6
6
|
"types": "esm/index.d.ts",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"json-lexer": "^1.2.0",
|
|
34
34
|
"react-async-hook": "^4.0.0",
|
|
35
35
|
"roboto-fontface": "^0.10.0",
|
|
36
|
-
"semver": "^7.
|
|
36
|
+
"semver": "^7.7.2"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@emotion/react": "^11.9.0",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
"@types/react-helmet": "^6.1.11",
|
|
49
49
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
50
50
|
"@types/react-test-renderer": "^17.0.2",
|
|
51
|
+
"@types/semver": "^7.7.0",
|
|
51
52
|
"dprint": "^0.46.3",
|
|
52
53
|
"file-loader": "^6.2.0",
|
|
53
54
|
"html-webpack-plugin": "^5.5.0",
|
|
@@ -11,8 +11,7 @@ import {
|
|
|
11
11
|
useMemo,
|
|
12
12
|
useState,
|
|
13
13
|
} from "react";
|
|
14
|
-
|
|
15
|
-
const semverDiff = require("semver/functions/diff");
|
|
14
|
+
import semver from "semver";
|
|
16
15
|
|
|
17
16
|
interface HelpSettingsContextData {
|
|
18
17
|
baseUrl: string;
|
|
@@ -137,7 +136,7 @@ export function HelpSettingsContextProvider(
|
|
|
137
136
|
if (
|
|
138
137
|
lastSeenVersion
|
|
139
138
|
&& semver.lt(lastSeenVersion, currentVersion)
|
|
140
|
-
&& ["major", "minor"].includes(
|
|
139
|
+
&& ["major", "minor"].includes(semver.diff(lastSeenVersion, currentVersion) as string)
|
|
141
140
|
) {
|
|
142
141
|
setOpenDialog(true);
|
|
143
142
|
} else {
|
package/src/logo/VCLogo.tsx
CHANGED
|
@@ -1,56 +1,66 @@
|
|
|
1
|
-
import React, {SVGProps} from "react";
|
|
2
1
|
import {useTheme} from "@mui/material";
|
|
2
|
+
import React, {SVGProps} from "react";
|
|
3
3
|
|
|
4
4
|
export function VCLogo(props: SVGProps<SVGSVGElement>) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
if (theme.palette.mode == "light") {
|
|
7
|
+
return <VCLogoBlueOrange {...props} />;
|
|
8
|
+
} else {
|
|
9
|
+
return <VCLogoWhite {...props} />;
|
|
10
|
+
}
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
export const VCLogoBlueOrange = (props: SVGProps<SVGSVGElement>) => (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
14
|
+
<svg
|
|
15
|
+
preserveAspectRatio="xMinYMin meet"
|
|
16
|
+
viewBox="0 0 260 52"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
xmlSpace="preserve"
|
|
19
|
+
style={{
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
strokeLinejoin: "round",
|
|
23
|
+
strokeMiterlimit: 2,
|
|
24
|
+
}}
|
|
25
|
+
width={260}
|
|
26
|
+
height={52}
|
|
27
|
+
display="block"
|
|
28
|
+
{...props}
|
|
29
|
+
>
|
|
30
|
+
<path style={{fill: "#05164d"}} d="M130 12.75h6.71v25.51H130z" />
|
|
31
|
+
<path
|
|
32
|
+
d="M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54Z"
|
|
33
|
+
style={{fill: "#05164d", fillRule: "nonzero"}}
|
|
34
|
+
/>
|
|
35
|
+
<path
|
|
36
|
+
d="M0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z"
|
|
37
|
+
style={{fill: "#ff6a00", fillRule: "nonzero"}}
|
|
38
|
+
/>
|
|
39
|
+
</svg>
|
|
40
|
+
);
|
|
35
41
|
export const VCLogoWhite = (props: SVGProps<SVGSVGElement>) => (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
42
|
+
<svg
|
|
43
|
+
viewBox="0 0 260 52"
|
|
44
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
45
|
+
xmlSpace="preserve"
|
|
46
|
+
style={{
|
|
47
|
+
fillRule: "evenodd",
|
|
48
|
+
clipRule: "evenodd",
|
|
49
|
+
strokeLinejoin: "round",
|
|
50
|
+
strokeMiterlimit: 2,
|
|
51
|
+
}}
|
|
52
|
+
width={260}
|
|
53
|
+
height={52}
|
|
54
|
+
display="block"
|
|
55
|
+
{...props}
|
|
56
|
+
>
|
|
57
|
+
<path style={{fill: "#fff"}} d="M130 12.75h6.71v25.51H130z" />
|
|
58
|
+
<path
|
|
59
|
+
d="M95.11 12.75h-8.28l-8.08 25.49h6.66l1.49-5.53h7.61l1.48 5.53h7.14l-8.02-25.49Zm-7 15.18 2.48-9.35h.32l2.45 9.35h-5.25ZM121.8 28.45a7.831 7.831 0 0 0 4.54-7.21c0-5-3.2-8.49-9.63-8.49h-11.08v25.49h6.61v-8.89h3l4.24 8.89h7.38l-5.06-9.79Zm-6.13-3.74h-3.43v-7h3.5a3.447 3.447 0 0 1 3.702 3.419l-.002.111c0 2.33-1.59 3.47-3.77 3.47ZM152.04 12.3c-7.4 0-11.61 4.62-11.61 11.87v2.8c0 7.18 4.19 11.74 11.59 11.74 7.4 0 11.59-4.56 11.59-11.74v-2.8c0-7.21-4.17-11.87-11.57-11.87Zm4.73 14.71c0 4.19-1.89 6.32-4.75 6.32-2.86 0-4.78-2.09-4.78-6.32v-2.93c0-4.19 1.89-6.38 4.75-6.38 2.86 0 4.75 2.19 4.75 6.38l.03 2.93ZM173.14 26.84c0 4.27 1.7 6.38 4.51 6.38 2.81 0 4.15-2 4.15-4.54h6.37v.87c0 5.24-4.17 9.16-10.62 9.16-7.19 0-11.25-4.54-11.25-11.9v-2.57c0-7.39 4.08-11.95 11.25-11.95 6.4 0 10.62 3.91 10.62 9.31v.84h-6.37c0-2.52-1.44-4.65-4.19-4.65-2.75 0-4.47 2.19-4.47 6.45v2.6ZM198.24 28.58c0 3.12 1.72 4.58 4.19 4.58 2.47 0 4.2-1.49 4.2-4.58V12.75h6.61v16.77c0 5.55-4.13 9.19-10.89 9.19-6.76 0-10.88-3.64-10.88-9.19V12.75h6.77v15.83ZM232.71 24.86v-.3a5.372 5.372 0 0 0 4.64-5.55c0-4-3.25-6.26-8-6.26h-11.61v25.49h11.93c4.8 0 8.86-2.54 8.86-7.25.072-3.273-2.547-6.033-5.82-6.13Zm-8.33-7.47h3.23c2 0 3.21 1 3.21 2.78 0 1.78-1.14 2.84-3.64 2.84h-2.8v-5.62Zm3.1 16.24h-3.1v-6.45h3.51c2.5 0 3.83 1.25 3.83 3.23s-1.48 3.22-4.24 3.22ZM259.37 38.26h-17.48V12.75h17.48V18h-10.84v5.05h10.15v4.82h-10.15v5.14h10.84v5.25ZM69.13 25.9l3.38 12.41h-6.86L56.94 12.7h8.59l3.6 13.2ZM75 31.24l6.31-18.54h-8.59l-1.38 5.09L75 31.24ZM14.24 46.48l29.94-17.24v9L22.09 51.02l-7.85-4.54Zm-4.25-2.45 34.19-19.79v-9L2.12 39.49l7.87 4.54ZM0 35.81V15.24l17.84 10.27L0 35.81Zm34.24-19.75 7.86-4.53L22.1 0l-7.86 4.53 20 11.53ZM9.98 6.99l-7.86 4.53 20 11.53 7.86-4.53-20-11.53Z"
|
|
60
|
+
style={{
|
|
61
|
+
fill: "#fff",
|
|
62
|
+
fillRule: "nonzero",
|
|
63
|
+
}}
|
|
64
|
+
/>
|
|
65
|
+
</svg>
|
|
66
|
+
);
|
package/src/logo/VCLogoIcon.tsx
CHANGED
|
@@ -1,55 +1,65 @@
|
|
|
1
|
-
import React, {SVGProps} from "react";
|
|
2
1
|
import {useTheme} from "@mui/material";
|
|
2
|
+
import React, {SVGProps} from "react";
|
|
3
3
|
|
|
4
4
|
export function VCLogoIcon(props: SVGProps<SVGSVGElement>) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
if (theme.palette.mode == "light") {
|
|
7
|
+
return <VCLogoIconOrangeBlue {...props} />;
|
|
8
|
+
} else {
|
|
9
|
+
return <VCLogoIconWhite {...props} />;
|
|
10
|
+
}
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
export const VCLogoIconOrangeBlue = (props: SVGProps<SVGSVGElement>) => (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
14
|
+
<svg
|
|
15
|
+
viewBox="0 0 74 86"
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
xmlSpace="preserve"
|
|
18
|
+
style={{
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
clipRule: "evenodd",
|
|
21
|
+
strokeLinejoin: "round",
|
|
22
|
+
strokeMiterlimit: 2,
|
|
23
|
+
}}
|
|
24
|
+
display="block"
|
|
25
|
+
{...props}
|
|
26
|
+
>
|
|
27
|
+
<path
|
|
28
|
+
d="M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56Z"
|
|
29
|
+
style={{
|
|
30
|
+
fill: "#05164d",
|
|
31
|
+
fillRule: "nonzero",
|
|
32
|
+
}}
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
d="M0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z"
|
|
36
|
+
style={{
|
|
37
|
+
fill: "#ff6a00",
|
|
38
|
+
fillRule: "nonzero",
|
|
39
|
+
}}
|
|
40
|
+
/>
|
|
41
|
+
</svg>
|
|
42
|
+
);
|
|
38
43
|
export const VCLogoIconWhite = (props: SVGProps<SVGSVGElement>) => (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
<svg
|
|
45
|
+
viewBox="0 0 74 86"
|
|
46
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
47
|
+
xmlSpace="preserve"
|
|
48
|
+
style={{
|
|
49
|
+
fillRule: "evenodd",
|
|
50
|
+
clipRule: "evenodd",
|
|
51
|
+
strokeLinejoin: "round",
|
|
52
|
+
strokeMiterlimit: 2,
|
|
53
|
+
}}
|
|
54
|
+
display="block"
|
|
55
|
+
{...props}
|
|
56
|
+
>
|
|
57
|
+
<path
|
|
58
|
+
d="M23.68 77.48 73.6 48.66v15.08l-36.82 21.3-13.1-7.56Zm-7.08-4.09 57-32.92V25.35L3.5 65.83l13.1 7.56ZM0 59.74V25.35l29.69 17.17L0 59.74Zm57-33 13.1-7.56L36.78 0l-13.1 7.56L57 26.74ZM16.6 11.65 3.5 19.21l33.28 19.22 13.1-7.56L16.6 11.65Z"
|
|
59
|
+
style={{
|
|
60
|
+
fill: "#fff",
|
|
61
|
+
fillRule: "nonzero",
|
|
62
|
+
}}
|
|
63
|
+
/>
|
|
64
|
+
</svg>
|
|
65
|
+
);
|