@activecollab/components 2.0.195 → 2.0.197

package/dist/esm/utils/timeUtils.js

@@ -1,33 +1,43 @@
+import { formatNumber } from "./currencyUtils";
 /**
  * @function formatHours
  * @description
- * Formats a decimal number representing hours into a formatted string (HH:MM).
- * The input can be a number, string, or undefined. The function handles various formats
- * and can optionally add a leading zero to the hours component.
+ * Formats a decimal number representing hours into a formatted string (HH:MM) or a short form if needed.
+ * The input can be a number, string, or undefined. It handles various formats and can optionally add a
+ * leading zero to the hours component. With the new "format" argument, if set to "short" and the value is
+ * greater than or equal to 1000, it will return a shortened format (e.g., 1K) similar to formatNumber.
  *
- * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
- * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
+ * @param {number | string | undefined} num - The input representing the hours.
+ * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part.
  * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.
+ * @param {"long" | "short"} [format="long"] - The format type, either "long" for full numbers or "short" for abbreviated output.
  *
- * @returns {string} - A formatted time string in HH:MM format.
+ * @returns {string} - A formatted time string or a shortened string.
  *
  * @example
  * formatHours(1.5) // "1:30"
  * formatHours("3.5", true) // "03:30"
+ * formatHours(1500, false, false, "short") // "1K" (using formatNumber)
  */
-export const formatHours = function (num, withLeadingZeroHours, trimZeroMinutes) {
+export const formatHours = function (num, withLeadingZeroHours, trimZeroMinutes, format) {
   if (withLeadingZeroHours === void 0) {
     withLeadingZeroHours = false;
   }
   if (trimZeroMinutes === void 0) {
     trimZeroMinutes = false;
   }
+  if (format === void 0) {
+    format = "long";
+  }
+  // Handle the explicit zero case.
   if (num === 0 || num === "0") {
     return trimZeroMinutes ? "0" : withLeadingZeroHours ? "00:00" : "0:00";
   }
   if (!num) {
     return "";
   }
+
+  // If the input is in colon format, process it as before.
   if (typeof num === "string" && num.indexOf(":") >= 0) {
     // eslint-disable-next-line prefer-const
     let [_hours, _minutes] = num.split(":");
@@ -48,16 +58,27 @@ export const formatHours = function (num, withLeadingZeroHours, trimZeroMinutes)
     }
     return withLeadingZeroHours ? "00:" + _minutes : "0:" + _minutes;
   }
+
+  // Replace comma with dot if needed.
   if (typeof num === "string" && num.indexOf(",") >= 0) {
     num = num.replace(",", ".");
   }
   const input = typeof num === "string" ? parseFloat(num) : num;
+
+  // Use short formatting if specified and the value is >= 1000.
+  if (format === "short" && input >= 1000) {
+    return formatNumber(input, ",", ".", true, 2, "short");
+  }
+
+  // For whole numbers.
   if (!isDecimal(input)) {
     if (trimZeroMinutes) {
       return withLeadingZeroHours ? withLeadingZero(input) : String(Number(input));
     }
     return withLeadingZeroHours ? withLeadingZero(input) + ":00" : input + ":00";
   }
+
+  // Process decimal hours.
   const decimal = input.toFixed(2);
   const time = decimal.toString().split(".");
   let hours = time[0];
@@ -65,11 +86,11 @@ export const formatHours = function (num, withLeadingZeroHours, trimZeroMinutes)
     hours = withLeadingZero(hours);
   }
   const minutes = time[1];
