@coveord/plasma-mantine 55.0.2 → 55.0.4

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.
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
3
3
  export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
4
4
  export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
5
5
  children: ReactNode;
6
- tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;
6
+ tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;
7
7
  }
8
8
  type EllipsisTextFactory = Factory<{
9
9
  props: EllipsisTextProps;
@@ -1 +1 @@
1
- {"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CACxD;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAIH,eAAO,MAAM,YAAY,kGAFD,MAAO,YAAY;;;;;;sBAM9B,OACR,gCACyB,OAAO;;;WAd1B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EA8CtC,CAAC"}
1
+ {"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAJxB,MAAO,YAAY;;;;;;sBAMP,OAAO,gCAEZ,OAAK;;;WAdF,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAgDtC,CAAC"}
@@ -17,7 +17,9 @@ var _jsxruntime = require("react/jsx-runtime");
17
17
  var _core = require("@mantine/core");
18
18
  var _react = require("react");
19
19
  var _EllipsisTextmodulecss = /*#__PURE__*/ _interop_require_default._(require("./EllipsisText.module.css"));
20
- var defaultProps = {};
20
+ var defaultProps = {
21
+ tooltipProps: {}
22
+ };
21
23
  var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
22
24
  var _useProps = (0, _core.useProps)('EllipsisText', defaultProps, props), className = _useProps.className, children = _useProps.children, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, variant = _useProps.variant, tooltipProps = _useProps.tooltipProps, others = _object_without_properties._(_useProps, [
23
25
  "className",
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps,\n Pick<TextProps, 'variant'>,\n Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n 'EllipsisText',\n defaultProps,\n props,\n );\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>();\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n display=\"flex\"\n w=\"100%\"\n {...getStyles('root')}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text variant={variant} ref={textRef} {...getStyles('text')}>\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["EllipsisText","defaultProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","tooltipProps","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","Box","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","Tooltip","label","opened","Text","h","scrollWidth","clientWidth"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;;;;;oBAvBN;qBACmC;8EACtB;AAmBpB,IAAMC,eAA2C,CAAC;AAE3C,IAAMD,eAAeE,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IAAqGC,YAAAA,IAAAA,cAAQ,EACzG,gBACAJ,cACAE,QAHGG,YAA8FD,UAA9FC,WAAWC,WAAmFF,UAAnFE,UAAUC,QAAyEH,UAAzEG,OAAOC,aAAkEJ,UAAlEI,YAAYC,SAAsDL,UAAtDK,QAAQC,WAA8CN,UAA9CM,UAAUC,UAAoCP,UAApCO,SAASC,eAA2BR,UAA3BQ,cAAiBC,sCAAUT;QAA9FC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASC;;IAK1E,IAAME,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM;IAEtB,qBACI,qBAACC,SAAG;QACApB,KAAKA;QACLqB,cAAc;YACV,IAAIH,QAAQI,OAAO,IAAIC,cAAcL,QAAQI,OAAO,GAAG;gBACnDL,eAAe;YACnB;QACJ;QACAO,cAAc;mBAAMP,eAAe;;QACnCQ,SAAQ;QACRC,GAAE;OACEf,UAAU,SACVD;kBAEJ,cAAA,qBAACiB,aAAO;YAACC,OAAOzB;YAAU0B,QAAQb;WAAiBP,cAAkBE,UAAU;sBAC3E,cAAA,qBAACmB,UAAI;gBAACtB,SAASA;gBAASR,KAAKkB;eAAaP,UAAU;0BAC/CR;;;;AAKrB;AAEA,IAAMoB,gBAAgB,SAACQ;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
1
+ {"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps,\n Pick<TextProps, 'variant'>,\n Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n 'EllipsisText',\n defaultProps,\n props,\n );\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>();\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n display=\"flex\"\n w=\"100%\"\n {...getStyles('root')}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text variant={variant} ref={textRef} {...getStyles('text')}>\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","Box","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","Tooltip","label","opened","Text","h","scrollWidth","clientWidth"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;;oBAzBN;qBACmC;8EACtB;AAmBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IAAqGC,YAAAA,IAAAA,cAAQ,EACzG,gBACAL,cACAG,QAHGG,YAA8FD,UAA9FC,WAAWC,WAAmFF,UAAnFE,UAAUC,QAAyEH,UAAzEG,OAAOC,aAAkEJ,UAAlEI,YAAYC,SAAsDL,UAAtDK,QAAQC,WAA8CN,UAA9CM,UAAUC,UAAoCP,UAApCO,SAASX,eAA2BI,UAA3BJ,cAAiBY,sCAAUR;QAA9FC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASX;;IAK1E,IAAMa,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPd,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCO,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM;IAEtB,qBACI,qBAACC,SAAG;QACAnB,KAAKA;QACLoB,cAAc;YACV,IAAIH,QAAQI,OAAO,IAAIC,cAAcL,QAAQI,OAAO,GAAG;gBACnDL,eAAe;YACnB;QACJ;QACAO,cAAc;mBAAMP,eAAe;;QACnCQ,SAAQ;QACRC,GAAE;OACEf,UAAU,SACVD;kBAEJ,cAAA,qBAACiB,aAAO;YAACC,OAAOxB;YAAUyB,QAAQb;WAAiBlB,cAAkBa,UAAU;sBAC3E,cAAA,qBAACmB,UAAI;gBAACrB,SAASA;gBAASR,KAAKiB;eAAaP,UAAU;0BAC/CP;;;;AAKrB;AAEA,IAAMmB,gBAAgB,SAACQ;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
@@ -1,3 +1,7 @@
1
- .root {
1
+ ul.root {
2
2
  list-style-type: disc;
3
3
  }
4
+
5
+ ol.root {
6
+ list-style-type: decimal;
7
+ }
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
3
3
  export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
4
4
  export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
5
5
  children: ReactNode;
6
- tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;
6
+ tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;
7
7
  }
8
8
  type EllipsisTextFactory = Factory<{
9
9
  props: EllipsisTextProps;
@@ -1 +1 @@
1
- {"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CACxD;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAIH,eAAO,MAAM,YAAY,kGAFD,MAAO,YAAY;;;;;;sBAM9B,OACR,gCACyB,OAAO;;;WAd1B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EA8CtC,CAAC"}
1
+ {"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAJxB,MAAO,YAAY;;;;;;sBAMP,OAAO,gCAEZ,OAAK;;;WAdF,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAgDtC,CAAC"}
@@ -2,7 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Box, polymorphicFactory, Text, Tooltip, useProps, useStyles } from '@mantine/core';
3
3
  import { useRef, useState } from 'react';
4
4
  import classes from './EllipsisText.module.css';
5
- const defaultProps = {};
5
+ const defaultProps = {
6
+ tooltipProps: {}
7
+ };
6
8
  export const EllipsisText = polymorphicFactory((props, ref)=>{
7
9
  const { className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others } = useProps('EllipsisText', defaultProps, props);
8
10
  const getStyles = useStyles({
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps,\n Pick<TextProps, 'variant'>,\n Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n 'EllipsisText',\n defaultProps,\n props,\n );\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>();\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n display=\"flex\"\n w=\"100%\"\n {...getStyles('root')}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text variant={variant} ref={textRef} {...getStyles('text')}>\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["Box","polymorphicFactory","Text","Tooltip","useProps","useStyles","useRef","useState","classes","defaultProps","EllipsisText","props","ref","className","children","style","classNames","styles","unstyled","variant","tooltipProps","others","getStyles","name","showTooltip","setShowTooltip","textRef","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","label","opened","h","scrollWidth","clientWidth"],"mappings":";AAAA,SACIA,GAAG,EAGHC,kBAAkB,EAElBC,IAAI,EAEJC,OAAO,EAEPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAmBC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAClD,OAAOC,aAAa,4BAA4B;AAmBhD,MAAMC,eAA2C,CAAC;AAElD,OAAO,MAAMC,eAAeT,mBAAwC,CAACU,OAAOC;IACxE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,YAAY,EAAE,GAAGC,QAAO,GAAGjB,SACjG,gBACAK,cACAE;IAEJ,MAAMW,YAAYjB,UAA+B;QAC7CkB,MAAM;QACNf;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;IACJ;IAEA,MAAM,CAACM,aAAaC,eAAe,GAAGlB,SAAS;IAC/C,MAAMmB,UAAUpB;IAEhB,qBACI,KAACN;QACGY,KAAKA;QACLe,cAAc;YACV,IAAID,QAAQE,OAAO,IAAIC,cAAcH,QAAQE,OAAO,GAAG;gBACnDH,eAAe;YACnB;QACJ;QACAK,cAAc,IAAML,eAAe;QACnCM,SAAQ;QACRC,GAAE;QACD,GAAGV,UAAU,OAAO;QACpB,GAAGD,MAAM;kBAEV,cAAA,KAAClB;YAAQ8B,OAAOnB;YAAUoB,QAAQV;YAAc,GAAGJ,YAAY;YAAG,GAAGE,UAAU,UAAU;sBACrF,cAAA,KAACpB;gBAAKiB,SAASA;gBAASP,KAAKc;gBAAU,GAAGJ,UAAU,OAAO;0BACtDR;;;;AAKrB,GAAG;AAEH,MAAMe,gBAAgB,CAACM,IAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
1
+ {"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n Box,\n type BoxProps,\n type Factory,\n polymorphicFactory,\n type StylesApiProps,\n Text,\n type TextProps,\n Tooltip,\n type TooltipProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n extends BoxProps,\n Pick<TextProps, 'variant'>,\n Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n children: ReactNode;\n tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n props: EllipsisTextProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n 'EllipsisText',\n defaultProps,\n props,\n );\n const getStyles = useStyles<EllipsisTextFactory>({\n name: 'EllipsisText',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const [showTooltip, setShowTooltip] = useState(false);\n const textRef = useRef<HTMLDivElement>();\n\n return (\n <Box\n ref={ref}\n onMouseEnter={() => {\n if (textRef.current && isOverflowing(textRef.current)) {\n setShowTooltip(true);\n }\n }}\n onMouseLeave={() => setShowTooltip(false)}\n display=\"flex\"\n w=\"100%\"\n {...getStyles('root')}\n {...others}\n >\n <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n <Text variant={variant} ref={textRef} {...getStyles('text')}>\n {children}\n </Text>\n </Tooltip>\n </Box>\n );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["Box","polymorphicFactory","Text","Tooltip","useProps","useStyles","useRef","useState","classes","defaultProps","tooltipProps","EllipsisText","props","ref","className","children","style","classNames","styles","unstyled","variant","others","getStyles","name","showTooltip","setShowTooltip","textRef","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","label","opened","h","scrollWidth","clientWidth"],"mappings":";AAAA,SACIA,GAAG,EAGHC,kBAAkB,EAElBC,IAAI,EAEJC,OAAO,EAEPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAmBC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAClD,OAAOC,aAAa,4BAA4B;AAmBhD,MAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEA,OAAO,MAAMC,eAAeV,mBAAwC,CAACW,OAAOC;IACxE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEV,YAAY,EAAE,GAAGW,QAAO,GAAGjB,SACjG,gBACAK,cACAG;IAEJ,MAAMU,YAAYjB,UAA+B;QAC7CkB,MAAM;QACNf;QACAI;QACAE;QACAE;QACAC;QACAC;QACAC;IACJ;IAEA,MAAM,CAACK,aAAaC,eAAe,GAAGlB,SAAS;IAC/C,MAAMmB,UAAUpB;IAEhB,qBACI,KAACN;QACGa,KAAKA;QACLc,cAAc;YACV,IAAID,QAAQE,OAAO,IAAIC,cAAcH,QAAQE,OAAO,GAAG;gBACnDH,eAAe;YACnB;QACJ;QACAK,cAAc,IAAML,eAAe;QACnCM,SAAQ;QACRC,GAAE;QACD,GAAGV,UAAU,OAAO;QACpB,GAAGD,MAAM;kBAEV,cAAA,KAAClB;YAAQ8B,OAAOlB;YAAUmB,QAAQV;YAAc,GAAGd,YAAY;YAAG,GAAGY,UAAU,UAAU;sBACrF,cAAA,KAACpB;gBAAKkB,SAASA;gBAASP,KAAKa;gBAAU,GAAGJ,UAAU,OAAO;0BACtDP;;;;AAKrB,GAAG;AAEH,MAAMc,gBAAgB,CAACM,IAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
@@ -1,3 +1,7 @@
1
- .root {
1
+ ul.root {
2
2
  list-style-type: disc;
3
3
  }
4
+
5
+ ol.root {
6
+ list-style-type: decimal;
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coveord/plasma-mantine",
3
- "version": "55.0.2",
3
+ "version": "55.0.4",
4
4
  "description": "A Plasma flavoured Mantine theme",
5
5
  "keywords": [
6
6
  "plasma",
@@ -42,22 +42,22 @@
42
42
  "lodash.debounce": "4.0.8",
43
43
  "lodash.defaultsdeep": "4.6.1",
44
44
  "monaco-editor": "0.52.0",
45
- "@coveord/plasma-react-icons": "55.0.0",
46
- "@coveord/plasma-tokens": "55.0.0"
45
+ "@coveord/plasma-react-icons": "55.0.4",
46
+ "@coveord/plasma-tokens": "55.0.4"
47
47
  },
48
48
  "devDependencies": {
49
- "@mantine/carousel": "7.13.2",
50
- "@mantine/code-highlight": "7.13.2",
51
- "@mantine/core": "7.13.2",
52
- "@mantine/dates": "7.13.2",
53
- "@mantine/form": "7.13.2",
54
- "@mantine/hooks": "7.13.2",
55
- "@mantine/modals": "7.13.2",
56
- "@mantine/notifications": "7.13.2",
49
+ "@mantine/carousel": "7.13.3",
50
+ "@mantine/code-highlight": "7.13.3",
51
+ "@mantine/core": "7.13.3",
52
+ "@mantine/dates": "7.13.3",
53
+ "@mantine/form": "7.13.3",
54
+ "@mantine/hooks": "7.13.3",
55
+ "@mantine/modals": "7.13.3",
56
+ "@mantine/notifications": "7.13.3",
57
57
  "@swc/cli": "0.4.0",
58
58
  "@swc/core": "1.7.36",
59
59
  "@testing-library/dom": "10.4.0",
60
- "@testing-library/jest-dom": "6.5.0",
60
+ "@testing-library/jest-dom": "6.6.2",
61
61
  "@testing-library/react": "16.0.1",
62
62
  "@testing-library/user-event": "14.5.2",
63
63
  "@types/lodash.debounce": "4.0.9",
@@ -74,7 +74,7 @@
74
74
  "react": "18.3.1",
75
75
  "react-dom": "18.3.1",
76
76
  "rimraf": "6.0.1",
77
- "sass": "1.79.5",
77
+ "sass": "1.80.3",
78
78
  "tslib": "2.8.0",
79
79
  "typescript": "5.6.3",
80
80
  "vitest": "2.1.3"
@@ -21,7 +21,7 @@ export interface EllipsisTextProps
21
21
  Pick<TextProps, 'variant'>,
22
22
  Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
23
23
  children: ReactNode;
24
- tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;
24
+ tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;
25
25
  }
26
26
 
27
27
  type EllipsisTextFactory = Factory<{
@@ -31,7 +31,9 @@ type EllipsisTextFactory = Factory<{
31
31
  stylesNames: EllipsisTextStylesNames;
32
32
  }>;
33
33
 
34
- const defaultProps: Partial<EllipsisTextProps> = {};
34
+ const defaultProps: Partial<EllipsisTextProps> = {
35
+ tooltipProps: {},
36
+ };
35
37
 
36
38
  export const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {
37
39
  const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(
@@ -1,3 +1,7 @@
1
- .root {
1
+ ul.root {
2
2
  list-style-type: disc;
3
3
  }
4
+
5
+ ol.root {
6
+ list-style-type: decimal;
7
+ }