@trackunit/utilization-tokens 2.5.28 → 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.
Files changed (4) hide show
  1. package/index.cjs.js +15 -15
  2. package/index.esm.js +6 -7
  3. package/package.json +1 -1
  4. 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
- exports.UtilizationState = void 0;
93
- (function (UtilizationState) {
94
- UtilizationState["Unused"] = "Unused";
95
- UtilizationState["Utilized"] = "Utilized";
96
- UtilizationState["HeavilyUtilized"] = "HeavilyUtilized";
97
- UtilizationState["Unknown"] = "N/A";
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
- [exports.UtilizationState.Unused]: uiDesignTokens.color("UNUSED", 400, "HEX"),
108
- [exports.UtilizationState.Utilized]: uiDesignTokens.color("UTILIZED", 600, "HEX"),
109
- [exports.UtilizationState.HeavilyUtilized]: uiDesignTokens.color("HEAVILY_UTILIZED", 500, "HEX"),
110
- [exports.UtilizationState.Unknown]: uiDesignTokens.color("UNKNOWN_UTILIZATION", 600, "HEX"),
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
- [exports.UtilizationState.Unused]: t("asset.utilization.unused"),
114
- [exports.UtilizationState.Utilized]: t("asset.utilization.utilized"),
115
- [exports.UtilizationState.HeavilyUtilized]: t("asset.utilization.heavilyUtilized"),
116
- [exports.UtilizationState.Unknown]: "N/A",
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
- var UtilizationState;
91
- (function (UtilizationState) {
92
- UtilizationState["Unused"] = "Unused";
93
- UtilizationState["Utilized"] = "Utilized";
94
- UtilizationState["HeavilyUtilized"] = "HeavilyUtilized";
95
- UtilizationState["Unknown"] = "N/A";
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
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/utilization-tokens",
3
- "version": "2.5.28",
3
+ "version": "3.0.0",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
package/src/useUtilizationTokens.d.ts CHANGED
@@ -1,18 +1,19 @@
1
- export declare enum UtilizationState {
2
- Unused = "Unused",
3
- Utilized = "Utilized",
4
- HeavilyUtilized = "HeavilyUtilized",
5
- Unknown = "N/A"
6
- }
7
- export type UtilizationColors = Record<UtilizationState, string>;
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: UtilizationState) => string;
15
- getUtilizationLabel: (state: UtilizationState) => string;
15
+ getUtilizationColor: (state: UtilizationStateValue) => string;
16
+ getUtilizationLabel: (state: UtilizationStateValue) => string;
16
17
  utilizationColors: UtilizationColors;
17
- utilizationLabels: Record<UtilizationState, string>;
18
+ utilizationLabels: Record<UtilizationStateValue, string>;
18
19
  };