npm - @activecollab/components - Versions diffs - 2.0.193 → 2.0.195 - Mend

@activecollab/components 2.0.193 → 2.0.195

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/dist/esm/components/Display/DisplayCurrency.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n HTMLSpanElement,\n DisplayNumberProps & { currencyCode?: string; currencyPosition?: string }\n>(\n (\n {\n value,\n variant = \"Body 2\",\n currencyCode = \"USD\",\n currencyPosition = \"right\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\",\n currencyCode,\n currencyPosition\n );\n\n const formattedLongValue = formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\",\n currencyCode,\n currencyPosition\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={~~formattedLongValue~~}\n disable={\n disableTooltip \|\|\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.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\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CAIvC,CAAAK,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,YAAY,GAAG,KAAK;IACpBC,gBAAgB,GAAG,OAAO;IAC1BC,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,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAd,IAAA;EAGD,MAAMe,cAAc,GAAGnB,cAAc,CACnCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OAAO,EACPL,YAAY,EACZC,gBACF,CAAC;EAED,MAAMW,kBAAkB,GAAGpB,cAAc,CACvCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAC;EAED,IAAIK,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;MACNqB,KAAK,~~EAAEF~~,~~kBAAmB~~;~~MAC1BG~~,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDb,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPV,OAAO,EAAEA,OAAQ;MACjBS,SAAS,EAAEA,SAAU;MACrBX,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPV,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEA,SAAU;IACrBX,GAAG,EAAEA;EAAI,GACLa,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDjB,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}
1	+ {"version":3,"file":"DisplayCurrency.js","names":["React","forwardRef","formatCurrency","Tooltip","Typography","DisplayCurrency","_ref","ref","value","variant","currencyCode","currencyPosition","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayCurrency.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatCurrency } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayCurrency = forwardRef<\n HTMLSpanElement,\n DisplayNumberProps & { currencyCode?: string; currencyPosition?: string }\n>(\n (\n {\n value,\n variant = \"Body 2\",\n currencyCode = \"USD\",\n currencyPosition = \"right\",\n thousandSeparator = \",\",\n decimalSeparator = \".\",\n trimDecimals = true,\n decimalSpaces = 2,\n format = \"long\",\n disableTooltip = false,\n className,\n as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"short\",\n currencyCode,\n currencyPosition\n );\n\n const formattedLongValue = formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\",\n currencyCode,\n currencyPosition\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={formatCurrency(\n value,\n thousandSeparator,\n decimalSeparator,\n false,\n decimalSpaces,\n \"long\",\n currencyCode,\n currencyPosition\n )}\n disable={\n disableTooltip \|\|\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.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\nDisplayCurrency.displayName = \"DisplayCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CAIvC,CAAAK,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,KAAK;IACLC,OAAO,GAAG,QAAQ;IAClBC,YAAY,GAAG,KAAK;IACpBC,gBAAgB,GAAG,OAAO;IAC1BC,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,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAd,IAAA;EAGD,MAAMe,cAAc,GAAGnB,cAAc,CACnCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,OAAO,EACPL,YAAY,EACZC,gBACF,CAAC;EAED,MAAMW,kBAAkB,GAAGpB,cAAc,CACvCM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAC;EAED,IAAIK,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,OAAO;MACNqB,KAAK,EAAEtB,cAAc,CACnBM,KAAK,EACLI,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MAAM,EACNL,YAAY,EACZC,gBACF,CAAE;MACFc,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDb,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPV,OAAO,EAAEA,OAAQ;MACjBS,SAAS,EAAEA,SAAU;MACrBX,GAAG,EAAEA;IAAI,GACLa,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACErB,KAAA,CAAAuB,aAAA,CAACnB,UAAU,EAAAuB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPV,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EAAEA,SAAU;IACrBX,GAAG,EAAEA;EAAI,GACLa,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDjB,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}

package/dist/esm/components/Display/DisplayNumber.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplayNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,aAAa,~~yGAsEzB~~,CAAC"}
1	+ {"version":3,"file":"DisplayNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Display/DisplayNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,aAAa,yGA6EzB,CAAC"}

package/dist/esm/components/Display/DisplayNumber.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const DisplayNumber = /*#__PURE__*/forwardRef((_ref, ref) => {
   const formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
   if (format === "short") {
     return /*#__PURE__*/React.createElement(Tooltip, {
-      title: formattedLongValue,
+      title: formatNumber(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long"),
       disable: disableTooltip || !formattedLongValue.includes(thousandSeparator) && !formattedLongValue.includes(decimalSeparator)
     }, /*#__PURE__*/React.createElement(Typography, _extends({
       as: as,

package/dist/esm/components/Display/DisplayNumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DisplayNumber.js","names":["React","forwardRef","formatNumber","Tooltip","Typography","DisplayNumber","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayNumber.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayNumber = forwardRef<HTMLSpanElement, DisplayNumberProps>(\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 as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n format\n );\n\n const formattedLongValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\"\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={~~formattedLongValue~~}\n disable={\n disableTooltip \|\|\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.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\nDisplayNumber.displayName = \"DisplayNumber\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;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,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAZ,IAAA;EAGD,MAAMa,cAAc,GAAGjB,YAAY,CACjCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACbC,MACF,CAAC;EAED,MAAMM,kBAAkB,GAAGlB,YAAY,CACrCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MACF,CAAC;EAED,IAAIC,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEd,KAAA,CAAAqB,aAAA,CAAClB,OAAO;MACNmB,KAAK,~~EAAEF~~,~~kBAAmB~~;~~MAC1BG~~,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDX,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPR,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLW,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACEnB,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPR,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLW,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDf,aAAa,CAACqB,WAAW,GAAG,eAAe"}
1	+ {"version":3,"file":"DisplayNumber.js","names":["React","forwardRef","formatNumber","Tooltip","Typography","DisplayNumber","_ref","ref","value","variant","thousandSeparator","decimalSeparator","trimDecimals","decimalSpaces","format","disableTooltip","className","as","rest","formattedValue","formattedLongValue","createElement","title","disable","includes","_extends","displayName"],"sources":["../../../../src/components/Display/DisplayNumber.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { DisplayNumberProps } from \"./types\";\nimport { formatNumber } from \"../../utils\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const DisplayNumber = forwardRef<HTMLSpanElement, DisplayNumberProps>(\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 as = \"span\",\n ...rest\n },\n ref\n ) => {\n const formattedValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n format\n );\n\n const formattedLongValue = formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n trimDecimals,\n decimalSpaces,\n \"long\"\n );\n\n if (format === \"short\") {\n return (\n <Tooltip\n title={formatNumber(\n value,\n thousandSeparator,\n decimalSeparator,\n false,\n decimalSpaces,\n \"long\"\n )}\n disable={\n disableTooltip \|\|\n (!formattedLongValue.includes(thousandSeparator) &&\n !formattedLongValue.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\nDisplayNumber.displayName = \"DisplayNumber\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAAAK,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;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,GAAG,MAAM;IACX,GAAGC;EACL,CAAC,GAAAZ,IAAA;EAGD,MAAMa,cAAc,GAAGjB,YAAY,CACjCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACbC,MACF,CAAC;EAED,MAAMM,kBAAkB,GAAGlB,YAAY,CACrCM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChBC,YAAY,EACZC,aAAa,EACb,MACF,CAAC;EAED,IAAIC,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEd,KAAA,CAAAqB,aAAA,CAAClB,OAAO;MACNmB,KAAK,EAAEpB,YAAY,CACjBM,KAAK,EACLE,iBAAiB,EACjBC,gBAAgB,EAChB,KAAK,EACLE,aAAa,EACb,MACF,CAAE;MACFU,OAAO,EACLR,cAAc,IACb,CAACK,kBAAkB,CAACI,QAAQ,CAACd,iBAAiB,CAAC,IAC9C,CAACU,kBAAkB,CAACI,QAAQ,CAACb,gBAAgB;IAChD,gBAEDX,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;MACTR,EAAE,EAAEA,EAAG;MACPR,OAAO,EAAEA,OAAQ;MACjBO,SAAS,EAAEA,SAAU;MACrBT,GAAG,EAAEA;IAAI,GACLW,IAAI,GAEPC,cACS,CACL,CAAC;EAEd;EAEA,oBACEnB,KAAA,CAAAqB,aAAA,CAACjB,UAAU,EAAAqB,QAAA;IACTR,EAAE,EAAEA,EAAG;IACPR,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEA,SAAU;IACrBT,GAAG,EAAEA;EAAI,GACLW,IAAI,GAEPE,kBACS,CAAC;AAEjB,CACF,CAAC;AAEDf,aAAa,CAACqB,WAAW,GAAG,eAAe"}

package/dist/esm/components/Select/Option/Option.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ export interface IOptionItemProps {
     id: string | number;
     /** Label of option */
     name: string;
+    /** Content for tooltip */
+    tooltip?: string;
     /** Additional info right-side of name */
     additionalInfo?: string;
     /** image url for Avatar or MultiAvatar */
@@ -20,6 +22,8 @@ interface IAdditionalOptionItemProps {
     id?: string | number;
     /** Label of option */
     name: string;
+    /** Content for tooltip */
+    tooltip?: string;
     /** Hovered state */
     hover?: boolean;
     /** Class name of option */

package/dist/esm/components/Select/Option/Option.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,0BAA0B;IAClC,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,qBAAqB;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,MAAM,~~kGAiClB~~,CAAC"}
1	+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,0BAA0B;IAClC,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,qBAAqB;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,MAAM,kGAkClB,CAAC"}

package/dist/esm/components/Select/Option/Option.js CHANGED Viewed

@@ -5,6 +5,7 @@ export const Option = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     id,
     name,
+    tooltip = "",
     hover,
     className,
     renderOption,
@@ -18,7 +19,7 @@ export const Option = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [onMouseEnter, id]);
   return /*#__PURE__*/React.createElement(StyledOption, {
     ref: hover ? ref : null,
-    title: name,
+    title: tooltip ? tooltip : name,
     onMouseEnter: handleOnMouseEnter,
     onTouchStart: handleOnMouseEnter,
     className: classnames("c-option", className),

package/dist/esm/components/Select/Option/Option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.js","names":["React","forwardRef","useCallback","classnames","StyledOption","Option","_ref","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","createElement","title","onTouchStart","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n Ref,\n useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n /** Value of option /\n id: string \| number;\n /* Label of option /\n name: string;\n /* Additional info right-side of name /\n additionalInfo?: string;\n /* image url for Avatar or MultiAvatar /\n image?: string \| string[];\n /* Hex color for label /\n color?: string;\n /* Color for chip label /\n chipColor?: string;\n /* Value of mixed /\n mixed?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n /* Value of option /\n id?: string \| number;\n /* Label of option /\n name: string;\n /* Hovered state /\n hover?: boolean;\n /* Class name of option /\n className?: string;\n /* Render option function /\n renderOption?: ReactNode;\n /* On mouse enter callback /\n onMouseEnter?: (e: string \| number \| undefined) => void;\n /* On mouse click */\n onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n (\n {\n id,\n name,\n hover,\n className,\n renderOption,\n onMouseEnter,\n onClick = () => null,\n }: IAdditionalOptionItemProps,\n ref: Ref<HTMLLIElement>\n ) => {\n const handleOnMouseEnter = useCallback(() => {\n if (onMouseEnter) {\n onMouseEnter(id);\n }\n }, [onMouseEnter, id]);\n\n return (\n <StyledOption\n ref={hover ? ref : null}\n title={name}\n onMouseEnter={handleOnMouseEnter}\n onTouchStart={handleOnMouseEnter}\n className={classnames(\"c-option\", className)}\n hover={hover}\n onClick={onClick}\n >\n {renderOption ? renderOption : name}\n </StyledOption>\n );\n }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EAIVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;~~AAoCvC~~,OAAO,MAAMC,MAAM,gBAAGJ,UAAU,CAC9B,CAAAK,IAAA,~~EAUEC~~,GAAuB,KACpB;EAAA,~~IAVH~~;IACEC,EAAE;IACFC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,~~GAAAR~~,IAAA;EAG7B,~~MAAMS~~,kBAAkB,~~GAAGb~~,WAAW,CAAC,MAAM;IAC3C,~~IAAIW~~,YAAY,EAAE;MAChBA,YAAY,~~CAACL~~,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,~~CAACK~~,YAAY,~~EAAEL~~,EAAE,CAAC,CAAC;EAEtB,oBACER,KAAA,~~CAAAgB~~,aAAA,~~CAACZ~~,YAAY;IACXG,GAAG,~~EAAEG~~,KAAK,~~GAAGH~~,GAAG,GAAG,IAAK;~~IACxBU~~,KAAK,EAAER,IAAK;~~IACZI~~,YAAY,EAAEE,kBAAmB;IACjCG,YAAY,EAAEH,kBAAmB;IACjCJ,SAAS,~~EAAER~~,UAAU,CAAC,UAAU,~~EAAEQ~~,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,~~GAAGH~~,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDJ,MAAM,~~CAACc~~,WAAW,GAAG,QAAQ"}
1	+ {"version":3,"file":"Option.js","names":["React","forwardRef","useCallback","classnames","StyledOption","Option","_ref","ref","id","name","tooltip","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","createElement","title","onTouchStart","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n forwardRef,\n MouseEventHandler,\n ReactNode,\n Ref,\n useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n /** Value of option /\n id: string \| number;\n /* Label of option /\n name: string;\n /* Content for tooltip /\n tooltip?: string;\n /* Additional info right-side of name /\n additionalInfo?: string;\n /* image url for Avatar or MultiAvatar /\n image?: string \| string[];\n /* Hex color for label /\n color?: string;\n /* Color for chip label /\n chipColor?: string;\n /* Value of mixed /\n mixed?: boolean;\n}\n\ninterface IAdditionalOptionItemProps {\n /* Value of option /\n id?: string \| number;\n /* Label of option /\n name: string;\n /* Content for tooltip /\n tooltip?: string;\n /* Hovered state /\n hover?: boolean;\n /* Class name of option /\n className?: string;\n /* Render option function /\n renderOption?: ReactNode;\n /* On mouse enter callback /\n onMouseEnter?: (e: string \| number \| undefined) => void;\n /* On mouse click */\n onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n (\n {\n id,\n name,\n tooltip = \"\",\n hover,\n className,\n renderOption,\n onMouseEnter,\n onClick = () => null,\n }: IAdditionalOptionItemProps,\n ref: Ref<HTMLLIElement>\n ) => {\n const handleOnMouseEnter = useCallback(() => {\n if (onMouseEnter) {\n onMouseEnter(id);\n }\n }, [onMouseEnter, id]);\n\n return (\n <StyledOption\n ref={hover ? ref : null}\n title={tooltip ? tooltip : name}\n onMouseEnter={handleOnMouseEnter}\n onTouchStart={handleOnMouseEnter}\n className={classnames(\"c-option\", className)}\n hover={hover}\n onClick={onClick}\n >\n {renderOption ? renderOption : name}\n </StyledOption>\n );\n }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,UAAU,EAIVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAwCvC,OAAO,MAAMC,MAAM,gBAAGJ,UAAU,CAC9B,CAAAK,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAXH;IACEC,EAAE;IACFC,IAAI;IACJC,OAAO,GAAG,EAAE;IACZC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,GAAAT,IAAA;EAG7B,MAAMU,kBAAkB,GAAGd,WAAW,CAAC,MAAM;IAC3C,IAAIY,YAAY,EAAE;MAChBA,YAAY,CAACN,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACM,YAAY,EAAEN,EAAE,CAAC,CAAC;EAEtB,oBACER,KAAA,CAAAiB,aAAA,CAACb,YAAY;IACXG,GAAG,EAAEI,KAAK,GAAGJ,GAAG,GAAG,IAAK;IACxBW,KAAK,EAAER,OAAO,GAAGA,OAAO,GAAGD,IAAK;IAChCK,YAAY,EAAEE,kBAAmB;IACjCG,YAAY,EAAEH,kBAAmB;IACjCJ,SAAS,EAAET,UAAU,CAAC,UAAU,EAAES,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,GAAGJ,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDJ,MAAM,CAACe,WAAW,GAAG,QAAQ"}

package/dist/index.js CHANGED Viewed

@@ -14943,6 +14943,8 @@
   var Option = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var id = _ref.id,
       name = _ref.name,
+      _ref$tooltip = _ref.tooltip,
+      tooltip = _ref$tooltip === void 0 ? "" : _ref$tooltip,
       hover = _ref.hover,
       className = _ref.className,
       renderOption = _ref.renderOption,
@@ -14958,7 +14960,7 @@
     }, [onMouseEnter, id]);
     return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
       ref: hover ? ref : null,
-      title: name,
+      title: tooltip ? tooltip : name,
       onMouseEnter: handleOnMouseEnter,
       onTouchStart: handleOnMouseEnter,
       className: classNames__default["default"]("c-option", className),
@@ -15357,6 +15359,7 @@
         return /*#__PURE__*/React__default["default"].createElement(OptionGroup, {
           checked: selectedOptions,
           name: item.name,
+          tooltip: item.tooltip,
           key: item.id,
           setHover: handleHoverCallback,
           id: item.id,
@@ -15373,6 +15376,7 @@
         name: item.name,
         ref: itemRef,
         key: index,
+        tooltip: item.tooltip,
         onMouseEnter: handleMouseEnter,
         onClick: handleClick,
         id: item.id,
@@ -17583,7 +17587,7 @@
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
     if (format === "short") {
       return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-        title: formattedLongValue,
+        title: formatNumber(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long"),
         disable: disableTooltip || !formattedLongValue.includes(thousandSeparator) && !formattedLongValue.includes(decimalSeparator)
       }, /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
         as: as,
@@ -17630,7 +17634,7 @@
     var formattedLongValue = formatCurrency(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", currencyCode, currencyPosition);
     if (format === "short") {
       return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-        title: formattedLongValue,
+        title: formatCurrency(value, thousandSeparator, decimalSeparator, false, decimalSpaces, "long", currencyCode, currencyPosition),
         disable: disableTooltip || !formattedLongValue.includes(thousandSeparator) && !formattedLongValue.includes(decimalSeparator)
       }, /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
         as: as,