-  const minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-  if (trimZeroMinutes && minutes_formatted === 0) {
+  const minutesFormatted = Math.round(parseInt(minutes, 10) / 100 * 60);
+  if (trimZeroMinutes && minutesFormatted === 0) {
     return hours;
   }
-  return hours + ":" + withLeadingZero(minutes_formatted);
+  return hours + ":" + withLeadingZero(minutesFormatted);
 };
 export const withLeadingZero = function (num, size) {
   if (size === void 0) {

package/dist/esm/utils/timeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.js","names":["formatHours","num","withLeadingZeroHours","trimZeroMinutes","indexOf","_hours","_minutes","split","length","Number","withLeadingZero","String","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger","isValidTime","undefined","test"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM).\n * The input can be a number, string, or undefined. The function handles various formats\n * and can optionally add a leading zero to the hours component.\n *\n * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.\n * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.\n *\n * @returns {string} - A formatted time string in HH:MM format.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false,\n  trimZeroMinutes = false\n): string => {\n  if (num === 0 || num === \"0\") {\n    return trimZeroMinutes ? \"0\" : withLeadingZeroHours ? \"00:00\" : \"0:00\";\n  }\n  if (!num) {\n    return \"\";\n  }\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    // eslint-disable-next-line prefer-const\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (trimZeroMinutes && _minutes === \"00\") {\n        return withLeadingZeroHours\n          ? withLeadingZero(_hours)\n          : String(Number(_hours));\n      }\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:${_minutes}`\n        : `${_hours}:${_minutes}`;\n    } else if (_hours && !_minutes) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_hours && !_minutes) {\n      return withLeadingZeroHours ? \"00:00\" : \"0:00\";\n    }\n    return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n  }\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  if (!isDecimal(input)) {\n    if (trimZeroMinutes) {\n      return withLeadingZeroHours\n        ? withLeadingZero(input)\n        : String(Number(input));\n    }\n    return withLeadingZeroHours\n      ? `${withLeadingZero(input)}:00`\n      : `${input}:00`;\n  }\n\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  if (trimZeroMinutes && minutes_formatted === 0) {\n    return hours;\n  }\n\n  return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n\nexport const isValidTime = (time: string | undefined): boolean => {\n  return time === undefined || /^([01]\\d|2[0-3]):([0-5]\\d)$/.test(time);\n};\n"],"mappings":"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"}
+{"version":3,"file":"timeUtils.js","names":["formatNumber","formatHours","num","withLeadingZeroHours","trimZeroMinutes","format","indexOf","_hours","_minutes","split","length","Number","withLeadingZero","String","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutesFormatted","Math","round","parseInt","size","s","isInteger","isValidTime","undefined","test"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["import { formatNumber } from \"./currencyUtils\";\nimport { FormatType } from \"./types\";\n\n/**\n * @function formatHours\n * @description\n * Formats a decimal number representing hours into a formatted string (HH:MM) or a short form if needed.\n * The input can be a number, string, or undefined. It handles various formats and can optionally add a\n * leading zero to the hours component. With the new \"format\" argument, if set to \"short\" and the value is\n * greater than or equal to 1000, it will return a shortened format (e.g., 1K) similar to formatNumber.\n *\n * @param {number | string | undefined} num - The input representing the hours.\n * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part.\n * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.\n * @param {\"long\" | \"short\"} [format=\"long\"] - The format type, either \"long\" for full numbers or \"short\" for abbreviated output.\n *\n * @returns {string} - A formatted time string or a shortened string.\n *\n * @example\n * formatHours(1.5) // \"1:30\"\n * formatHours(\"3.5\", true) // \"03:30\"\n * formatHours(1500, false, false, \"short\") // \"1K\" (using formatNumber)\n */\nexport const formatHours = (\n  num: number | string | undefined,\n  withLeadingZeroHours = false,\n  trimZeroMinutes = false,\n  format: FormatType = \"long\"\n): string => {\n  // Handle the explicit zero case.\n  if (num === 0 || num === \"0\") {\n    return trimZeroMinutes ? \"0\" : withLeadingZeroHours ? \"00:00\" : \"0:00\";\n  }\n  if (!num) {\n    return \"\";\n  }\n\n  // If the input is in colon format, process it as before.\n  if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n    // eslint-disable-next-line prefer-const\n    let [_hours, _minutes] = num.split(\":\");\n    if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n      _minutes = `${Number(_minutes)}0`;\n    }\n    if (_hours && _minutes) {\n      if (trimZeroMinutes && _minutes === \"00\") {\n        return withLeadingZeroHours\n          ? withLeadingZero(_hours)\n          : String(Number(_hours));\n      }\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:${_minutes}`\n        : `${_hours}:${_minutes}`;\n    } else if (_hours && !_minutes) {\n      return withLeadingZeroHours\n        ? `${withLeadingZero(_hours)}:00`\n        : `${_hours}:00`;\n    } else if (!_hours && _minutes) {\n      return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n    } else if (!_hours && !_minutes) {\n      return withLeadingZeroHours ? \"00:00\" : \"0:00\";\n    }\n    return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n  }\n\n  // Replace comma with dot if needed.\n  if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n    num = num.replace(\",\", \".\");\n  }\n\n  const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n  // Use short formatting if specified and the value is >= 1000.\n  if (format === \"short\" && input >= 1000) {\n    return formatNumber(input, \",\", \".\", true, 2, \"short\");\n  }\n\n  // For whole numbers.\n  if (!isDecimal(input)) {\n    if (trimZeroMinutes) {\n      return withLeadingZeroHours\n        ? withLeadingZero(input)\n        : String(Number(input));\n    }\n    return withLeadingZeroHours\n      ? `${withLeadingZero(input)}:00`\n      : `${input}:00`;\n  }\n\n  // Process decimal hours.\n  const decimal = input.toFixed(2);\n  const time = decimal.toString().split(\".\");\n  let hours: string = time[0];\n  if (withLeadingZeroHours) {\n    hours = withLeadingZero(hours);\n  }\n  const minutes: string = time[1];\n  const minutesFormatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n  if (trimZeroMinutes && minutesFormatted === 0) {\n    return hours;\n  }\n\n  return `${hours}:${withLeadingZero(minutesFormatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n  let s = `${num}`;\n  while (s.length < size) s = `0` + s;\n  return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n  return !Number.isInteger(num);\n};\n\nexport const isValidTime = (time: string | undefined): boolean => {\n  return time === undefined || /^([01]\\d|2[0-3]):([0-5]\\d)$/.test(time);\n};\n"],"mappings":"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"}

package/dist/esm/utils/timeUtils.test.js

@@ -1,13 +1,16 @@
 import { formatHours } from "./timeUtils";
 describe("timeUtis.ts", () => {
-  it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", ""], [":", "0:00"], ["1:", "1:00"], ["1:", "01:00", true], [":05", "00:05", true], [",05", "00:03", true], [0.5, "00:30", true], [1.5, "01:30", true], [1.5, "1:30", false], ["0:3", "0:30", false], ["555:35", "555:35", false], ["555", "555:00", false], [555.5, "555:30", false], ["5:00", "5", false, true], ["05:00", "05", true, true], ["12:00", "12", false, true], ["12:30", "12:30", false, true], [5, "5:00", false, false], [5, "5", false, true], [0, "0:00", false, false], [0, "0", false, true], [5, "05", true, true], ["5:00", "05", true, true], ["05:00", "5", false, true]])("should formatTime", function (value, expected, leadingZero, trimZeroMinutes) {
+  it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", ""], [":", "0:00"], ["1:", "1:00"], ["1:", "01:00", true], [":05", "00:05", true], [",05", "00:03", true], [0.5, "00:30", true], [1.5, "01:30", true], [1.5, "1:30", false], ["0:3", "0:30", false], ["555:35", "555:35", false], ["555", "555:00", false], [555.5, "555:30", false], ["5:00", "5", false, true], ["05:00", "05", true, true], ["12:00", "12", false, true], ["12:30", "12:30", false, true], [5, "5:00", false, false], [5, "5", false, true], [0, "0:00", false, false], [0, "0", false, true], [5, "05", true, true], ["5:00", "05", true, true], ["05:00", "5", false, true], [1500, "1.5K", false, false, "short"], [1000, "1K", false, false, "short"], ["999.50", "999:30", false, false, "short"], [1500.25, "1.5K", false, false, "short"]])("should formatTime", function (value, expected, leadingZero, trimZeroMinutes, format) {
     if (leadingZero === void 0) {
       leadingZero = false;
     }
     if (trimZeroMinutes === void 0) {
       trimZeroMinutes = false;
     }
-    expect(formatHours(value, leadingZero, trimZeroMinutes)).toEqual(expected);
+    if (format === void 0) {
+      format = "long";
+    }
+    return expect(formatHours(value, leadingZero, trimZeroMinutes, format)).toEqual(expected);
   });
 });
 //# sourceMappingURL=timeUtils.test.js.map

