@coveord/plasma-mantine 55.0.0 → 55.0.2

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 (53) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +30 -30
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts +39 -0
  5. package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts.map +1 -0
  6. package/dist/cjs/components/ellipsis-text/EllipsisText.js +74 -0
  7. package/dist/cjs/components/ellipsis-text/EllipsisText.js.map +1 -0
  8. package/dist/cjs/components/ellipsis-text/EllipsisText.module.css +9 -0
  9. package/dist/cjs/components/ellipsis-text/index.d.ts +2 -0
  10. package/dist/cjs/components/ellipsis-text/index.d.ts.map +1 -0
  11. package/dist/cjs/components/ellipsis-text/index.js +8 -0
  12. package/dist/cjs/components/ellipsis-text/index.js.map +1 -0
  13. package/dist/cjs/components/index.d.ts +1 -0
  14. package/dist/cjs/components/index.d.ts.map +1 -1
  15. package/dist/cjs/components/index.js +1 -0
  16. package/dist/cjs/components/index.js.map +1 -1
  17. package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts +3 -0
  18. package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  19. package/dist/cjs/components/read-only/ReadOnlyInputStyles.js +3 -0
  20. package/dist/cjs/components/read-only/ReadOnlyInputStyles.js.map +1 -1
  21. package/dist/cjs/styles/Tooltip.module.css +3 -0
  22. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  23. package/dist/cjs/theme/Theme.js +6 -2
  24. package/dist/cjs/theme/Theme.js.map +1 -1
  25. package/dist/esm/components/ellipsis-text/EllipsisText.d.ts +39 -0
  26. package/dist/esm/components/ellipsis-text/EllipsisText.d.ts.map +1 -0
  27. package/dist/esm/components/ellipsis-text/EllipsisText.js +48 -0
  28. package/dist/esm/components/ellipsis-text/EllipsisText.js.map +1 -0
  29. package/dist/esm/components/ellipsis-text/EllipsisText.module.css +9 -0
  30. package/dist/esm/components/ellipsis-text/index.d.ts +2 -0
  31. package/dist/esm/components/ellipsis-text/index.d.ts.map +1 -0
  32. package/dist/esm/components/ellipsis-text/index.js +3 -0
  33. package/dist/esm/components/ellipsis-text/index.js.map +1 -0
  34. package/dist/esm/components/index.d.ts +1 -0
  35. package/dist/esm/components/index.d.ts.map +1 -1
  36. package/dist/esm/components/index.js +1 -0
  37. package/dist/esm/components/index.js.map +1 -1
  38. package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts +3 -0
  39. package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  40. package/dist/esm/components/read-only/ReadOnlyInputStyles.js +3 -0
  41. package/dist/esm/components/read-only/ReadOnlyInputStyles.js.map +1 -1
  42. package/dist/esm/styles/Tooltip.module.css +3 -0
  43. package/dist/esm/theme/Theme.d.ts.map +1 -1
  44. package/dist/esm/theme/Theme.js +6 -2
  45. package/dist/esm/theme/Theme.js.map +1 -1
  46. package/package.json +1 -1
  47. package/src/components/ellipsis-text/EllipsisText.module.css +9 -0
  48. package/src/components/ellipsis-text/EllipsisText.tsx +79 -0
  49. package/src/components/ellipsis-text/index.ts +1 -0
  50. package/src/components/index.ts +1 -0
  51. package/src/components/read-only/ReadOnlyInputStyles.ts +3 -0
  52. package/src/styles/Tooltip.module.css +3 -0
  53. package/src/theme/Theme.tsx +3 -1
