@trackunit/utilization-tokens 2.5.27 → 3.0.0
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/index.cjs.js +15 -15
- package/index.esm.js +6 -7
- package/migrations/entry.js.map +1 -0
- package/package.json +2 -2
- package/src/useUtilizationTokens.d.ts +11 -10
package/index.cjs.js
CHANGED
|
@@ -89,13 +89,12 @@ const useActivityTokens = () => {
|
|
|
89
89
|
return react.useMemo(() => ({ getActivityColor, activityColors, activityLabels, getActivityLabel }), [getActivityColor, activityColors, activityLabels, getActivityLabel]);
|
|
90
90
|
};
|
|
91
91
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
})(exports.UtilizationState || (exports.UtilizationState = {}));
|
|
92
|
+
const UtilizationState = {
|
|
93
|
+
Unused: "Unused",
|
|
94
|
+
Utilized: "Utilized",
|
|
95
|
+
HeavilyUtilized: "HeavilyUtilized",
|
|
96
|
+
Unknown: "N/A",
|
|
97
|
+
};
|
|
99
98
|
/**
|
|
100
99
|
* Returns the utilization colors and labels.
|
|
101
100
|
*
|
|
@@ -104,16 +103,16 @@ exports.UtilizationState = void 0;
|
|
|
104
103
|
const useUtilizationTokens = () => {
|
|
105
104
|
const [t] = useTranslation();
|
|
106
105
|
const utilizationColors = react.useMemo(() => ({
|
|
107
|
-
[
|
|
108
|
-
[
|
|
109
|
-
[
|
|
110
|
-
[
|
|
106
|
+
[UtilizationState.Unused]: uiDesignTokens.color("UNUSED", 400, "HEX"),
|
|
107
|
+
[UtilizationState.Utilized]: uiDesignTokens.color("UTILIZED", 600, "HEX"),
|
|
108
|
+
[UtilizationState.HeavilyUtilized]: uiDesignTokens.color("HEAVILY_UTILIZED", 500, "HEX"),
|
|
109
|
+
[UtilizationState.Unknown]: uiDesignTokens.color("UNKNOWN_UTILIZATION", 600, "HEX"),
|
|
111
110
|
}), []);
|
|
112
111
|
const utilizationLabels = react.useMemo(() => ({
|
|
113
|
-
[
|
|
114
|
-
[
|
|
115
|
-
[
|
|
116
|
-
[
|
|
112
|
+
[UtilizationState.Unused]: t("asset.utilization.unused"),
|
|
113
|
+
[UtilizationState.Utilized]: t("asset.utilization.utilized"),
|
|
114
|
+
[UtilizationState.HeavilyUtilized]: t("asset.utilization.heavilyUtilized"),
|
|
115
|
+
[UtilizationState.Unknown]: "N/A",
|
|
117
116
|
}), [t]);
|
|
118
117
|
const getUtilizationColor = react.useCallback((state) => utilizationColors[state], [utilizationColors]);
|
|
119
118
|
const getUtilizationLabel = react.useCallback((state) => utilizationLabels[state], [utilizationLabels]);
|
|
@@ -129,6 +128,7 @@ const useUtilizationTokens = () => {
|
|
|
129
128
|
*/
|
|
130
129
|
setupLibraryTranslations();
|
|
131
130
|
|
|
131
|
+
exports.UtilizationState = UtilizationState;
|
|
132
132
|
exports.assetActivityState = assetActivityState;
|
|
133
133
|
exports.useActivityTokens = useActivityTokens;
|
|
134
134
|
exports.useUtilizationTokens = useUtilizationTokens;
|
package/index.esm.js
CHANGED
|
@@ -87,13 +87,12 @@ const useActivityTokens = () => {
|
|
|
87
87
|
return useMemo(() => ({ getActivityColor, activityColors, activityLabels, getActivityLabel }), [getActivityColor, activityColors, activityLabels, getActivityLabel]);
|
|
88
88
|
};
|
|
89
89
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
})(UtilizationState || (UtilizationState = {}));
|
|
90
|
+
const UtilizationState = {
|
|
91
|
+
Unused: "Unused",
|
|
92
|
+
Utilized: "Utilized",
|
|
93
|
+
HeavilyUtilized: "HeavilyUtilized",
|
|
94
|
+
Unknown: "N/A",
|
|
95
|
+
};
|
|
97
96
|
/**
|
|
98
97
|
* Returns the utilization colors and labels.
|
|
99
98
|
*
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/utilization/tokens/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/utilization-tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=24.x"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@trackunit/i18n-library-translation": "2.4.
|
|
10
|
+
"@trackunit/i18n-library-translation": "2.4.33",
|
|
11
11
|
"@trackunit/ui-design-tokens": "1.15.13"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
Unused
|
|
3
|
-
Utilized
|
|
4
|
-
HeavilyUtilized
|
|
5
|
-
Unknown
|
|
6
|
-
}
|
|
7
|
-
export type
|
|
1
|
+
export declare const UtilizationState: {
|
|
2
|
+
readonly Unused: "Unused";
|
|
3
|
+
readonly Utilized: "Utilized";
|
|
4
|
+
readonly HeavilyUtilized: "HeavilyUtilized";
|
|
5
|
+
readonly Unknown: "N/A";
|
|
6
|
+
};
|
|
7
|
+
export type UtilizationStateValue = (typeof UtilizationState)[keyof typeof UtilizationState];
|
|
8
|
+
export type UtilizationColors = Record<UtilizationStateValue, string>;
|
|
8
9
|
/**
|
|
9
10
|
* Returns the utilization colors and labels.
|
|
10
11
|
*
|
|
11
12
|
* @returns {UtilizationColors} utilizationColors
|
|
12
13
|
*/
|
|
13
14
|
export declare const useUtilizationTokens: () => {
|
|
14
|
-
getUtilizationColor: (state:
|
|
15
|
-
getUtilizationLabel: (state:
|
|
15
|
+
getUtilizationColor: (state: UtilizationStateValue) => string;
|
|
16
|
+
getUtilizationLabel: (state: UtilizationStateValue) => string;
|
|
16
17
|
utilizationColors: UtilizationColors;
|
|
17
|
-
utilizationLabels: Record<
|
|
18
|
+
utilizationLabels: Record<UtilizationStateValue, string>;
|
|
18
19
|
};
|