package/dist/esm/utils/timeUtils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUtils.test.js","names":["formatHours","describe","it","each","value","expected","leadingZero","trimZeroMinutes","expect","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { formatHours } from \"./timeUtils\";\n\ndescribe(\"timeUtis.ts\", () => {\n  it.each([\n    [\"1:30\", \"1:30\"],\n    [\"1:30\", \"01:30\", true],\n    [\"1.5\", \"1:30\"],\n    [\"1.05\", \"1:03\"],\n    [\"5,5\", \"5:30\"],\n    [\"5.5\", \"5:30\"],\n    [\"5:30\", \"5:30\"],\n    [\",5\", \"0:30\"],\n    [\".5\", \"0:30\"],\n    [\"\", \"\"],\n    [\":\", \"0:00\"],\n    [\"1:\", \"1:00\"],\n    [\"1:\", \"01:00\", true],\n    [\":05\", \"00:05\", true],\n    [\",05\", \"00:03\", true],\n    [0.5, \"00:30\", true],\n    [1.5, \"01:30\", true],\n    [1.5, \"1:30\", false],\n    [\"0:3\", \"0:30\", false],\n    [\"555:35\", \"555:35\", false],\n    [\"555\", \"555:00\", false],\n    [555.5, \"555:30\", false],\n    [\"5:00\", \"5\", false, true],\n    [\"05:00\", \"05\", true, true],\n    [\"12:00\", \"12\", false, true],\n    [\"12:30\", \"12:30\", false, true],\n    [5, \"5:00\", false, false],\n    [5, \"5\", false, true],\n    [0, \"0:00\", false, false],\n    [0, \"0\", false, true],\n    [5, \"05\", true, true],\n    [\"5:00\", \"05\", true, true],\n    [\"05:00\", \"5\", false, true],\n  ])(\n    \"should formatTime\",\n    (value, expected, leadingZero = false, trimZeroMinutes = false) => {\n      expect(formatHours(value, leadingZero, trimZeroMinutes)).toEqual(\n        expected\n      );\n    }\n  );\n});\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,aAAa;AAEzCC,QAAQ,CAAC,aAAa,EAAE,MAAM;EAC5BC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,EACvB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,GAAG,EAAE,MAAM,CAAC,EACb,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EACrB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EACtB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAC3B,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EACxB,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,EAC1B,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAC3B,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAC5B,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,EAC/B,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EACzB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,EACrB,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,EACzB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,EACrB,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACrB,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAC1B,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAC5B,CAAC,CACA,mBAAmB,EACnB,UAACC,KAAK,EAAEC,QAAQ,EAAEC,WAAW,EAAUC,eAAe,EAAa;IAAA,IAAjDD,WAAW;MAAXA,WAAW,GAAG,KAAK;IAAA;IAAA,IAAEC,eAAe;MAAfA,eAAe,GAAG,KAAK;IAAA;IAC5DC,MAAM,CAACR,WAAW,CAACI,KAAK,EAAEE,WAAW,EAAEC,eAAe,CAAC,CAAC,CAACE,OAAO,CAC9DJ,QACF,CAAC;EACH,CACF,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"timeUtils.test.js","names":["formatHours","describe","it","each","value","expected","leadingZero","trimZeroMinutes","format","expect","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { formatHours } from \"./timeUtils\";\nimport { FormatType } from \"./types\";\n\ndescribe(\"timeUtis.ts\", () => {\n  it.each([\n    [\"1:30\", \"1:30\"],\n    [\"1:30\", \"01:30\", true],\n    [\"1.5\", \"1:30\"],\n    [\"1.05\", \"1:03\"],\n    [\"5,5\", \"5:30\"],\n    [\"5.5\", \"5:30\"],\n    [\"5:30\", \"5:30\"],\n    [\",5\", \"0:30\"],\n    [\".5\", \"0:30\"],\n    [\"\", \"\"],\n    [\":\", \"0:00\"],\n    [\"1:\", \"1:00\"],\n    [\"1:\", \"01:00\", true],\n    [\":05\", \"00:05\", true],\n    [\",05\", \"00:03\", true],\n    [0.5, \"00:30\", true],\n    [1.5, \"01:30\", true],\n    [1.5, \"1:30\", false],\n    [\"0:3\", \"0:30\", false],\n    [\"555:35\", \"555:35\", false],\n    [\"555\", \"555:00\", false],\n    [555.5, \"555:30\", false],\n    [\"5:00\", \"5\", false, true],\n    [\"05:00\", \"05\", true, true],\n    [\"12:00\", \"12\", false, true],\n    [\"12:30\", \"12:30\", false, true],\n    [5, \"5:00\", false, false],\n    [5, \"5\", false, true],\n    [0, \"0:00\", false, false],\n    [0, \"0\", false, true],\n    [5, \"05\", true, true],\n    [\"5:00\", \"05\", true, true],\n    [\"05:00\", \"5\", false, true],\n    [1500, \"1.5K\", false, false, \"short\" as FormatType],\n    [1000, \"1K\", false, false, \"short\" as FormatType],\n    [\"999.50\", \"999:30\", false, false, \"short\" as FormatType],\n    [1500.25, \"1.5K\", false, false, \"short\" as FormatType],\n  ])(\n    \"should formatTime\",\n    (\n      value,\n      expected,\n      leadingZero = false,\n      trimZeroMinutes = false,\n      format = \"long\"\n    ) =>\n      expect(formatHours(value, leadingZero, trimZeroMinutes, format)).toEqual(\n        expected\n      )\n  );\n});\n"],"mappings":"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"}