@@ -0,0 +1,39 @@
1
+ import { type BoxProps, type Factory, type StylesApiProps, type TextProps, type TooltipProps } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
4
+ export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
5
+ children: ReactNode;
6
+ tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;
7
+ }
8
+ type EllipsisTextFactory = Factory<{
9
+ props: EllipsisTextProps;
10
+ defaultRef: HTMLDivElement;
11
+ defaultComponent: 'div';
12
+ stylesNames: EllipsisTextStylesNames;
13
+ }>;
14
+ export declare const EllipsisText: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, EllipsisTextProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(EllipsisTextProps & {
15
+ component?: any;
16
+ } & Omit<Omit<any, "ref">, "component" | keyof EllipsisTextProps> & {
17
+ ref?: any;
18
+ renderRoot?: ((props: any) => any) | undefined;
19
+ }) | (EllipsisTextProps & {
20
+ component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
21
+ renderRoot?: ((props: Record<string, any>) => any) | undefined;
22
+ })>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
23
+ props: EllipsisTextProps;
24
+ defaultRef: HTMLDivElement;
25
+ defaultComponent: "div";
26
+ stylesNames: EllipsisTextStylesNames;
27
+ }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
28
+ props: EllipsisTextProps;
29
+ defaultRef: HTMLDivElement;
30
+ defaultComponent: "div";
31
+ stylesNames: EllipsisTextStylesNames;
32
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
33
+ props: EllipsisTextProps;
34
+ defaultRef: HTMLDivElement;
35
+ defaultComponent: "div";
36
+ stylesNames: EllipsisTextStylesNames;
37
+ }>;
38
+ export {};
39
+ //# sourceMappingURL=EllipsisText.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "EllipsisText", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return EllipsisText;
9
+ }
10
+ });
11
+ var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
+ var _object_spread = require("@swc/helpers/_/_object_spread");
13
+ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
14
+ var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
15
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
16
+ var _jsxruntime = require("react/jsx-runtime");
17
+ var _core = require("@mantine/core");
18
+ var _react = require("react");
19
+ var _EllipsisTextmodulecss = /*#__PURE__*/ _interop_require_default._(require("./EllipsisText.module.css"));
20
+ var defaultProps = {};
21
+ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
22
+ 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
+ "className",
24
+ "children",
25
+ "style",
26
+ "classNames",
27
+ "styles",
28
+ "unstyled",
29
+ "variant",
30
+ "tooltipProps"
31
+ ]);
32
+ var getStyles = (0, _core.useStyles)({
33
+ name: 'EllipsisText',
34
+ classes: _EllipsisTextmodulecss.default,
35
+ props: props,
36
+ className: className,
37
+ style: style,
38
+ classNames: classNames,
39
+ styles: styles,
40
+ unstyled: unstyled
41
+ });
42
+ var _useState = _sliced_to_array._((0, _react.useState)(false), 2), showTooltip = _useState[0], setShowTooltip = _useState[1];
43
+ var textRef = (0, _react.useRef)();
44
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
45
+ ref: ref,
46
+ onMouseEnter: function() {
47
+ if (textRef.current && isOverflowing(textRef.current)) {
48
+ setShowTooltip(true);
49
+ }
50
+ },
51
+ onMouseLeave: function() {
52
+ return setShowTooltip(false);
53
+ },
54
+ display: "flex",
55
+ w: "100%"
56
+ }, getStyles('root'), others), {
57
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
58
+ label: children,
59
+ opened: showTooltip
60
+ }, tooltipProps, getStyles('tooltip')), {
61
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, _object_spread_props._(_object_spread._({
62
+ variant: variant,
63
+ ref: textRef
64
+ }, getStyles('text')), {
65
+ children: children
66
+ }))
67
+ }))
68
+ }));
69
+ });
70
+ var isOverflowing = function(h) {
71
+ return h.scrollWidth > h.clientWidth;
72
+ };
73
+
74
+ //# sourceMappingURL=EllipsisText.js.map
@@ -0,0 +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"}
@@ -0,0 +1,9 @@
1
+ .root {
2
+ white-space: nowrap;
3
+ }
4
+
5
+ .text {
6
+ flex-basis: 100%;
7
+ overflow: hidden;
8
+ text-overflow: ellipsis;
9
+ }
@@ -0,0 +1,2 @@
1
+ export * from './EllipsisText';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ var _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./EllipsisText"), exports);
7
+
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/ellipsis-text/index.ts"],"sourcesContent":["export * from './EllipsisText';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -6,6 +6,7 @@ export * from './code-editor';
6
6
  export * from './collection';
7
7
  export * from './copyToClipboard';
8
8
  export * from './date-range-picker';
9
+ export * from './ellipsis-text';
9
10
  export * from './header';
10
11
  export * from './inline-confirm';
11
12
  export * from './menu';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
@@ -11,6 +11,7 @@ _export_star._(require("./code-editor"), exports);
11
11
  _export_star._(require("./collection"), exports);
12
12
  _export_star._(require("./copyToClipboard"), exports);
13
13
  _export_star._(require("./date-range-picker"), exports);
14
+ _export_star._(require("./ellipsis-text"), exports);
14
15
  _export_star._(require("./header"), exports);
15
16
  _export_star._(require("./inline-confirm"), exports);
