@activecollab/components 2.0.175 → 2.0.176

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.
@@ -35,13 +35,14 @@ var DisplayHours = exports.DisplayHours = /*#__PURE__*/(0, _react.forwardRef)(fu
35
35
  _ref$as = _ref.as,
36
36
  as = _ref$as === void 0 ? "span" : _ref$as,
37
37
  rest = _objectWithoutProperties(_ref, _excluded);
38
- var formattedValue = (0, _utils.formatNumber)(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
39
- var formattedLongValue = (0, _utils.formatHours)(value, withLeadingZero);
40
- var showShortVersion = Number(value) > 1000 || String(value).includes(",") || String(value).includes(".");
38
+ var numberValue = +String(value).replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
39
+ var formattedValue = (0, _utils.formatNumber)(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
40
+ var formattedLongValue = (0, _utils.formatHours)(numberValue, withLeadingZero);
41
+ var showShortVersion = numberValue > 1000;
41
42
  if (format === "short" && showShortVersion) {
42
43
  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
43
44
  title: formattedLongValue,
44
- disable: disableTooltip || !formattedValue.includes(thousandSeparator) && !formattedValue.includes(decimalSeparator)
45
+ disable: disableTooltip
45
46
  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, _extends({
46
47
  as: as,
47
48
  variant: variant,
@@ -1 +1 @@
1
- {"version":3,"file":"DisplayHours.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayHours","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","withLeadingZero","_ref$as","as","rest","formattedValue","formatNumber","formattedLongValue","formatHours","showShortVersion","Number","String","includes","createElement","Tooltip","title","disable","Typography","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n (\n {\n value,\n variant = \"Body 2\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n withLeadingZero,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\"\n );\n\n const formattedLongValue = formatHours(value, withLeadingZero);\n\n const showShortVersion =\n Number(value) > 1000 ||\n String(value).includes(\",\") ||\n String(value).includes(\".\");\n\n if (format === \"short\" && showShortVersion) {\n return (\n <Tooltip\n title={formattedLongValue}\n disable={\n disableTooltip ||\n (!formattedValue.includes(thousandSeparator) &&\n !formattedValue.includes(decimalSeparator))\n }\n >\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedValue}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedLongValue}\n </Typography>\n );\n }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"DisplayHours.js","names":["_react","_interopRequireWildcard","require","_utils","_Tooltip","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","DisplayHours","exports","forwardRef","_ref","ref","value","_ref$variant","variant","_ref$thousandSeparato","thousandSeparator","_ref$decimalSeparator","decimalSeparator","_ref$trimDecimals","trimDecimals","_ref$decimalSpaces","decimalSpaces","_ref$format","format","_ref$disableTooltip","disableTooltip","className","withLeadingZero","_ref$as","as","rest","numberValue","String","replaceAll","replace","formattedValue","formatNumber","formattedLongValue","formatHours","showShortVersion","createElement","Tooltip","title","disable","Typography","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n (\n {\n value,\n variant = \"Body 2\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n withLeadingZero,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const numberValue = +String(value)\n .replaceAll(thousandSeparator, \"\")\n .replace(decimalSeparator, \".\");\n\n const formattedValue = formatNumber(\n numberValue,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\"\n );\n\n const formattedLongValue = formatHours(numberValue, withLeadingZero);\n\n const showShortVersion = numberValue > 1000;\n\n if (format === \"short\" && showShortVersion) {\n return (\n <Tooltip title={formattedLongValue} disable={disableTooltip}>\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedValue}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedLongValue}\n </Typography>\n );\n }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"DisplayHours.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayHours.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK5C,eAAO,MAAM,YAAY,wGAqExB,CAAC"}
1
+ {"version":3,"file":"DisplayHours.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayHours.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK5C,eAAO,MAAM,YAAY,wGA+DxB,CAAC"}
@@ -18,13 +18,14 @@ export const DisplayHours = /*#__PURE__*/forwardRef((_ref, ref) => {
18
18
  as = "span",
19
19
  ...rest
20
20
  } = _ref;
21
- const formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
22
- const formattedLongValue = formatHours(value, withLeadingZero);
23
- const showShortVersion = Number(value) > 1000 || String(value).includes(",") || String(value).includes(".");
21
+ const numberValue = +String(value).replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
22
+ const formattedValue = formatNumber(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
23
+ const formattedLongValue = formatHours(numberValue, withLeadingZero);
24
+ const showShortVersion = numberValue > 1000;
24
25
  if (format === "short" && showShortVersion) {
25
26
  return /*#__PURE__*/React.createElement(Tooltip, {
26
27
  title: formattedLongValue,
27
- disable: disableTooltip || !formattedValue.includes(thousandSeparator) && !formattedValue.includes(decimalSeparator)
28
+ disable: disableTooltip
28
29
  }, /*#__PURE__*/React.createElement(Typography, _extends({
29
30
  as: as,
30
31
  variant: variant,
@@ -1 +1 @@
1
- {"version":3,"file":"DisplayHours.js","names":["React","forwardRef","formatHours","formatNumber","Tooltip","Typography","DisplayHours","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","withLeadingZero","as","rest","formattedValue","formattedLongValue","showShortVersion","Number","String","includes","createElement","title","disable","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n (\n {\n value,\n variant = \"Body 2\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n withLeadingZero,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\"\n );\n\n const formattedLongValue = formatHours(value, withLeadingZero);\n\n const showShortVersion =\n Number(value) > 1000 ||\n String(value).includes(\",\") ||\n String(value).includes(\".\");\n\n if (format === \"short\" && showShortVersion) {\n return (\n <Tooltip\n title={formattedLongValue}\n disable={\n disableTooltip ||\n (!formattedValue.includes(thousandSeparator) &&\n !formattedValue.includes(decimalSeparator))\n }\n >\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedValue}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedLongValue}\n </Typography>\n );\n }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,WAAW,EAAEC,YAAY,QAAQ,aAAa;AACvD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,YAAY,gBAAGL,UAAU,CACpC,CAAAM,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,eAAe;IACfC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAb,IAAA;EAGD,MAAMc,cAAc,GAAGlB,YAAY,CACjCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OACF,CAAC;EAED,MAAMQ,kBAAkB,GAAGpB,WAAW,CAACO,KAAK,EAAES,eAAe,CAAC;EAE9D,MAAMK,gBAAgB,GACpBC,MAAM,CAACf,KAAK,CAAC,GAAG,IAAI,IACpBgB,MAAM,CAAChB,KAAK,CAAC,CAACiB,QAAQ,CAAC,GAAG,CAAC,IAC3BD,MAAM,CAAChB,KAAK,CAAC,CAACiB,QAAQ,CAAC,GAAG,CAAC;EAE7B,IAAIX,MAAM,KAAK,OAAO,IAAIQ,gBAAgB,EAAE;IAC1C,oBACEvB,KAAA,CAAA2B,aAAA,CAACvB,OAAO;MACNwB,KAAK,EAAEN,kBAAmB;MAC1BO,OAAO,EACLb,cAAc,IACb,CAACK,cAAc,CAACK,QAAQ,CAACf,iBAAiB,CAAC,IAC1C,CAACU,cAAc,CAACK,QAAQ,CAACd,gBAAgB;IAC5C,gBAEDZ,KAAA,CAAA2B,aAAA,CAACtB,UAAU,EAAAyB,QAAA;MACTX,EAAE,EAAEA,EAAG;MACPT,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLY,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAA2B,aAAA,CAACtB,UAAU,EAAAyB,QAAA;IACTX,EAAE,EAAEA,EAAG;IACPT,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLY,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDhB,YAAY,CAACyB,WAAW,GAAG,cAAc"}
1
+ {"version":3,"file":"DisplayHours.js","names":["React","forwardRef","formatHours","formatNumber","Tooltip","Typography","DisplayHours","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","withLeadingZero","as","rest","numberValue","String","replaceAll","replace","formattedValue","formattedLongValue","showShortVersion","createElement","title","disable","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayHours.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayHoursProps } from \"./types\";\nimport { formatHours, formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayHours = forwardRef<HTMLSpanElement, DisplayHoursProps>(\n (\n {\n value,\n variant = \"Body 2\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n withLeadingZero,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const numberValue = +String(value)\n .replaceAll(thousandSeparator, \"\")\n .replace(decimalSeparator, \".\");\n\n const formattedValue = formatNumber(\n numberValue,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\"\n );\n\n const formattedLongValue = formatHours(numberValue, withLeadingZero);\n\n const showShortVersion = numberValue > 1000;\n\n if (format === \"short\" && showShortVersion) {\n return (\n <Tooltip title={formattedLongValue} disable={disableTooltip}>\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedValue}\n </Typography>\n </Tooltip>\n );\n }\n\n return (\n <Typography\n as={as}\n variant={variant}\n className={className}\n ref={ref}\n {...rest}\n >\n {formattedLongValue}\n </Typography>\n );\n }\n);\n\nDisplayHours.displayName = \"DisplayHours\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,WAAW,EAAEC,YAAY,QAAQ,aAAa;AACvD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,YAAY,gBAAGL,UAAU,CACpC,CAAAM,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,iBAAiB,GAAG,GAAG;IACvBC,gBAAgB,GAAG,GAAG;IACtBC,YAAY,GAAG,IAAI;IACnBC,aAAa,GAAG,CAAC;IACjBC,MAAM,GAAG,MAAM;IACfC,cAAc,GAAG,KAAK;IACtBC,SAAS;IACTC,eAAe;IACfC,EAAE,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAb,IAAA;EAGD,MAAMc,WAAW,GAAG,CAACC,MAAM,CAACb,KAAK,CAAC,CAC/Bc,UAAU,CAACZ,iBAAiB,EAAE,EAAE,CAAC,CACjCa,OAAO,CAACZ,gBAAgB,EAAE,GAAG,CAAC;EAEjC,MAAMa,cAAc,GAAGtB,YAAY,CACjCkB,WAAW,EACXV,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OACF,CAAC;EAED,MAAMY,kBAAkB,GAAGxB,WAAW,CAACmB,WAAW,EAAEH,eAAe,CAAC;EAEpE,MAAMS,gBAAgB,GAAGN,WAAW,GAAG,IAAI;EAE3C,IAAIN,MAAM,KAAK,OAAO,IAAIY,gBAAgB,EAAE;IAC1C,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,OAAO;MAACyB,KAAK,EAAEH,kBAAmB;MAACI,OAAO,EAAEd;IAAe,gBAC1DhB,KAAA,CAAA4B,aAAA,CAACvB,UAAU,EAAA0B,QAAA;MACTZ,EAAE,EAAEA,EAAG;MACPT,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLY,IAAI,GAEPK,cACS,CACL,CAAC;EAEd;EAEA,oBACEzB,KAAA,CAAA4B,aAAA,CAACvB,UAAU,EAAA0B,QAAA;IACTZ,EAAE,EAAEA,EAAG;IACPT,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLY,IAAI,GAEPM,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDpB,YAAY,CAAC0B,WAAW,GAAG,cAAc"}
package/dist/index.js CHANGED
@@ -17702,13 +17702,14 @@
17702
17702
  _ref$as = _ref.as,
17703
17703
  as = _ref$as === void 0 ? "span" : _ref$as,
17704
17704
  rest = _objectWithoutProperties(_ref, _excluded$x);
17705
- var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
17706
- var formattedLongValue = formatHours(value, withLeadingZero);
17707
- var showShortVersion = Number(value) > 1000 || String(value).includes(",") || String(value).includes(".");
17705
+ var numberValue = +String(value).replaceAll(thousandSeparator, "").replace(decimalSeparator, ".");
17706
+ var formattedValue = formatNumber(numberValue, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
17707
+ var formattedLongValue = formatHours(numberValue, withLeadingZero);
17708
+ var showShortVersion = numberValue > 1000;
17708
17709
  if (format === "short" && showShortVersion) {
17709
17710
  return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
17710
17711
  title: formattedLongValue,
17711
- disable: disableTooltip || !formattedValue.includes(thousandSeparator) && !formattedValue.includes(decimalSeparator)
17712
+ disable: disableTooltip
17712
17713
  }, /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
17713
17714
  as: as,
17714
17715
  variant: variant,