package/dist/esm/utils/types.d.ts

@@ -41,11 +41,12 @@ export interface FormatNumberArgs {
     decimalSeparator?: "," | ".";
     trimDecimals?: boolean;
     decimalSpaces?: number;
-    format?: "long" | "short";
+    format?: FormatType;
 }
 export interface FormatCurrencyArgs extends FormatNumberArgs {
     currencyCode?: string;
     currencyCodePosition?: "right" | "left";
 }
+export type FormatType = "short" | "long";
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,OAAO,CACjB,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC1E,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,eAAe,CACzB,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACrC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACxC;;;GAGG;AACH,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACpC,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,OAAO,CACjB,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC1E,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,eAAe,CACzB,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACrC,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,CACjC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACxC;;;GAGG;AACH,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC7B,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACpC,gBAAgB,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzC;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/dist/esm/utils/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/types.ts"],"sourcesContent":["import React from \"react\";\n\n// Source: https://github.com/emotion-js/emotion/blob/master/packages/styled-base/types/helper.d.ts\n// A more precise version of just React.ComponentPropsWithoutRef on its own\nexport type PropsOf<\n  C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>\n> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;\n\ntype AsProp<C extends React.ElementType> = {\n  /**\n   * An override of the default HTML tag.\n   * Can also be another React component.\n   */\n  as?: C;\n};\n\n/**\n * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props\n * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding\n * set of props.\n */\nexport type ExtendableProps<\n  ExtendedProps = Record<string, unknown>,\n  OverrideProps = Record<string, unknown>\n> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;\n\n/**\n * Allows for inheriting the props from the specified element type so that\n * props like children, className & style work, as well as element-specific\n * attributes like aria roles. The component (`C`) must be passed in.\n */\nexport type InheritableElementProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = ExtendableProps<PropsOf<C>, Props>;\n\n/**\n * A more sophisticated version of `InheritableElementProps` where\n * the passed in `as` prop will determine which props can be included\n */\nexport type PolymorphicComponentProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = InheritableElementProps<C, Props & AsProp<C>>;\n\n/**\n * Utility type to extract the `ref` prop from a polymorphic component\n */\nexport type PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>[\"ref\"];\n/**\n * A wrapper of `PolymorphicComponentProps` that also includes the `ref`\n * prop for the polymorphic component\n */\nexport type PolymorphicComponentPropsWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = PolymorphicComponentProps<C, Props> & { ref?: PolymorphicRef<C> };\n\nexport interface FormatNumberArgs {\n  value: string | number;\n  thousandSeparator?: \",\" | \".\" | \" \";\n  decimalSeparator?: \",\" | \".\";\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: \"long\" | \"short\";\n}\n\nexport interface FormatCurrencyArgs extends FormatNumberArgs {\n  currencyCode?: string;\n  currencyCodePosition?: \"right\" | \"left\";\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/types.ts"],"sourcesContent":["import React from \"react\";\n\n// Source: https://github.com/emotion-js/emotion/blob/master/packages/styled-base/types/helper.d.ts\n// A more precise version of just React.ComponentPropsWithoutRef on its own\nexport type PropsOf<\n  C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>\n> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;\n\ntype AsProp<C extends React.ElementType> = {\n  /**\n   * An override of the default HTML tag.\n   * Can also be another React component.\n   */\n  as?: C;\n};\n\n/**\n * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props\n * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding\n * set of props.\n */\nexport type ExtendableProps<\n  ExtendedProps = Record<string, unknown>,\n  OverrideProps = Record<string, unknown>\n> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;\n\n/**\n * Allows for inheriting the props from the specified element type so that\n * props like children, className & style work, as well as element-specific\n * attributes like aria roles. The component (`C`) must be passed in.\n */\nexport type InheritableElementProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = ExtendableProps<PropsOf<C>, Props>;\n\n/**\n * A more sophisticated version of `InheritableElementProps` where\n * the passed in `as` prop will determine which props can be included\n */\nexport type PolymorphicComponentProps<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = InheritableElementProps<C, Props & AsProp<C>>;\n\n/**\n * Utility type to extract the `ref` prop from a polymorphic component\n */\nexport type PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>[\"ref\"];\n/**\n * A wrapper of `PolymorphicComponentProps` that also includes the `ref`\n * prop for the polymorphic component\n */\nexport type PolymorphicComponentPropsWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>\n> = PolymorphicComponentProps<C, Props> & { ref?: PolymorphicRef<C> };\n\nexport interface FormatNumberArgs {\n  value: string | number;\n  thousandSeparator?: \",\" | \".\" | \" \";\n  decimalSeparator?: \",\" | \".\";\n  trimDecimals?: boolean;\n  decimalSpaces?: number;\n  format?: FormatType;\n}\n\nexport interface FormatCurrencyArgs extends FormatNumberArgs {\n  currencyCode?: string;\n  currencyCodePosition?: \"right\" | \"left\";\n}\n\nexport type FormatType = \"short\" | \"long\";\n"],"mappings":""}

