@reltio/components 1.4.1379 → 1.4.1380

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 (9) hide show
  1. package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts +10 -19
  2. package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.js +5 -21
  3. package/cjs/components/ExpandedValueTooltip/styles.d.ts +1 -0
  4. package/cjs/components/ExpandedValueTooltip/styles.js +10 -0
  5. package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts +10 -19
  6. package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.js +5 -20
  7. package/esm/components/ExpandedValueTooltip/styles.d.ts +1 -0
  8. package/esm/components/ExpandedValueTooltip/styles.js +7 -0
  9. package/package.json +3 -3
package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts CHANGED
@@ -1,20 +1,11 @@
1
- export namespace ExpandedValueTooltipType {
2
- const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
3
- const value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
4
- const className: PropTypes.Requireable<string>;
5
- const showOnExceededWidth: PropTypes.Requireable<boolean>;
6
- const showOnExceededHeight: PropTypes.Requireable<boolean>;
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: any;
17
- }): JSX.Element;
18
- declare namespace ExpandedValueTooltip {
19
- export { ExpandedValueTooltipType as propTypes };
20
- }
8
+ showOnExceededHeight?: boolean;
9
+ };
10
+ declare const ExpandedValueTooltip: ({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: Props) => JSX.Element;
11
+ export default ExpandedValueTooltip;
package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.js CHANGED
@@ -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 prop_types_1 = __importDefault(require("prop-types"));
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 react_resize_detector_1 = __importDefault(require("react-resize-detector"));
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, value = _a.value, className = _a.className, _b = _a.showOnExceededWidth, showOnExceededWidth = _b === void 0 ? true : _b, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
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 tooltipStyles = useStyles();
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;
package/cjs/components/ExpandedValueTooltip/styles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "popper">;
package/cjs/components/ExpandedValueTooltip/styles.js ADDED
@@ -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
+ }); });
package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.d.ts CHANGED
@@ -1,20 +1,11 @@
1
- export namespace ExpandedValueTooltipType {
2
- const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
3
- const value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
4
- const className: PropTypes.Requireable<string>;
5
- const showOnExceededWidth: PropTypes.Requireable<boolean>;
6
- const showOnExceededHeight: PropTypes.Requireable<boolean>;
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: any;
17
- }): JSX.Element;
18
- declare namespace ExpandedValueTooltip {
19
- export { ExpandedValueTooltipType as propTypes };
20
- }
8
+ showOnExceededHeight?: boolean;
9
+ };
10
+ declare const ExpandedValueTooltip: ({ children, value, className, showOnExceededWidth, showOnExceededHeight, ...otherProps }: Props) => JSX.Element;
11
+ export default ExpandedValueTooltip;
package/esm/components/ExpandedValueTooltip/ExpandedValueTooltip.js CHANGED
@@ -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 PropTypes from 'prop-types';
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 ReactResizeDetector from 'react-resize-detector';
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, value = _a.value, className = _a.className, _b = _a.showOnExceededWidth, showOnExceededWidth = _b === void 0 ? true : _b, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
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 _c = useState(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
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;
package/esm/components/ExpandedValueTooltip/styles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "popper">;
package/esm/components/ExpandedValueTooltip/styles.js ADDED
@@ -0,0 +1,7 @@
1
+ import { makeStyles } from '@material-ui/core/styles';
2
+ export var useStyles = makeStyles(function (theme) { return ({
3
+ tooltip: theme.tooltip,
4
+ popper: {
5
+ zIndex: 10000
6
+ }
7
+ }); });
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1379",
3
+ "version": "1.4.1380",
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.1379",
11
- "@reltio/mdm-sdk": "^1.4.1379",
10
+ "@reltio/mdm-module": "^1.4.1380",
11
+ "@reltio/mdm-sdk": "^1.4.1380",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",