16
17
  _export_star._(require("./menu"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -6,6 +6,9 @@ export declare const readOnlyInputStyles: (theme: MantineTheme) => {
6
6
  '--input-color': string;
7
7
  '--input-placeholder-color': string;
8
8
  };
9
+ label: {
10
+ '--input-asterisk-color': string;
11
+ };
9
12
  input: {
10
13
  cursor: string;
11
14
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;CAUrD,CAAC"}
1
+ {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
@@ -16,6 +16,9 @@ var readOnlyInputStyles = function(theme) {
16
16
  '--input-color': theme.colors.gray[7],
17
17
  '--input-placeholder-color': theme.colors.gray[7]
18
18
  },
19
+ label: {
20
+ '--input-asterisk-color': theme.colors.red[2]
21
+ },
19
22
  input: {
20
23
  cursor: 'text'
21
24
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'transparent',\n '--input-bg': theme.colors.gray[2],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","input","cursor"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,sBAAsB,SAACC;WAAyB;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ"}
1
+ {"version":3,"sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'transparent',\n '--input-bg': theme.colors.gray[2],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n label: {\n '--input-asterisk-color': theme.colors.red[2],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","label","red","input","cursor"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,sBAAsB,SAACC;WAAyB;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACH,0BAA0BJ,MAAME,MAAM,CAACG,GAAG,CAAC,EAAE;QACjD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ"}
@@ -0,0 +1,3 @@
1
+ .tooltip {
2
+ word-break: break-word;
3
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AAgCvB,eAAO,MAAM,WAAW,EAAE,oBAuSxB,CAAC"}
1
+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,WAAW,EAAE,oBAwSxB,CAAC"}
@@ -40,6 +40,7 @@ var _Skeletonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../st
40
40
  var _Steppermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Stepper.module.css"));
41
41
  var _Tabsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tabs.module.css"));
42
42
  var _Textmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Text.module.css"));
43
+ var _Tooltipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tooltip.module.css"));
43
44
  var _Notificationvars = require("../vars/Notification.vars");
44
45
  var _Textvars = require("../vars/Text.vars");
45
46
  var _PlasmaColors = require("./PlasmaColors");
@@ -222,7 +223,9 @@ var plasmaTheme = (0, _core.createTheme)({
222
223
  classNames: _InputWrappermodulecss.default,
223
224
  vars: function(theme, props) {
224
225
  var anyProps = props;
225
- if (anyProps.readOnly || anyProps.disabled) {
226
+ if (anyProps.disabled || anyProps.readOnly && ![
227
+ 'Select'
228
+ ].includes(anyProps.__staticSelector)) {
226
229
  return {
227
230
  label: {
228
231
  '--input-asterisk-color': theme.colors.red[2]
@@ -420,7 +423,8 @@ var plasmaTheme = (0, _core.createTheme)({
420
423
  multiline: true,
421
424
  withArrow: true,
422
425
  zIndex: 10000
423
- }
426
+ },
427
+ classNames: _Tooltipmodulecss.default
424
428
  })
425
429
  }
426
430
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n InfoSize16Px,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n Anchor,\n AppShellNavbar,\n Badge,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n MenuItem,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Tabs,\n Text,\n TextInput,\n Tooltip,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n classNames: {root: ActionIconClasses.root},\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoSize16Px height={16} />,\n color: 'navy',\n },\n classNames: AlertClasses,\n }),\n Anchor: Anchor.extend({\n defaultProps: {\n color: 'action.6',\n },\n classNames: {root: AnchorClasses.root},\n }),\n AppShellNavbar: AppShellNavbar.extend({\n classNames: {navbar: AppShellNavBarClasses.navbar},\n }),\n Badge: Badge.extend({\n classNames: {root: BadgeClasses.root},\n defaultProps: {\n variant: 'light',\n },\n }),\n Button: Button.extend({\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: {monthCell: DatePickerClasses.monthCell},\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'gray.3',\n },\n }),\n Input: Input.extend({\n classNames: (theme, props) => {\n const anyProps = props as any;\n // eslint-disable-next-line no-underscore-dangle\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly || anyProps.disabled) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n color: 'action',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: {root: ListClasses.root},\n }),\n MenuItem: MenuItem.extend({\n defaultProps: {\n fw: 300,\n },\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: color.primary.navy[9],\n backgroundOpacity: 0.9,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n classNames: {\n root: NotificationClasses.root,\n icon: NotificationClasses.icon,\n closeButton: NotificationClasses.closeButton,\n },\n vars: NotificationVars,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: {viewport: ScrollAreaClasses.viewport},\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {withCheckIcon: false, allowDeselect: false},\n classNames: {input: SelectClasses.input, option: SelectClasses.option},\n }),\n Skeleton: Skeleton.extend({\n classNames: {root: SkeletonClasses.root},\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: {\n step: StepperClasses.step,\n stepIcon: StepperClasses.stepIcon,\n stepCompletedIcon: StepperClasses.stepCompletedIcon,\n stepDescription: StepperClasses.stepDescription,\n separator: StepperClasses.separator,\n verticalSeparator: StepperClasses.verticalSeparator,\n },\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n TabsTab: Tabs.Tab.extend({\n defaultProps: {\n px: 'sm',\n },\n }),\n Text: Text.extend({\n classNames: TextClasses,\n vars: TextVars,\n }),\n TextInput: TextInput.extend({\n defaultProps: {\n radius: 8,\n },\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n color: 'navy',\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","ActionIcon","extend","classNames","root","ActionIconClasses","Alert","defaultProps","icon","InfoSize16Px","height","AlertClasses","Anchor","AnchorClasses","AppShellNavbar","navbar","AppShellNavBarClasses","Badge","BadgeClasses","variant","Button","ButtonClasses","Checkbox","radius","theme","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","vars","CloseButton","CrossSize16Px","aria-label","ColorSwatch","size","withShadow","Combobox","option","SelectClasses","search","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DatePicker","monthCell","DatePickerClasses","Divider","Input","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","red","error","description","Loader","type","role","List","ListClasses","MenuItem","fw","Modal","ModalClasses","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","NotificationClasses","closeButton","NotificationVars","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","viewport","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","withCheckIcon","allowDeselect","input","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","step","StepperClasses","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","Switch","track","thumb","Tabs","TabsClasses","TabsTab","Tab","px","Text","TextClasses","TextVars","TextInput","Tooltip","maw","multiline","zIndex"],"mappings":";;;;+BAgFaA;;;eAAAA;;;;;gCAxEN;4BACa;oBAuCb;qBACkB;4EACK;uEACL;wEACC;gFACQ;uEACT;wEACC;0EACE;0EACA;4EACE;uEACL;8EACO;sEACR;uEACC;yEACE;8EACK;4EACF;uEACL;+EACQ;+EACA;4EACH;kFACM;wEACV;0EACE;yEACD;sEACH;sEACA;gCACO;wBACR;4BACI;AAEpB,IAAMA,cAAoCC,IAAAA,iBAAW,EAAC;IACzD,gJAAgJ;IAChJC,YAAY;IACZC,OAAOC,mBAAK,CAACC,OAAO,CAACC,IAAI,CAAC,EAAE;IAC5BC,eAAe;IACfC,aAAa;QAACC,IAAI;IAAK;IACvBC,SAAS;QACLC,KAAK;QACLC,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;IACR;IACAC,cAAc;IACdC,UAAU;QACNf,YAAY;QACZgB,YAAY;QACZC,OAAO;YACHC,IAAI;gBAACC,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DK,IAAI;gBAACF,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DM,IAAI;gBAACH,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DO,IAAI;gBAACJ,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DQ,IAAI;gBAACL,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DS,IAAI;gBAACN,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;QAC/D;IACJ;IACAU,SAAS;QACLhB,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;IACR;IACAc,QAAQC,0BAAY;IACpBC,YAAY;QACRC,YAAYA,gBAAU,CAACC,MAAM,CAAC;YAC1BC,YAAY;gBAACC,MAAMC,4BAAiB,CAACD,IAAI;YAAA;QAC7C;QACAE,OAAOA,WAAK,CAACJ,MAAM,CAAC;YAChBK,cAAc;gBACVC,oBAAM,qBAACC,8BAAY;oBAACC,QAAQ;;gBAC5BrC,OAAO;YACX;YACA8B,YAAYQ,uBAAY;QAC5B;QACAC,QAAQA,YAAM,CAACV,MAAM,CAAC;YAClBK,cAAc;gBACVlC,OAAO;YACX;YACA8B,YAAY;gBAACC,MAAMS,wBAAa,CAACT,IAAI;YAAA;QACzC;QACAU,gBAAgBA,oBAAc,CAACZ,MAAM,CAAC;YAClCC,YAAY;gBAACY,QAAQC,gCAAqB,CAACD,MAAM;YAAA;QACrD;QACAE,OAAOA,WAAK,CAACf,MAAM,CAAC;YAChBC,YAAY;gBAACC,MAAMc,uBAAY,CAACd,IAAI;YAAA;YACpCG,cAAc;gBACVY,SAAS;YACb;QACJ;QACAC,QAAQA,YAAM,CAAClB,MAAM,CAAC;YAClBC,YAAYkB,wBAAa;QAC7B;QACAC,UAAUA,cAAQ,CAACpB,MAAM,CAAC;YACtBK,cAAc;gBACVgB,QAAQ;YACZ;YACApB,YAAY,SAACqB,OAAOC;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACC,0BAAe,EAAEC,+BAAoB;gBAC1D;gBACA,OAAOD,0BAAe;YAC1B;YACAE,MAAM,SAACP,OAAOC;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHvB,MAAM;4BACF,yBAAyBoB,MAAM1B,MAAM,CAACvB,IAAI,CAAC,EAAE;4BAC7C,oBAAoBiD,MAAM1B,MAAM,CAACvB,IAAI,CAAC,EAAE;wBAC5C;oBACJ;gBACJ;gBACA,OAAO;oBAAC6B,MAAM,CAAC;gBAAC;YACpB;QACJ;QACA4B,aAAaA,iBAAW,CAAC9B,MAAM,CAAC;YAC5BK,cAAc;gBACVC,oBAAM,qBAACyB,+BAAa;oBAACvB,QAAQ;oBAAIwB,cAAW;;YAChD;QACJ;QACAC,aAAaA,iBAAW,CAACjC,MAAM,CAAC;YAC5BK,cAAc;gBACV6B,MAAM;gBACNC,YAAY;YAChB;QACJ;QACAC,UAAUA,cAAQ,CAACpC,MAAM,CAAC;YACtBC,YAAY;gBAACoC,QAAQC,wBAAa,CAACD,MAAM;gBAAEE,QAAQC,0BAAe,CAACD,MAAM;YAAA;QAC7E;QACAE,gBAAgBA,oBAAc,CAACzC,MAAM,CAAC;YAClCK,cAAc;gBACVqC,aAAa;gBACbC,4BAAc,qBAACC,gCAAc;oBAACpC,QAAQ;oBAAIrC,OAAM;;YACpD;QACJ;QACA0E,YAAYA,iBAAU,CAAC7C,MAAM,CAAC;YAC1BC,YAAY;gBAAC6C,WAAWC,4BAAiB,CAACD,SAAS;YAAA;QACvD;QACAE,SAASA,aAAO,CAAChD,MAAM,CAAC;YACpBK,cAAc;gBACVlC,OAAO;YACX;QACJ;QACA8E,OAAOA,WAAK,CAACjD,MAAM,CAAC;YAChBC,YAAY,SAACqB,OAAOC;gBAChB,IAAM2B,WAAW3B;gBACjB,gDAAgD;gBAChD,IAAI2B,SAAS1B,QAAQ,IAAI,CAACD,MAAME,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAAC0B,QAAQ,CAACD,SAASE,gBAAgB,GAAG;oBACzF,OAAO1B,IAAAA,eAAS,EAAC2B,uBAAY,EAAEC,+BAAoB;gBACvD;gBACA,OAAOD,uBAAY;YACvB;QACJ;QACAE,cAAcA,kBAAY,CAACvD,MAAM,CAAC;YAC9BC,YAAYuD,8BAAmB;YAC/B3B,MAAM,SAACP,OAAOC;gBACV,IAAM2B,WAAW3B;gBACjB,IAAI2B,SAAS1B,QAAQ,IAAI0B,SAASzB,QAAQ,EAAE;oBACxC,OAAO;wBACHgC,OAAO;4BAAC,0BAA0BnC,MAAM1B,MAAM,CAAC8D,GAAG,CAAC,EAAE;wBAAA;wBACrDC,OAAO,CAAC;wBACRC,aAAa,CAAC;oBAClB;gBACJ;gBACA,OAAO;oBACHH,OAAO,CAAC;oBACRE,OAAO,CAAC;oBACRC,aAAa,CAAC;gBAClB;YACJ;QACJ;QACAC,QAAQA,YAAM,CAAC7D,MAAM,CAAC;YAClBK,cAAc;gBACVyD,MAAM;gBACN3F,OAAO;gBACP4F,MAAM;YACV;QACJ;QACAC,MAAMA,UAAI,CAAChE,MAAM,CAAC;YACdC,YAAY;gBAACC,MAAM+D,sBAAW,CAAC/D,IAAI;YAAA;QACvC;QACAgE,UAAUA,cAAQ,CAAClE,MAAM,CAAC;YACtBK,cAAc;gBACV8D,IAAI;YACR;QACJ;QACAC,OAAOA,WAAK,CAACpE,MAAM,CAAC;YAChBC,YAAYoE,uBAAY;QAC5B;QACAC,cAAcF,WAAK,CAACG,OAAO,CAACvE,MAAM,CAAC;YAC/BK,cAAc;gBACVlC,OAAOA,mBAAK,CAACC,OAAO,CAACoG,IAAI,CAAC,EAAE;gBAC5BC,mBAAmB;YACvB;QACJ;QACAC,WAAWN,WAAK,CAACO,IAAI,CAAC3E,MAAM,CAAC;YACzBK,cAAc;gBACVuE,SAAS;YACb;QACJ;QACAC,aAAaA,iBAAW,CAAC7E,MAAM,CAAC;YAACK,cAAc;gBAACyE,mBAAmB;YAAI;QAAC;QACxEC,SAASA,aAAO,CAAC/E,MAAM,CAAC;YAACC,YAAY+E,yBAAc;QAAA;QACnDC,cAAcA,kBAAY,CAACjF,MAAM,CAAC;YAC9BK,cAAc;gBACVC,oBAAM,qBAAC4E,8BAAY;oBAAC1E,QAAQ;;gBAC5BrC,OAAO;YACX;YACA8B,YAAY;gBACRC,MAAMiF,8BAAmB,CAACjF,IAAI;gBAC9BI,MAAM6E,8BAAmB,CAAC7E,IAAI;gBAC9B8E,aAAaD,8BAAmB,CAACC,WAAW;YAChD;YACAvD,MAAMwD,kCAAgB;QAC1B;QACAC,YAAYA,gBAAU,CAACtF,MAAM,CAAC;YAC1BC,YAAYsF,4BAAiB;YAC7B1D,MAAM;uBAAO;oBAAC3B,MAAM;wBAAC,2BAA2B;oBAA6B;gBAAC;;YAC9EG,cAAc;gBACVmF,UAAUC,wCAAsB;gBAChCC,cAAcC,uCAAqB;YACvC;QACJ;QACAC,SAASA,aAAO,CAAC5F,MAAM,CAAC;YACpBK,cAAc;gBACVwF,QAAQ;gBACRC,WAAW;YACf;QACJ;QACAC,OAAOA,WAAK,CAAC/F,MAAM,CAAC;YAChBC,YAAY,SAACqB,OAAOC;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACsE,uBAAY,EAAEpE,+BAAoB;gBACvD;gBACA,OAAOoE,uBAAY;YACvB;YACAnE,MAAM,SAACP,OAAOC;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHvB,MAAM;4BACF,sBAAsBoB,MAAM1B,MAAM,CAACvB,IAAI,CAAC,EAAE;4BAC1C,iBAAiBiD,MAAM1B,MAAM,CAACvB,IAAI,CAAC,EAAE;wBACzC;oBACJ;gBACJ;gBACA,OAAO;oBAAC6B,MAAM,CAAC;gBAAC;YACpB;QACJ;QACA+F,YAAYA,gBAAU,CAACjG,MAAM,CAAC;YAC1BC,YAAY;gBAACiG,UAAUC,4BAAiB,CAACD,QAAQ;YAAA;QACrD;QACAE,kBAAkBA,sBAAgB,CAACpG,MAAM,CAAC;YACtCC,YAAYoG,kCAAuB;QACvC;QACAC,QAAQA,YAAM,CAACtG,MAAM,CAAC;YAClBK,cAAc;gBAACkG,eAAe;gBAAOC,eAAe;YAAK;YACzDvG,YAAY;gBAACwG,OAAOnE,wBAAa,CAACmE,KAAK;gBAAEpE,QAAQC,wBAAa,CAACD,MAAM;YAAA;QACzE;QACAqE,UAAUA,cAAQ,CAAC1G,MAAM,CAAC;YACtBC,YAAY;gBAACC,MAAMyG,0BAAe,CAACzG,IAAI;YAAA;QAC3C;QACA0G,SAASA,aAAO,CAAC5G,MAAM,CAAC;YACpBK,cAAc;gBACV6B,MAAM;gBACN2E,6BAAe,qBAACC,+BAAa;YACjC;YACA7G,YAAY;gBACR8G,MAAMC,yBAAc,CAACD,IAAI;gBACzBE,UAAUD,yBAAc,CAACC,QAAQ;gBACjCC,mBAAmBF,yBAAc,CAACE,iBAAiB;gBACnDC,iBAAiBH,yBAAc,CAACG,eAAe;gBAC/CC,WAAWJ,yBAAc,CAACI,SAAS;gBACnCC,mBAAmBL,yBAAc,CAACK,iBAAiB;YACvD;QACJ;QACAC,QAAQA,YAAM,CAACtH,MAAM,CAAC;YAClBC,YAAY,SAACqB,OAAOC;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOG,+BAAoB;gBAC/B;gBACA,OAAO,CAAC;YACZ;YACAC,MAAM,SAACP,OAAOC;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHvB,MAAM,CAAC;wBACPqH,OAAO;4BACH,eAAejG,MAAM1B,MAAM,CAACvB,IAAI,CAAC,EAAE;4BACnC,eAAe;wBACnB;wBACAmJ,OAAO;4BACH,qBAAqB;wBACzB;oBACJ;gBACJ;gBACA,OAAO;oBAACtH,MAAM,CAAC;oBAAGqH,OAAO,CAAC;oBAAGC,OAAO,CAAC;gBAAC;YAC1C;QACJ;QACAC,MAAMA,UAAI,CAACzH,MAAM,CAAC;YACdC,YAAYyH,sBAAW;QAC3B;QACAC,SAASF,UAAI,CAACG,GAAG,CAAC5H,MAAM,CAAC;YACrBK,cAAc;gBACVwH,IAAI;YACR;QACJ;QACAC,MAAMA,UAAI,CAAC9H,MAAM,CAAC;YACdC,YAAY8H,sBAAW;YACvBlG,MAAMmG,kBAAQ;QAClB;QACAC,WAAWA,eAAS,CAACjI,MAAM,CAAC;YACxBK,cAAc;gBACVgB,QAAQ;YACZ;QACJ;QACA6G,SAASA,aAAO,CAAClI,MAAM,CAAC;YACpBK,cAAc;gBACVlC,OAAO;gBACPgK,KAAK;gBACLC,WAAW;gBACXtC,WAAW;gBACXuC,QAAQ;YACZ;QACJ;IACJ;AACJ"}
1
+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CheckSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n InfoSize16Px,\n InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n Anchor,\n AppShellNavbar,\n Badge,\n Button,\n Checkbox,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n MenuItem,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n Pagination,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Stepper,\n Switch,\n Tabs,\n Text,\n TextInput,\n Tooltip,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 8,\n lineHeights: {md: '1.5'},\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n primaryColor: 'action',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: '500',\n sizes: {\n h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n },\n },\n shadows: {\n xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n },\n colors: PlasmaColors,\n components: {\n ActionIcon: ActionIcon.extend({\n classNames: {root: ActionIconClasses.root},\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoSize16Px height={16} />,\n color: 'navy',\n },\n classNames: AlertClasses,\n }),\n Anchor: Anchor.extend({\n defaultProps: {\n color: 'action.6',\n },\n classNames: {root: AnchorClasses.root},\n }),\n AppShellNavbar: AppShellNavbar.extend({\n classNames: {navbar: AppShellNavBarClasses.navbar},\n }),\n Badge: Badge.extend({\n classNames: {root: BadgeClasses.root},\n defaultProps: {\n variant: 'light',\n },\n }),\n Button: Button.extend({\n classNames: ButtonClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--checkbox-icon-color': theme.colors.gray[7],\n '--checkbox-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DatePicker: DatePicker.extend({\n classNames: {monthCell: DatePickerClasses.monthCell},\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'gray.3',\n },\n }),\n Input: Input.extend({\n classNames: (theme, props) => {\n const anyProps = props as any;\n // eslint-disable-next-line no-underscore-dangle\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n Loader: Loader.extend({\n defaultProps: {\n type: 'dots',\n color: 'action',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: {root: ListClasses.root},\n }),\n MenuItem: MenuItem.extend({\n defaultProps: {\n fw: 300,\n },\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: color.primary.navy[9],\n backgroundOpacity: 0.9,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'lg',\n },\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n defaultProps: {\n icon: <InfoSize24Px height={24} />,\n color: 'info',\n },\n classNames: {\n root: NotificationClasses.root,\n icon: NotificationClasses.icon,\n closeButton: NotificationClasses.closeButton,\n },\n vars: NotificationVars,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Popover: Popover.extend({\n defaultProps: {\n shadow: 'md',\n withArrow: true,\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n ScrollArea: ScrollArea.extend({\n classNames: {viewport: ScrollAreaClasses.viewport},\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {withCheckIcon: false, allowDeselect: false},\n classNames: {input: SelectClasses.input, option: SelectClasses.option},\n }),\n Skeleton: Skeleton.extend({\n classNames: {root: SkeletonClasses.root},\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <CheckSize16Px />,\n },\n classNames: {\n step: StepperClasses.step,\n stepIcon: StepperClasses.stepIcon,\n stepCompletedIcon: StepperClasses.stepCompletedIcon,\n stepDescription: StepperClasses.stepDescription,\n separator: StepperClasses.separator,\n verticalSeparator: StepperClasses.verticalSeparator,\n },\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n TabsTab: Tabs.Tab.extend({\n defaultProps: {\n px: 'sm',\n },\n }),\n Text: Text.extend({\n classNames: TextClasses,\n vars: TextVars,\n }),\n TextInput: TextInput.extend({\n defaultProps: {\n radius: 8,\n },\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n color: 'navy',\n maw: 300,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","ActionIcon","extend","classNames","root","ActionIconClasses","Alert","defaultProps","icon","InfoSize16Px","height","AlertClasses","Anchor","AnchorClasses","AppShellNavbar","navbar","AppShellNavBarClasses","Badge","BadgeClasses","variant","Button","ButtonClasses","Checkbox","radius","theme","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","vars","CloseButton","CrossSize16Px","aria-label","ColorSwatch","size","withShadow","Combobox","option","SelectClasses","search","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DatePicker","monthCell","DatePickerClasses","Divider","Input","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","red","error","description","Loader","type","role","List","ListClasses","MenuItem","fw","Modal","ModalClasses","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","NotificationClasses","closeButton","NotificationVars","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","viewport","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","withCheckIcon","allowDeselect","input","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","step","StepperClasses","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","Switch","track","thumb","Tabs","TabsClasses","TabsTab","Tab","px","Text","TextClasses","TextVars","TextInput","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":"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"}
@@ -0,0 +1,39 @@
1
+ import { type BoxProps, type Factory, type StylesApiProps, type TextProps, type TooltipProps } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
4
+ export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
5
+ children: ReactNode;
6
+ tooltipProps: Omit<TooltipProps, 'label' | 'opened'>;
7
+ }
8
+ type EllipsisTextFactory = Factory<{
9
+ props: EllipsisTextProps;
10
+ defaultRef: HTMLDivElement;
11
+ defaultComponent: 'div';
12
+ stylesNames: EllipsisTextStylesNames;
13
+ }>;
14
+ export declare const EllipsisText: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, EllipsisTextProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(EllipsisTextProps & {
15
+ component?: any;
16
+ } & Omit<Omit<any, "ref">, "component" | keyof EllipsisTextProps> & {
17
+ ref?: any;
18
+ renderRoot?: ((props: any) => any) | undefined;
19
+ }) | (EllipsisTextProps & {
20
+ component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
21
+ renderRoot?: ((props: Record<string, any>) => any) | undefined;
22
+ })>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
23
+ props: EllipsisTextProps;
24
+ defaultRef: HTMLDivElement;
25
+ defaultComponent: "div";
26
+ stylesNames: EllipsisTextStylesNames;
27
+ }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
28
+ props: EllipsisTextProps;
29
+ defaultRef: HTMLDivElement;
30
+ defaultComponent: "div";
31
+ stylesNames: EllipsisTextStylesNames;
32
+ }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
33
+ props: EllipsisTextProps;
34
+ defaultRef: HTMLDivElement;
35
+ defaultComponent: "div";
36
+ stylesNames: EllipsisTextStylesNames;
37
+ }>;
38
+ export {};
39
+ //# sourceMappingURL=EllipsisText.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,48 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Box, polymorphicFactory, Text, Tooltip, useProps, useStyles } from '@mantine/core';
3
+ import { useRef, useState } from 'react';
4
+ import classes from './EllipsisText.module.css';
5
+ const defaultProps = {};
6
+ export const EllipsisText = polymorphicFactory((props, ref)=>{
7
+ const { className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others } = useProps('EllipsisText', defaultProps, props);
8
+ const getStyles = useStyles({
9
+ name: 'EllipsisText',
10
+ classes,
11
+ props,
12
+ className,
13
+ style,
14
+ classNames,
15
+ styles,
16
+ unstyled
17
+ });
18
+ const [showTooltip, setShowTooltip] = useState(false);
19
+ const textRef = useRef();
20
+ return /*#__PURE__*/ _jsx(Box, {
21
+ ref: ref,
22
+ onMouseEnter: ()=>{
23
+ if (textRef.current && isOverflowing(textRef.current)) {
24
+ setShowTooltip(true);
25
+ }
26
+ },
27
+ onMouseLeave: ()=>setShowTooltip(false),
28
+ display: "flex",
29
+ w: "100%",
30
+ ...getStyles('root'),
31
+ ...others,
32
+ children: /*#__PURE__*/ _jsx(Tooltip, {
33
+ label: children,
34
+ opened: showTooltip,
35
+ ...tooltipProps,
36
+ ...getStyles('tooltip'),
37
+ children: /*#__PURE__*/ _jsx(Text, {
38
+ variant: variant,
39
+ ref: textRef,
40
+ ...getStyles('text'),
41
+ children: children
42
+ })
43
+ })
44
+ });
45
+ });
46
+ const isOverflowing = (h)=>h.scrollWidth > h.clientWidth;
47
+
48
+ //# sourceMappingURL=EllipsisText.js.map
@@ -0,0 +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"}
@@ -0,0 +1,9 @@
1
+ .root {
2
+ white-space: nowrap;
3
+ }
4
+
5
+ .text {
6
+ flex-basis: 100%;
7
+ overflow: hidden;
8
+ text-overflow: ellipsis;
9
+ }
@@ -0,0 +1,2 @@
1
+ export * from './EllipsisText';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './EllipsisText';
2
+
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/components/ellipsis-text/index.ts"],"sourcesContent":["export * from './EllipsisText';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}
@@ -6,6 +6,7 @@ export * from './code-editor';
6
6
  export * from './collection';
7
7
  export * from './copyToClipboard';
8
8
  export * from './date-range-picker';
9
+ export * from './ellipsis-text';
9
10
  export * from './header';
10
11
  export * from './inline-confirm';
11
12
  export * from './menu';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
@@ -6,6 +6,7 @@ export * from './code-editor';
6
6
  export * from './collection';
7
7
  export * from './copyToClipboard';
8
8
  export * from './date-range-picker';
9
+ export * from './ellipsis-text';
9
10
  export * from './header';
10
11
  export * from './inline-confirm';
11
12
  export * from './menu';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}
1
+ {"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}
@@ -6,6 +6,9 @@ export declare const readOnlyInputStyles: (theme: MantineTheme) => {
6
6
  '--input-color': string;
7
7
  '--input-placeholder-color': string;
8
8
  };
9
+ label: {
10
+ '--input-asterisk-color': string;
11
+ };
9
12
  input: {
10
13
  cursor: string;
11
14
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;CAUrD,CAAC"}
1
+ {"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
@@ -5,6 +5,9 @@ export const readOnlyInputStyles = (theme)=>({
5
5
  '--input-color': theme.colors.gray[7],
6
6
  '--input-placeholder-color': theme.colors.gray[7]
7
7
  },
8
+ label: {
9
+ '--input-asterisk-color': theme.colors.red[2]
10
+ },
8
11
  input: {
9
12
  cursor: 'text'
10
13
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'transparent',\n '--input-bg': theme.colors.gray[2],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","input","cursor"],"mappings":"AAEA,OAAO,MAAMA,sBAAsB,CAACC,QAAyB,CAAA;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ,CAAA,EAAG"}
1
+ {"version":3,"sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"sourcesContent":["import {type MantineTheme} from '@mantine/core';\n\nexport const readOnlyInputStyles = (theme: MantineTheme) => ({\n wrapper: {\n '--input-bd': 'transparent',\n '--input-bg': theme.colors.gray[2],\n '--input-color': theme.colors.gray[7],\n '--input-placeholder-color': theme.colors.gray[7],\n },\n label: {\n '--input-asterisk-color': theme.colors.red[2],\n },\n input: {\n cursor: 'text',\n },\n});\n"],"names":["readOnlyInputStyles","theme","wrapper","colors","gray","label","red","input","cursor"],"mappings":"AAEA,OAAO,MAAMA,sBAAsB,CAACC,QAAyB,CAAA;QACzDC,SAAS;YACL,cAAc;YACd,cAAcD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YAClC,iBAAiBH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;YACrC,6BAA6BH,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;QACrD;QACAC,OAAO;YACH,0BAA0BJ,MAAME,MAAM,CAACG,GAAG,CAAC,EAAE;QACjD;QACAC,OAAO;YACHC,QAAQ;QACZ;IACJ,CAAA,EAAG"}
@@ -0,0 +1,3 @@
1
+ .tooltip {
2
+ word-break: break-word;
3
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AAgCvB,eAAO,MAAM,WAAW,EAAE,oBAuSxB,CAAC"}
1
+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,WAAW,EAAE,oBAwSxB,CAAC"}