package/dist/index.js

@@ -362,16 +362,16 @@
   });
   ButtonGroup.displayName = "ButtonGroup";
 
-  var StyledList = styled__default["default"].ul.withConfig({
+  var StyledList$1 = styled__default["default"].ul.withConfig({
     displayName: "Styles__StyledList",
     componentId: "sc-dv1w0m-0"
   })(["list-style-type:none;margin:0;padding:0;"]);
-  StyledList.displayName = "StyledList";
-  var StyledListItem = styled__default["default"].li.withConfig({
+  StyledList$1.displayName = "StyledList";
+  var StyledListItem$1 = styled__default["default"].li.withConfig({
     displayName: "Styles__StyledListItem",
     componentId: "sc-dv1w0m-1"
   })(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], BoxSizingStyle, FontStyle);
-  StyledListItem.displayName = "StyledListItem";
+  StyledListItem$1.displayName = "StyledListItem";
   var StyledListSeparator$1 = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledListSeparator",
     componentId: "sc-dv1w0m-2"
@@ -383,7 +383,7 @@
     var children = _ref.children,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded$1z);
-    return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
       tabIndex: 0
@@ -406,7 +406,7 @@
     var children = _ref.children,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded$1x);
-    return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
       tabIndex: -1
@@ -723,6 +723,19 @@
     }
     return currencyCodePosition === "right" ? "".concat(formattedNum, " ").concat(currencyCode) : "".concat(currencyCode, " ").concat(formattedNum);
   };
