@activecollab/components 2.0.92 → 2.0.94

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","decimalToHours","formatNumber","numberWithSeparator"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\nexport { formatNumber, numberWithSeparator } from \"./currencyUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","useForkRef","useResizeObserver","decimalToHours","formatNumber","numberWithSeparator","getNumberFromString"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\nexport {\n  formatNumber,\n  numberWithSeparator,\n  getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,qBAAqB;AAClE,SAASC,cAAc,QAAQ,aAAa;AAC5C,SACEC,YAAY,EACZC,mBAAmB,EACnBC,mBAAmB,QACd,iBAAiB"}

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

@@ -35,5 +35,13 @@ export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWi
 export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProps<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
+export interface FormatNumberArgs {
+    value: string | number;
+    thousandSeparator?: "," | "." | " ";
+    decimalSeparator?: "," | ".";
+    trimDecimals?: boolean;
+    decimalSpaces?: number;
+    format?: "long" | "short";
+}
 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"}
+{"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"}

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"],"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?: \"long\" | \"short\";\n}\n"],"mappings":""}

package/dist/index.js

@@ -567,9 +567,49 @@
     b: 1000000000,
     t: 1000000000000
   };
+  var fixedDecimalSpaces = function fixedDecimalSpaces(num, fixed) {
+    fixed = fixed || 0;
+    fixed = Math.pow(10, fixed);
+    var parts = num.toString().split(".");
+    if (parts.length > 1 && parseInt(parts[1]) > fixed) {
+      return Math.floor(num * fixed) / fixed;
+    }
+    return Math.round(num * fixed) / fixed;
+  };
+  var getNumberFromString = function getNumberFromString(number) {
+    var thousandSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+    var decimalSeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".";
+    if (typeof number === "number") {
+      return number;
+    }
+    if (decimalSeparator === ",") {
+      var parts = number.split(decimalSeparator);
+      var result = 0;
+      if (parts.length === 2) {
+        result = parts[0] ? parseFloat(String(parts[0]).replaceAll(thousandSeparator, "")) : 0;
+        if (result < 0) {
+          result -= parts[1] ? parseFloat(String(parts[1])) / Math.pow(10, parts[1].length) : 0;
+        } else {
+          result += parts[1] ? parseFloat(String(parts[1])) / Math.pow(10, parts[1].length) : 0;
+        }
+        return result;
+      }
+      if (parts.length === 1) {
+        result = parseFloat(String(parts[0]).replaceAll(thousandSeparator, ""));
+        return result;
+      }
+      return 0;
+    } else {
+      return parseFloat(String(number).replaceAll(thousandSeparator, ""));
+    }
+  };
   var formatNumber = function formatNumber(n) {
     var thousandSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
-    var number = parseFloat(String(n).replaceAll(thousandSeparator, ""));
+    var decimalSeperator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".";
+    var trimDecimals = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    var decimalSpaces = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 2;
+    var format = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : "short";
+    var number = getNumberFromString(n, thousandSeparator, decimalSeperator);
     if (isNaN(number)) {
       return "";
     }
@@ -577,22 +617,24 @@
     var absoluteNumber = Math.abs(number);
     var suffixes = ["", "K", "M", "B", "T"];
     var scale = 0;
-    while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {
+    while (absoluteNumber >= 1000 && scale < suffixes.length - 1 && format === "short") {
       absoluteNumber /= 1000;
       scale++;
     }
-    var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
-    var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
+    var formattedNum = scale === 0 ? fixedDecimalSpaces(absoluteNumber, decimalSpaces) : parseFloat(absoluteNumber.toFixed(1));
+    var result = numberWithSeparator(trimDecimals ? formattedNum : formattedNum.toFixed(decimalSpaces), thousandSeparator, decimalSeperator);
     return isNegative ? "-".concat(result).concat(suffixes[scale]) : "".concat(result).concat(suffixes[scale]);
   };
-  var numberWithSeparator = function numberWithSeparator(x, thousandSeparator) {
-    var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var numberWithSeparator = function numberWithSeparator(x) {
+    var thousandSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+    var decimalSeparator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".";
+    var format = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     if (!format) {
       return x;
     }
     var parts = x.toString().split(".");
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandSeparator);
-    return parts.join(".");
+    return parts.join(decimalSeparator);
   };
 
   var validateStopwatchTime = function validateStopwatchTime(value) {
@@ -11934,17 +11976,19 @@
       allowEmptyValue = _ref.allowEmptyValue,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
+      _ref$trimDecimals = _ref.trimDecimals,
+      trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       limit = _ref.limit,
       _ref$validation = _ref.validation,
       validation = _ref$validation === void 0 ? validateNumberInput : _ref$validation;
     var _useState = React.useState(function () {
-        return disableAbbreviation ? value : formatNumber(value, thousandSeparator);
+        return disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
       }),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
       setCurrentValue = _useState2[1];
     var _useState3 = React.useState(function () {
-        return disableAbbreviation ? value : formatNumber(value, thousandSeparator);
+        return disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
       }),
       _useState4 = _slicedToArray(_useState3, 2),
       prevValue = _useState4[0],
@@ -11957,12 +12001,12 @@
       setUnformattedValue = _useState6[1];
     React.useEffect(function () {
       if (value !== prevValue) {
-        setCurrentValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator));
-        setPrevValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator));
+        setCurrentValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
+        setPrevValue(disableAbbreviation ? value : formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalLength));
         setUnformattedValue(value);
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [disableAbbreviation, thousandSeparator, value]);
+    }, [disableAbbreviation, thousandSeparator, decimalSeparator, decimalLength, trimDecimals, value]);
     var _useState7 = React.useState(false),
       _useState8 = _slicedToArray(_useState7, 2),
       focused = _useState8[0],
