@reltio/components 1.4.1379 → 1.4.1381
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.
- package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts +10 -19
- package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.js +5 -21
- package/cjs/components/ExpandedValueTooltip/styles.d.ts +1 -0
- package/cjs/components/ExpandedValueTooltip/styles.js +10 -0
- package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts +10 -19
- package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.js +5 -20
- package/esm/components/ExpandedValueTooltip/styles.d.ts +1 -0
- package/esm/components/ExpandedValueTooltip/styles.js +7 -0
- package/package.json +3 -3
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
export default ExpandedValueTooltip;
|
|
9
|
-
import PropTypes from "prop-types";
|
|
10
|
-
declare function ExpandedValueTooltip({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: {
|
|
11
|
-
[x: string]: any;
|
|
12
|
-
children: any;
|
|
13
|
-
value: any;
|
|
14
|
-
className: any;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TooltipProps } from '@material-ui/core/Tooltip';
|
|
3
|
+
declare type Props = Omit<TooltipProps, 'title' | 'classes'> & {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
value?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
15
7
|
showOnExceededWidth?: boolean;
|
|
16
|
-
showOnExceededHeight
|
|
17
|
-
}
|
|
18
|
-
declare
|
|
19
|
-
|
|
20
|
-
}
|
|
8
|
+
showOnExceededHeight?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const ExpandedValueTooltip: ({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: Props) => JSX.Element;
|
|
11
|
+
export default ExpandedValueTooltip;
|
|
@@ -48,29 +48,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
48
48
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
49
|
};
|
|
50
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
exports.ExpandedValueTooltipType = void 0;
|
|
52
51
|
var react_1 = __importStar(require("react"));
|
|
53
|
-
var
|
|
54
|
-
var styles_1 = require("@material-ui/core/styles");
|
|
52
|
+
var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
|
|
55
53
|
var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
|
|
56
54
|
var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
|
|
57
|
-
var
|
|
58
|
-
var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
|
|
59
|
-
tooltip: theme.tooltip,
|
|
60
|
-
popper: {
|
|
61
|
-
zIndex: 10000
|
|
62
|
-
}
|
|
63
|
-
}); });
|
|
55
|
+
var styles_1 = require("./styles");
|
|
64
56
|
var checkOverflow = function (el, showOnExceededWidth, showOnExceededHeight) {
|
|
65
57
|
return (el &&
|
|
66
58
|
((showOnExceededWidth && el.clientWidth < el.scrollWidth) ||
|
|
67
59
|
(showOnExceededHeight && el.clientHeight < el.scrollHeight)));
|
|
68
60
|
};
|
|
69
61
|
var ExpandedValueTooltip = function (_a) {
|
|
70
|
-
var children = _a.children,
|
|
62
|
+
var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, className = _a.className, _c = _a.showOnExceededWidth, showOnExceededWidth = _c === void 0 ? true : _c, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
|
|
63
|
+
var tooltipStyles = (0, styles_1.useStyles)();
|
|
71
64
|
var childrenRef = (0, react_1.useRef)();
|
|
72
|
-
var
|
|
73
|
-
var _c = (0, react_1.useState)(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
|
|
65
|
+
var _d = (0, react_1.useState)(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
|
|
74
66
|
var updateOverflowState = function () {
|
|
75
67
|
return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));
|
|
76
68
|
};
|
|
@@ -80,12 +72,4 @@ var ExpandedValueTooltip = function (_a) {
|
|
|
80
72
|
react_1.default.createElement(RootRef_1.default, { rootRef: childrenRef },
|
|
81
73
|
react_1.default.createElement(Tooltip_1.default, __assign({ title: isOverflowing ? value : '', classes: __assign(__assign({}, tooltipStyles), { tooltip: className }) }, otherProps), children))));
|
|
82
74
|
};
|
|
83
|
-
exports.ExpandedValueTooltipType = {
|
|
84
|
-
children: prop_types_1.default.node,
|
|
85
|
-
value: prop_types_1.default.node,
|
|
86
|
-
className: prop_types_1.default.string,
|
|
87
|
-
showOnExceededWidth: prop_types_1.default.bool,
|
|
88
|
-
showOnExceededHeight: prop_types_1.default.bool
|
|
89
|
-
};
|
|
90
|
-
ExpandedValueTooltip.propTypes = exports.ExpandedValueTooltipType;
|
|
91
75
|
exports.default = ExpandedValueTooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "popper">;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStyles = void 0;
|
|
4
|
+
var styles_1 = require("@material-ui/core/styles");
|
|
5
|
+
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
|
|
6
|
+
tooltip: theme.tooltip,
|
|
7
|
+
popper: {
|
|
8
|
+
zIndex: 10000
|
|
9
|
+
}
|
|
10
|
+
}); });
|
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
export default ExpandedValueTooltip;
|
|
9
|
-
import PropTypes from "prop-types";
|
|
10
|
-
declare function ExpandedValueTooltip({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: {
|
|
11
|
-
[x: string]: any;
|
|
12
|
-
children: any;
|
|
13
|
-
value: any;
|
|
14
|
-
className: any;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TooltipProps } from '@material-ui/core/Tooltip';
|
|
3
|
+
declare type Props = Omit<TooltipProps, 'title' | 'classes'> & {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
value?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
15
7
|
showOnExceededWidth?: boolean;
|
|
16
|
-
showOnExceededHeight
|
|
17
|
-
}
|
|
18
|
-
declare
|
|
19
|
-
|
|
20
|
-
}
|
|
8
|
+
showOnExceededHeight?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const ExpandedValueTooltip: ({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: Props) => JSX.Element;
|
|
11
|
+
export default ExpandedValueTooltip;
|
|
@@ -21,27 +21,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { useRef, useState, useEffect } from 'react';
|
|
24
|
-
import
|
|
25
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
24
|
+
import ReactResizeDetector from 'react-resize-detector';
|
|
26
25
|
import Tooltip from '@material-ui/core/Tooltip';
|
|
27
26
|
import RootRef from '@material-ui/core/RootRef';
|
|
28
|
-
import
|
|
29
|
-
var useStyles = makeStyles(function (theme) { return ({
|
|
30
|
-
tooltip: theme.tooltip,
|
|
31
|
-
popper: {
|
|
32
|
-
zIndex: 10000
|
|
33
|
-
}
|
|
34
|
-
}); });
|
|
27
|
+
import { useStyles } from './styles';
|
|
35
28
|
var checkOverflow = function (el, showOnExceededWidth, showOnExceededHeight) {
|
|
36
29
|
return (el &&
|
|
37
30
|
((showOnExceededWidth && el.clientWidth < el.scrollWidth) ||
|
|
38
31
|
(showOnExceededHeight && el.clientHeight < el.scrollHeight)));
|
|
39
32
|
};
|
|
40
33
|
var ExpandedValueTooltip = function (_a) {
|
|
41
|
-
var children = _a.children,
|
|
42
|
-
var childrenRef = useRef();
|
|
34
|
+
var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, className = _a.className, _c = _a.showOnExceededWidth, showOnExceededWidth = _c === void 0 ? true : _c, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
|
|
43
35
|
var tooltipStyles = useStyles();
|
|
44
|
-
var
|
|
36
|
+
var childrenRef = useRef();
|
|
37
|
+
var _d = useState(false), isOverflowing = _d[0], setIsOverflowing = _d[1];
|
|
45
38
|
var updateOverflowState = function () {
|
|
46
39
|
return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));
|
|
47
40
|
};
|
|
@@ -51,12 +44,4 @@ var ExpandedValueTooltip = function (_a) {
|
|
|
51
44
|
React.createElement(RootRef, { rootRef: childrenRef },
|
|
52
45
|
React.createElement(Tooltip, __assign({ title: isOverflowing ? value : '', classes: __assign(__assign({}, tooltipStyles), { tooltip: className }) }, otherProps), children))));
|
|
53
46
|
};
|
|
54
|
-
export var ExpandedValueTooltipType = {
|
|
55
|
-
children: PropTypes.node,
|
|
56
|
-
value: PropTypes.node,
|
|
57
|
-
className: PropTypes.string,
|
|
58
|
-
showOnExceededWidth: PropTypes.bool,
|
|
59
|
-
showOnExceededHeight: PropTypes.bool
|
|
60
|
-
};
|
|
61
|
-
ExpandedValueTooltip.propTypes = ExpandedValueTooltipType;
|
|
62
47
|
export default ExpandedValueTooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "popper">;
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1381",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./esm/index.js",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@date-io/moment": "^1.3.5",
|
|
9
9
|
"@react-google-maps/api": "2.7.0",
|
|
10
|
-
"@reltio/mdm-module": "^1.4.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
10
|
+
"@reltio/mdm-module": "^1.4.1381",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1381",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|