+  var parseValueToNumber = function parseValueToNumber(value, thousandSeparator, decimalSeparator) {
+    var stringValue = String(value).trim();
+    if (stringValue.includes(":")) {
+      var _stringValue$split = stringValue.split(":"),
+        _stringValue$split2 = _slicedToArray(_stringValue$split, 2),
+        hoursPart = _stringValue$split2[0],
+        minutesPart = _stringValue$split2[1];
+      var hours = parseFloat(hoursPart) || 0;
+      var minutes = parseFloat(minutesPart) || 0;
+      return hours + minutes / 60;
+    }
+    return +stringValue.replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
+  };
 
   var validateStopwatchTime = function validateStopwatchTime(value) {
     return /^([0-9]{0,2})?(((:([0-5][0-9])?)|(:[0-5]?))|(\.[0-9]{0,2})|(,[0-9]{0,2}))?$/g.test(value);
@@ -795,29 +808,36 @@
   /**
    * @function formatHours
    * @description
-   * Formats a decimal number representing hours into a formatted string (HH:MM).
-   * The input can be a number, string, or undefined. The function handles various formats
-   * and can optionally add a leading zero to the hours component.
+   * Formats a decimal number representing hours into a formatted string (HH:MM) or a short form if needed.
+   * The input can be a number, string, or undefined. It handles various formats and can optionally add a
+   * leading zero to the hours component. With the new "format" argument, if set to "short" and the value is
+   * greater than or equal to 1000, it will return a shortened format (e.g., 1K) similar to formatNumber.
    *
-   * @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
-   * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
+   * @param {number | string | undefined} num - The input representing the hours.
+   * @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part.
    * @param {boolean} [trimZeroMinutes=false] - Whether to remove minutes if they are zero.
+   * @param {"long" | "short"} [format="long"] - The format type, either "long" for full numbers or "short" for abbreviated output.
    *
-   * @returns {string} - A formatted time string in HH:MM format.
+   * @returns {string} - A formatted time string or a shortened string.
    *
    * @example
    * formatHours(1.5) // "1:30"
    * formatHours("3.5", true) // "03:30"
+   * formatHours(1500, false, false, "short") // "1K" (using formatNumber)
    */
   var formatHours = function formatHours(num) {
     var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var trimZeroMinutes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var format = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "long";
+    // Handle the explicit zero case.
     if (num === 0 || num === "0") {
       return trimZeroMinutes ? "0" : withLeadingZeroHours ? "00:00" : "0:00";
     }
     if (!num) {
       return "";
     }
+
+    // If the input is in colon format, process it as before.
     if (typeof num === "string" && num.indexOf(":") >= 0) {
       // eslint-disable-next-line prefer-const
       var _num$split = num.split(":"),
@@ -841,16 +861,27 @@
       }
       return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
     }
+
+    // Replace comma with dot if needed.
     if (typeof num === "string" && num.indexOf(",") >= 0) {
       num = num.replace(",", ".");
     }
     var input = typeof num === "string" ? parseFloat(num) : num;
+
+    // Use short formatting if specified and the value is >= 1000.
+    if (format === "short" && input >= 1000) {
+      return formatNumber(input, ",", ".", true, 2, "short");
+    }
+
+    // For whole numbers.
     if (!isDecimal(input)) {
       if (trimZeroMinutes) {
         return withLeadingZeroHours ? withLeadingZero(input) : String(Number(input));
       }
       return withLeadingZeroHours ? "".concat(withLeadingZero(input), ":00") : "".concat(input, ":00");
     }
+
+    // Process decimal hours.
     var decimal = input.toFixed(2);
     var time = decimal.toString().split(".");
     var hours = time[0];
@@ -858,11 +889,11 @@
       hours = withLeadingZero(hours);
     }
     var minutes = time[1];
-    var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
-    if (trimZeroMinutes && minutes_formatted === 0) {
+    var minutesFormatted = Math.round(parseInt(minutes, 10) / 100 * 60);
+    if (trimZeroMinutes && minutesFormatted === 0) {
       return hours;
     }
-    return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
+    return "".concat(hours, ":").concat(withLeadingZero(minutesFormatted));
   };
   var withLeadingZero = function withLeadingZero(num) {
     var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
@@ -877,7 +908,7 @@
     return time === undefined || /^([01]\d|2[0-3]):([0-5]\d)$/.test(time);
   };
 
