namirasoft-site-react 1.4.431 → 1.4.433
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/App.js +2 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSGauge.js +1 -1
- package/dist/components/NSGauge.js.map +1 -1
- package/dist/components/NSGaugeDate.js +2 -2
- package/dist/components/NSGaugeDate.js.map +1 -1
- package/dist/components/NSGaugeNumber.js +1 -1
- package/dist/components/NSGaugeNumber.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +4 -4
- package/src/components/NSGauge.tsx +1 -1
- package/src/components/NSGaugeDate.tsx +3 -2
- package/src/components/NSGaugeNumber.tsx +1 -1
package/dist/App.js
CHANGED
|
@@ -72,11 +72,11 @@ export function App() {
|
|
|
72
72
|
text: "test"
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
] }), _jsx(NSGaugeDate, { title: 'XXX', from: new Date("2025/
|
|
75
|
+
] }), _jsx(NSGaugeDate, { title: 'XXX', from: new Date("2025/08/01"), to: new Date("2025/08/31"), colors: {
|
|
76
76
|
low: "green",
|
|
77
77
|
medium: "yellow",
|
|
78
78
|
high: "red"
|
|
79
|
-
} }), _jsx(NSGaugeNumber, { title: 'XXX', current:
|
|
79
|
+
} }), _jsx(NSGaugeNumber, { title: 'XXX', current: 900, total: 950, colors: {
|
|
80
80
|
low: "green",
|
|
81
81
|
medium: "yellow",
|
|
82
82
|
high: "red"
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvM,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,UAAU,GAAG;IAElB,IAAI,EAAE,GAAG,CAAC;QACT,OAAO,KAAC,cAAc,IACrB,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,GAC3B,CAAA;IACH,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,KAAK,EAAE;wBACN;4BACC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;4BACpB,GAAG,EAAE,qEAAqE;4BAC1E,KAAK,EAAE,CAAC;yBACR;qBACD;iBACD;aACD,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,qEAAqE,EAC1E,UAAU,EAAE,EAAE,KAAK,EAAE,2EAA2E,EAAE,EAClG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,EACR,MAAM,EAAE;gBACP;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,6HAA6H,EAAE;iBACjL;gBACD;oBACC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;oBACrB,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,8BAA8B,EAAE;iBACvE;aACD,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,EACtE,MAAM,EAAE;gBACP,KAAK,EAAE,oBAAoB;gBAC3B,WAAW,EAAE,QAAQ;gBACrB,KAAK,EACL;oBACC,GAAG,EAAE,CAAC;4BACL,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;4BACpB,OAAO,EAAE;gCACR,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;gCACjB,WAAW,EAAE,KAAK;6BAClB;4BACD,SAAS,EAAE,MAAM;4BACjB,EAAE,EAAE,MAAM;yBACV,CAAC;oBACF,GAAG,EAAE,CAAC;4BACL,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;4BACpB,OAAO,EAAE;gCACR,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;gCACjB,WAAW,EAAE,KAAK;6BAClB;4BACD,SAAS,EAAE,MAAM;4BACjB,EAAE,EAAE,MAAM;yBACV,CAAC;iBACF;aACD,aAED,KAAC,SAAS,IACT,IAAI,EAAE;wBACL;4BACC,OAAO,EAAE,IAAI;4BACb,UAAU,EAAE,GAAG,EAAE,CAAC,mBAAK;4BACvB,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE;gCACL,IAAI,EAAE,MAAM;6BACZ;yBACD;qBACD,GACA,EACF,KAAC,WAAW,IACX,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAC5B,EAAE,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAC1B,MAAM,EAAE;wBACP,GAAG,EAAE,OAAO;wBACZ,MAAM,EAAE,QAAQ;wBAChB,IAAI,EAAE,KAAK;qBACX,GACA,EACF,KAAC,aAAa,IACb,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Styles from "./NSGauge.module.css";
|
|
3
3
|
export function NSGauge(props) {
|
|
4
|
-
const progressPercent =
|
|
4
|
+
const progressPercent = Math.max(Math.min((props.current * 100) / props.total, 100), 0);
|
|
5
5
|
const progressDeg = Math.round(progressPercent) * 1.8;
|
|
6
6
|
const color = progressPercent <= 25 ? props.colors.low : progressPercent >= 75 ? props.colors.high : props.colors.medium;
|
|
7
7
|
return (_jsxs("div", { className: Styles.ns_wrapper, children: [_jsxs("div", { className: Styles.ns_gauge_and_hand_wrapper, children: [_jsx("div", { className: Styles.ns_gauge_wrapper, children: _jsxs("div", { className: Styles.ns_gauge_progress_wrapper, children: [_jsx("div", { className: Styles.ns_gauge_progress }), _jsx("div", { className: `${Styles.ns_gauge_progress_bar}`, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSGauge.js","sourceRoot":"","sources":["../../src/components/NSGauge.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,UAAU,OAAO,CAAC,KAAmB;IAEvC,MAAM,eAAe,GAAG,
|
|
1
|
+
{"version":3,"file":"NSGauge.js","sourceRoot":"","sources":["../../src/components/NSGauge.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,UAAU,OAAO,CAAC,KAAmB;IAEvC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACxF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC;IACtD,MAAM,KAAK,GAAG,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IAEzH,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAC7B,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACnC,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAI,EAC5C,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAC5C,KAAK,EAAE;wCACH,SAAS,EAAE,WAAW,WAAW,MAAM;wCACvC,gBAAgB,EAAE,KAAK;wCACvB,iBAAiB,EAAE,KAAK;qCAC3B,GACH,IACA,GACJ,EACN,cACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,WAAW,MAAM,EAAE,YAElD,eAAM,CAAC,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,kBAAc,KAAK,GAAG,GACpE,IACJ,EACL,KAAK,CAAC,WAAW,IAAI,2BAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,SAAS,IAC/D,CACT,CAAC;AACN,CAAC"}
|
|
@@ -10,10 +10,10 @@ const getFormattedDate = (date) => {
|
|
|
10
10
|
return `${year}-${month}-${day}`;
|
|
11
11
|
};
|
|
12
12
|
export function NSGaugeDate(props) {
|
|
13
|
-
let [state, setState] = useState({ current:
|
|
13
|
+
let [state, setState] = useState({ current: new Date().getTime() - props.from.getTime() });
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
const interval = setInterval(() => {
|
|
16
|
-
setState({ current:
|
|
16
|
+
setState({ current: new Date().getTime() - props.from.getTime() });
|
|
17
17
|
}, 1000);
|
|
18
18
|
return () => {
|
|
19
19
|
clearInterval(interval);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSGaugeDate.js","sourceRoot":"","sources":["../../src/components/NSGaugeDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAuB,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAe9C,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE;IAEpC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEpD,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAAuB;IAE/C,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NSGaugeDate.js","sourceRoot":"","sources":["../../src/components/NSGaugeDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAuB,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAe9C,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,EAAE;IAEpC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEpD,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAAuB;IAE/C,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAE7G,SAAS,CAAC,GAAG,EAAE;QAEX,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAE9B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QACtE,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YAER,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC,CAAC;IAEN,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEf,IAAI,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IACtD,OAAO,CACH,MAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aACrD,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAClC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAQ,GACjD,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EAC3F,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACjC,yBAAO,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAQ,EAC3C,yBAAO,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,GAAQ,IACvC,EACN,KAAC,OAAO,IACJ,IAAI,EAAE,eAAe,CAAC,IAAI,GAC5B,EACF,KAAC,WAAW,IACR,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,KAAK,CAAC,EAAE,GAChB,IACA,IACA,CACb,CAAC;AACN,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { NSGauge } from "./NSGauge";
|
|
|
4
4
|
import Styles from "./NSGaugeNumber.module.css";
|
|
5
5
|
export function NSGaugeNumber(props) {
|
|
6
6
|
var _a;
|
|
7
|
-
let formatter = (_a = props.formatter) !== null && _a !== void 0 ? _a : (value => value
|
|
7
|
+
let formatter = (_a = props === null || props === void 0 ? void 0 : props.formatter) !== null && _a !== void 0 ? _a : (value => value + "");
|
|
8
8
|
return (_jsxs(NSPanel, { style: { margin: 0, padding: 0, width: "20rem" }, children: [_jsx("div", { className: Styles.ns_gauge_header, children: _jsx("span", { className: Styles.title, children: props.title }) }), _jsxs("div", { className: Styles.ns_gauge_body, children: [_jsx(NSGauge, { total: props.total, current: props.current, showPercent: true, colors: props.colors }), _jsxs("div", { className: Styles.ns_title_wrapper, children: [_jsx("span", { className: Styles.title, children: formatter(props.current) }), _jsx("span", { className: Styles.subtitle, children: `Out of ${formatter(props.total)}` })] })] })] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=NSGaugeNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSGaugeNumber.js","sourceRoot":"","sources":["../../src/components/NSGaugeNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAWhD,MAAM,UAAU,aAAa,CAAC,KAAyB;;IAEnD,IAAI,SAAS,GAAG,MAAA,KAAK,
|
|
1
|
+
{"version":3,"file":"NSGaugeNumber.js","sourceRoot":"","sources":["../../src/components/NSGaugeNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAWhD,MAAM,UAAU,aAAa,CAAC,KAAyB;;IAEnD,IAAI,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IAC1D,OAAO,CACH,MAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aACrD,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAClC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAQ,GACjD,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,WAAW,QAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,EACzF,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACnC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAQ,EAChE,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,UAAU,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAQ,IAC3E,IACJ,IACA,CACb,CAAC;AACN,CAAC"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -86,8 +86,8 @@ export function App()
|
|
|
86
86
|
/>
|
|
87
87
|
<NSGaugeDate
|
|
88
88
|
title='XXX'
|
|
89
|
-
from={new Date("2025/
|
|
90
|
-
to={new Date("2025/08/
|
|
89
|
+
from={new Date("2025/08/01")}
|
|
90
|
+
to={new Date("2025/08/31")}
|
|
91
91
|
colors={{
|
|
92
92
|
low: "green",
|
|
93
93
|
medium: "yellow",
|
|
@@ -96,8 +96,8 @@ export function App()
|
|
|
96
96
|
/>
|
|
97
97
|
<NSGaugeNumber
|
|
98
98
|
title='XXX'
|
|
99
|
-
current={
|
|
100
|
-
total={
|
|
99
|
+
current={900}
|
|
100
|
+
total={950}
|
|
101
101
|
colors={{
|
|
102
102
|
low: "green",
|
|
103
103
|
medium: "yellow",
|
|
@@ -16,7 +16,7 @@ export interface NSGaugeColorProps
|
|
|
16
16
|
|
|
17
17
|
export function NSGauge(props: NSGaugeProps)
|
|
18
18
|
{
|
|
19
|
-
const progressPercent =
|
|
19
|
+
const progressPercent = Math.max(Math.min((props.current * 100) / props.total, 100), 0);
|
|
20
20
|
const progressDeg = Math.round(progressPercent) * 1.8;
|
|
21
21
|
const color = progressPercent <= 25 ? props.colors.low : progressPercent >= 75 ? props.colors.high : props.colors.medium;
|
|
22
22
|
|
|
@@ -27,19 +27,20 @@ const getFormattedDate = (date: Date) =>
|
|
|
27
27
|
|
|
28
28
|
export function NSGaugeDate(props: NSGaugeDateProps)
|
|
29
29
|
{
|
|
30
|
-
let [state, setState] = useState<NSGaugeDateState>({ current:
|
|
30
|
+
let [state, setState] = useState<NSGaugeDateState>({ current: new Date().getTime() - props.from.getTime() });
|
|
31
31
|
|
|
32
32
|
useEffect(() =>
|
|
33
33
|
{
|
|
34
34
|
const interval = setInterval(() =>
|
|
35
35
|
{
|
|
36
|
-
setState({ current:
|
|
36
|
+
setState({ current: new Date().getTime() - props.from.getTime() })
|
|
37
37
|
}, 1000);
|
|
38
38
|
|
|
39
39
|
return () =>
|
|
40
40
|
{
|
|
41
41
|
clearInterval(interval);
|
|
42
42
|
};
|
|
43
|
+
// eslint-disable-next-line
|
|
43
44
|
}, [props.to]);
|
|
44
45
|
|
|
45
46
|
let total = props.to.getTime() - props.from.getTime();
|
|
@@ -13,7 +13,7 @@ export interface NSGaugeNumberProps extends IBaseComponentProps
|
|
|
13
13
|
|
|
14
14
|
export function NSGaugeNumber(props: NSGaugeNumberProps)
|
|
15
15
|
{
|
|
16
|
-
let formatter = props
|
|
16
|
+
let formatter = props?.formatter ?? (value => value + "");
|
|
17
17
|
return (
|
|
18
18
|
<NSPanel style={{ margin: 0, padding: 0, width: "20rem" }}>
|
|
19
19
|
<div className={Styles.ns_gauge_header}>
|