@@ -11974,7 +12018,7 @@
         setUnformattedValue(prevValue);
       } else {
         if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
-          var _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator);
+          var _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator, decimalSeparator, trimDecimals, decimalLength);
           setPrevValue(_value);
           setUnformattedValue(currentValue);
           setCurrentValue(_value);
@@ -11994,7 +12038,7 @@
         }
       }
       setFocused(false);
-    }, [allowEmptyValue, disableAbbreviation, onCancel, onSave, prevValue, thousandSeparator, currentValue]);
+    }, [prevValue, disableAbbreviation, currentValue, thousandSeparator, decimalSeparator, decimalLength, trimDecimals, onSave, allowEmptyValue, onCancel]);
     var updateValue = React.useCallback(function (type) {
       var value = String(unformattedValue);
       var decimalPart = "";
@@ -12017,7 +12061,7 @@
       if (value.includes(decimalSeparator)) {
         increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
       }
-      var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+      var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, decimalSeparator, value.includes(thousandSeparator));
       setUnformattedValue(decimalPart ? joinedValue + decimalPart : joinedValue);
       setCurrentValue(decimalPart ? joinedValue + decimalPart : joinedValue);
     }, [decimalLength, decimalSeparator, step, thousandSeparator, unformattedValue]);
@@ -13556,7 +13600,7 @@
   });
   InputHours.displayName = "InputHours";
 
-  var _excluded$K = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder"];
+  var _excluded$K = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals"];
   var InputNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -13581,6 +13625,8 @@
       externalOnClick = _ref.onClick,
       limit = _ref.limit,
       placeholder = _ref.placeholder,
+      _ref$trimDecimals = _ref.trimDecimals,
+      trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       rest = _objectWithoutProperties(_ref, _excluded$K);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
@@ -13598,7 +13644,8 @@
         onCancel,
         onSave,
         allowEmptyValue,
-        limit
+        limit,
+        trimDecimals
       }, inputRef),
       inputProps = _useInputNumber.inputProps;
     var value = inputProps.value,
@@ -17646,7 +17693,7 @@
   });
   EditableHours.displayName = "EditableHours";
 
-  var _excluded$c = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange"];
+  var _excluded$c = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "trimDecimals"];
   var EditableCurrency = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -17669,6 +17716,8 @@
       externalEnterKeyPress = _ref.onEnterKeyPress,
       externalOnClick = _ref.onClick,
       externalOnChange = _ref.onChange,
+      _ref$trimDecimals = _ref.trimDecimals,
+      trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
       rest = _objectWithoutProperties(_ref, _excluded$c);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
@@ -17685,7 +17734,8 @@
         onCancel,
         onChange: externalOnChange,
         onEnterKeyPress: externalEnterKeyPress,
-        onClick: externalOnClick
+        onClick: externalOnClick,
+        trimDecimals
       }, inputRef),
       inputProps = _useInputNumber.inputProps;
     var value = inputProps.value,
@@ -17698,10 +17748,10 @@
       focused = inputProps.focused,
       unformattedValue = inputProps.unformattedValue;
     var formattedValue = React.useMemo(function () {
-      return focused ? value : numberWithSeparator(value !== null && value !== void 0 ? value : "", thousandSeparator);
-    }, [focused, value, thousandSeparator]);
+      return focused ? value : numberWithSeparator(value !== null && value !== void 0 ? value : "", thousandSeparator, decimalSeparator);
+    }, [focused, value, thousandSeparator, decimalSeparator]);
     return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-      title: unformattedValue,
+      title: numberWithSeparator(unformattedValue !== null && unformattedValue !== void 0 ? unformattedValue : "", thousandSeparator, decimalSeparator),
       disable: focused
     }, /*#__PURE__*/React__default["default"].createElement(EditableContent, {
       disabled: disabled,
@@ -19478,6 +19528,7 @@
   exports.colors = colors$1;
   exports.decimalToHours = decimalToHours;
   exports.formatNumber = formatNumber;
+  exports.getNumberFromString = getNumberFromString;
   exports.isOptionGroup = isOptionGroup;
   exports.isValidUrl = isValidUrl;
   exports.layers = layers;