-  var StyledIconButton = styled__default["default"](Button).withConfig({
+  var StyledIconButton$1 = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledIconButton",
     componentId: "sc-1teza2f-0"
   })(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
@@ -919,7 +950,7 @@
       size = _ref.size,
       active = _ref.active,
       args = _objectWithoutProperties(_ref, _excluded$1w);
-    return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
       size: size,
@@ -17676,27 +17707,27 @@
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
       rest = _objectWithoutProperties(_ref, _excluded$y);
-    var numberValue = +String(value).replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
-    var formattedValue = formatNumber(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
-    var formattedLongValue = formatHours(numberValue, withLeadingZero, trimZeroMinutes);
-    var showShortVersion = numberValue > 1000;
-    if (format === "short" && showShortVersion) {
+    var numberValue = parseValueToNumber(value, thousandSeparator, decimalSeparator);
+    var shouldDisplayShort = format === "short" && numberValue >= 1000;
+    var longValue = formatHours(numberValue, withLeadingZero, trimZeroMinutes, "long");
+    var shortValue = formatNumber(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
+    if (shouldDisplayShort) {
       return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-        title: formattedLongValue,
+        title: formatHours(numberValue),
         disable: disableTooltip
       }, /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
         as: as,
         variant: variant,
         className: className,
         ref: ref
-      }, rest), formattedValue));
+      }, rest), shortValue));
     }
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       as: as,
       variant: variant,
       className: className,
       ref: ref
-    }, rest), formattedLongValue);
+    }, rest), longValue);
   });
   DisplayHours.displayName = "DisplayHours";
 
@@ -19485,7 +19516,7 @@
     componentId: "sc-7n59oz-1"
   })([""]);
   StyledValueButtonValue.displayName = "StyledValueButtonValue";
-  var StyledValueButton = styled__default["default"](Button).withConfig({
+  var StyledValueButton$1 = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledValueButton",
     componentId: "sc-7n59oz-2"
   })(["", " ", ""], function (props) {
@@ -19497,7 +19528,7 @@
       "pointerEvents": "none"
     });
   });
-  StyledValueButton.displayName = "StyledValueButton";
+  StyledValueButton$1.displayName = "StyledValueButton";
 
   var _excluded$o = ["active", "alwaysShowIcon", "icon", "label", "value"];
   var ValueButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -19509,7 +19540,7 @@
       label = _ref.label,
       value = _ref.value,
       args = _objectWithoutProperties(_ref, _excluded$o);
-    return /*#__PURE__*/React__default["default"].createElement(StyledValueButton, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(StyledValueButton$1, _extends({
       className: "c-value-button"
     }, args, {
       ref: ref,
@@ -22167,6 +22198,163 @@
     }, title) : title, action), children)));
   };
 
