@activecollab/components 1.0.401 → 1.0.403

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

@@ -1,4 +1,4 @@
-import { formatCurrency } from "./currencyUtils";
+import { formatCurrency, numberWithSeparator } from "./currencyUtils";
 describe("format currency with thousandseparator set to ',' and decimalSeparator to '.'", function () {
   it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"]])("should format currency", function (value, expected) {
     expect(formatCurrency(value, ",")).toEqual(expected);
@@ -9,4 +9,34 @@ describe("format currency with thousandseparator set to '.' and decimalSeparator
     expect(formatCurrency(value, ".")).toEqual(expected);
   });
 });
+describe("numberWithSeparator", function () {
+  test("should format number with thousand separator", function () {
+    var result = numberWithSeparator(1000, ",");
+    expect(result).toBe("1,000");
+  });
+  test("should format string number with thousand separator", function () {
+    var result = numberWithSeparator("1000", ",");
+    expect(result).toBe("1,000");
+  });
+  test("should format decimal number with thousand separator and keep decimal part", function () {
+    var result = numberWithSeparator(12345.67, ",");
+    expect(result).toBe("12,345.67");
+  });
+  test("should not format when format is set to false", function () {
+    var result = numberWithSeparator(1000, ",", false);
+    expect(result).toBe(1000);
+  });
+  test("should handle zero with thousand separator", function () {
+    var result = numberWithSeparator(0, ",");
+    expect(result).toBe("0");
+  });
+  test("should handle negative number with thousand separator", function () {
+    var result = numberWithSeparator(-123456789, ",");
+    expect(result).toBe("-123,456,789");
+  });
+  test("should not format", function () {
+    var result = numberWithSeparator(123456789, ",", false);
+    expect(result).toBe(123456789);
+  });
+});
 //# sourceMappingURL=currencyUtils.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","describe","it","each","value","expected","expect","toEqual"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,iBAAiB;AAEhDC,QAAQ,CAAC,+EAA+E,EAAE,YAAM;EAC9FC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,MAAM,EAAE,IAAI,CAAC,EACd,CAAC,SAAS,EAAE,IAAI,CAAC,EACjB,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,WAAW,EAAE,OAAO,CAAC,EACtB,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,wBAAwB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAAK;IAChDC,MAAM,CAACN,cAAc,CAACI,KAAK,EAAE,GAAG,CAAC,CAAC,CAACG,OAAO,CAACF,QAAQ,CAAC;EACtD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFJ,QAAQ,CAAC,+EAA+E,EAAE,YAAM;EAC9FC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,IAAI,EAAE,IAAI,CAAC,EACZ,CAAC,MAAM,EAAE,IAAI,CAAC,EACd,CAAC,SAAS,EAAE,IAAI,CAAC,EACjB,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,UAAU,EAAE,MAAM,CAAC,EACpB,CAAC,WAAW,EAAE,OAAO,CAAC,EACtB,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,wBAAwB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAAK;IAChDC,MAAM,CAACN,cAAc,CAACI,KAAK,EAAE,GAAG,CAAC,CAAC,CAACG,OAAO,CAACF,QAAQ,CAAC;EACtD,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","numberWithSeparator","describe","it","each","value","expected","expect","toEqual","test","result","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}

package/dist/index.js

@@ -3300,6 +3300,44 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
+  /**
+   * @component DescriptionSmallIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   *
+   * @example
+   * return (
+   *   <DescriptionSmallIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 18,
+      height: 18,
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DescriptionSmallIcon",
+      fill: "var(--color-theme-600)",
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M15 15H3a1.5 1.5 0 01-1.5-1.5v-9A1.5 1.5 0 013 3h12a1.5 1.5 0 011.5 1.5v9A1.5 1.5 0 0115 15zM3 4.5v9h12v-9H3zm1.5 2.25h9v1.5h-9v-1.5zm0 3H12v1.5H4.5v-1.5z"
+    }));
+  });
+  DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
+  var DescriptionSmallIcon$1 = DescriptionSmallIcon;
+
   /**
    * @component DescriptionIcon
    * @description
@@ -18005,6 +18043,7 @@
   exports.DependencyIcon = DependencyIcon$1;
   exports.DependencySmallIcon = DependencySmallIcon$1;
   exports.DescriptionIcon = DescriptionIcon$1;
+  exports.DescriptionSmallIcon = DescriptionSmallIcon$1;
   exports.Dialog = Dialog;
   exports.DiscussionAddIcon = DiscussionAddIcon$1;
   exports.DiscussionIcon = DiscussionIcon$1;