+  var StyledSortWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledSortWrapper",
+    componentId: "sc-11r5ac9-0"
+  })(["", ";"], {
+    "width": "fit-content"
+  });
+  StyledSortWrapper.displayName = "StyledSortWrapper";
+  var StyledValueButton = styled__default["default"](ValueButton).withConfig({
+    displayName: "Styles__StyledValueButton",
+    componentId: "sc-11r5ac9-1"
+  })(["", ";"], {
+    "display": "none",
+    "alignItems": "center",
+    "@media (min-width: 768px)": {
+      "display": "flex"
+    }
+  });
+  StyledValueButton.displayName = "StyledValueButton";
+  var StyledIconButton = styled__default["default"](IconButton).withConfig({
+    displayName: "Styles__StyledIconButton",
+    componentId: "sc-11r5ac9-2"
+  })(["", ";"], {
+    "display": "flex",
+    "alignItems": "center",
+    ":hover": {
+      "color": "var(--color-primary)"
+    },
+    "@media (min-width: 768px)": {
+      "display": "none"
+    }
+  });
+  StyledIconButton.displayName = "StyledIconButton";
+  var StyledSortIcon = styled__default["default"](SortGeneralIcon$1).withConfig({
+    displayName: "Styles__StyledSortIcon",
+    componentId: "sc-11r5ac9-3"
+  })(["", ";"], {
+    "marginTop": "0px"
+  });
+  StyledSortIcon.displayName = "StyledSortIcon";
+  var StyledSortIconDown = styled__default["default"](ArrowDownLongIcon$1).withConfig({
+    displayName: "Styles__StyledSortIconDown",
+    componentId: "sc-11r5ac9-4"
+  })(["", ";"], {
+    "flexShrink": "0"
+  });
+  StyledSortIconDown.displayName = "StyledSortIconDown";
+  var StyledSortIconUp = styled__default["default"](ArrowUpLongIcon$1).withConfig({
+    displayName: "Styles__StyledSortIconUp",
+    componentId: "sc-11r5ac9-5"
+  })(["", ";"], {
+    "flexShrink": "0"
+  });
+  StyledSortIconUp.displayName = "StyledSortIconUp";
+  var StyledList = styled__default["default"](List).withConfig({
+    displayName: "Styles__StyledList",
+    componentId: "sc-11r5ac9-6"
+  })(["", ";"], {
+    "paddingTop": "0.5rem",
+    "paddingBottom": "0.5rem"
+  });
+  StyledList.displayName = "StyledList";
+  var StyledListItem = styled__default["default"](ListItem).withConfig({
+    displayName: "Styles__StyledListItem",
+    componentId: "sc-11r5ac9-7"
+  })(["", ";svg{visibility:hidden;}&:hover svg{fill:var(--color-theme-500);visibility:visible;}", ""], {
+    "justifyContent": "space-between"
+  }, function (props) {
+    return props.$active && styled.css(["", ";svg{fill:var(--color-primary);visibility:visible;}&:hover svg{fill:var(--color-primary);visibility:visible;}"], {
+      "color": "var(--color-primary)"
+    });
+  });
+  StyledListItem.displayName = "StyledListItem";
+  var StyledListItemName = styled__default["default"].span.withConfig({
+    displayName: "Styles__StyledListItemName",
+    componentId: "sc-11r5ac9-8"
+  })(["", ";"], {
+    "overflow": "hidden",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap"
+  });
+  StyledListItemName.displayName = "StyledListItemName";
+
+  var Sort = function Sort(_ref) {
+    var label = _ref.label,
+      icon = _ref.icon,
+      options = _ref.options,
+      selected = _ref.selected,
+      onChange = _ref.onChange,
+      target = _ref.target,
+      className = _ref.className;
+    var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+    var handleClose = React.useCallback(function () {
+      return setOpen(false);
+    }, []);
+    var handleOpen = React.useCallback(function () {
+      return setOpen(true);
+    }, []);
+    var handleOnChange = React.useCallback(function (event) {
+      var nextSortBy = event.currentTarget.dataset.id;
+      var nextOrder = selected.sortDirection === "desc" ? "asc" : "desc";
+      if (nextSortBy !== selected.sortBy) {
+        var _options$find;
+        nextOrder = ((_options$find = options.find(function (opt) {
+          return opt.id === nextSortBy;
+        })) === null || _options$find === void 0 ? void 0 : _options$find.defaultDirection) || "asc";
+      }
+      onChange({
+        sortBy: nextSortBy,
+        sortDirection: nextOrder
+      });
+    }, [onChange, selected, options]);
+    var labelText = React.useMemo(function () {
+      var _options$find$name, _options$find2;
+      return (_options$find$name = (_options$find2 = options.find(function (opt) {
+        return opt.id === selected.sortBy;
+      })) === null || _options$find2 === void 0 ? void 0 : _options$find2.name) !== null && _options$find$name !== void 0 ? _options$find$name : "";
+    }, [selected.sortBy, options]);
+    if (!labelText) {
+      console.warn("Cannot find selected id in options.");
+    }
+    return /*#__PURE__*/React__default["default"].createElement(Menu, {
+      onOpen: handleOpen,
+      onClose: handleClose,
+      position: "bottom-end",
+      target: target || /*#__PURE__*/React__default["default"].createElement(StyledSortWrapper, {
+        className: className
+      }, /*#__PURE__*/React__default["default"].createElement(StyledValueButton, {
+        active: open,
+        value: labelText,
+        label: label,
+        "data-testid": "sort-button"
+      }), /*#__PURE__*/React__default["default"].createElement(StyledIconButton, {
+        active: open,
+        variant: "text gray",
+        "data-testid": "sort-icon-button"
+      }, icon || /*#__PURE__*/React__default["default"].createElement(StyledSortIcon, null)))
+    }, /*#__PURE__*/React__default["default"].createElement(StyledList, null, options.map(function (_ref2) {
+      var id = _ref2.id,
+        name = _ref2.name,
+        defaultDirection = _ref2.defaultDirection;
+      var showDownArrow = selected.sortDirection === "asc";
+      if (selected.sortBy !== id) {
+        showDownArrow = defaultDirection === "asc";
+      }
+      return /*#__PURE__*/React__default["default"].createElement(StyledListItem, {
+        key: id,
+        onClick: handleOnChange,
+        "data-id": id,
+        "data-testid": id,
+        $active: id === selected.sortBy
+      }, /*#__PURE__*/React__default["default"].createElement(StyledListItemName, null, name), showDownArrow ? /*#__PURE__*/React__default["default"].createElement(StyledSortIconDown, null) : /*#__PURE__*/React__default["default"].createElement(StyledSortIconUp, null));
+    })));
+  };
+
   exports.AccessLogIcon = AccessLogIcon$1;
   exports.Accordion = Accordion;
   exports.AccordionContext = AccordionContext;
@@ -22462,6 +22650,7 @@
   exports.SlideFromTop = SlideFromTop;
   exports.SlideLeftRightTransition = SlideLeftRightTransition;
   exports.SmileIcon = SmileIcon$1;
+  exports.Sort = Sort;
   exports.SortDirection = SortDirection;
   exports.SortGeneralIcon = SortGeneralIcon$1;
   exports.SortIcon = SortIcon$1;