@reltio/components 1.4.2048 → 1.4.2050
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.
|
@@ -5,6 +5,7 @@ type Props = {
|
|
|
5
5
|
numberOfButtons?: number;
|
|
6
6
|
mode?: 'normal' | 'hover';
|
|
7
7
|
actionButtonSize?: string;
|
|
8
|
+
moreOptionsButtonSize?: string;
|
|
8
9
|
classes?: {
|
|
9
10
|
actionButton?: string;
|
|
10
11
|
moreOptions?: string;
|
|
@@ -13,5 +14,5 @@ type Props = {
|
|
|
13
14
|
onActionsMenuClose?: () => void;
|
|
14
15
|
dataReltioId?: string;
|
|
15
16
|
};
|
|
16
|
-
export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => React.JSX.Element;
|
|
17
|
+
export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, moreOptionsButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => React.JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -30,10 +30,11 @@ import { MenuItemRenderer } from './components/MenuItemRenderer';
|
|
|
30
30
|
import { ActionButton as DefaultActionButton } from '../ActionButton';
|
|
31
31
|
import { ActionButtonMode } from '../types';
|
|
32
32
|
export var ActionsPanel = function (_a) {
|
|
33
|
-
var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
|
|
33
|
+
var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, moreOptionsButtonSize = _a.moreOptionsButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
|
|
34
34
|
var _d = pipe(reject(propEq('show', false)), map(omit(['show'])), splitAt(numberOfButtons))(actions), buttonActions = _d[0], menuActions = _d[1];
|
|
35
35
|
var buttonMode = mode === 'normal' ? ActionButtonMode.button : ActionButtonMode.iconButton;
|
|
36
|
-
var
|
|
36
|
+
var defaultButtonSize = mode === 'normal' ? 'MPlus' : 'S';
|
|
37
|
+
var buttonSize = moreOptionsButtonSize !== null && moreOptionsButtonSize !== void 0 ? moreOptionsButtonSize : defaultButtonSize;
|
|
37
38
|
return (React.createElement(React.Fragment, null,
|
|
38
39
|
buttonActions.map(function (_a, index) {
|
|
39
40
|
var _b = _a.ActionButton, ActionButton = _b === void 0 ? DefaultActionButton : _b, props = __rest(_a, ["ActionButton"]);
|
package/BarChart/BarChart.js
CHANGED
|
@@ -30,7 +30,10 @@ export var BarChart = function (_a) {
|
|
|
30
30
|
var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
|
|
31
31
|
var _c = getBarChartSettings(options), barChart = _c.barChart, cartesianGrid = _c.cartesianGrid, bar = _c.bar, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis;
|
|
32
32
|
var _d = useDynamicYAxisWidth({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
|
|
33
|
-
var onBarClick = onItemClick && (function (
|
|
33
|
+
var onBarClick = onItemClick && (function (_a) {
|
|
34
|
+
var group = _a.group;
|
|
35
|
+
return onItemClick(group);
|
|
36
|
+
});
|
|
34
37
|
var clickable = useClickableChartStyle(onBarClick);
|
|
35
38
|
return (React.createElement(BarChartWidget, __assign({ width: width, height: height, data: data }, barChart, { ref: chartRef }),
|
|
36
39
|
React.createElement(CartesianGrid, __assign({}, cartesianGrid)),
|
|
@@ -5,6 +5,7 @@ type Props = {
|
|
|
5
5
|
numberOfButtons?: number;
|
|
6
6
|
mode?: 'normal' | 'hover';
|
|
7
7
|
actionButtonSize?: string;
|
|
8
|
+
moreOptionsButtonSize?: string;
|
|
8
9
|
classes?: {
|
|
9
10
|
actionButton?: string;
|
|
10
11
|
moreOptions?: string;
|
|
@@ -13,5 +14,5 @@ type Props = {
|
|
|
13
14
|
onActionsMenuClose?: () => void;
|
|
14
15
|
dataReltioId?: string;
|
|
15
16
|
};
|
|
16
|
-
export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => React.JSX.Element;
|
|
17
|
+
export declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, moreOptionsButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => React.JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -36,10 +36,11 @@ var MenuItemRenderer_1 = require("./components/MenuItemRenderer");
|
|
|
36
36
|
var ActionButton_1 = require("../ActionButton");
|
|
37
37
|
var types_1 = require("../types");
|
|
38
38
|
var ActionsPanel = function (_a) {
|
|
39
|
-
var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
|
|
39
|
+
var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, moreOptionsButtonSize = _a.moreOptionsButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
|
|
40
40
|
var _d = (0, ramda_1.pipe)((0, ramda_1.reject)((0, ramda_1.propEq)('show', false)), (0, ramda_1.map)((0, ramda_1.omit)(['show'])), (0, ramda_1.splitAt)(numberOfButtons))(actions), buttonActions = _d[0], menuActions = _d[1];
|
|
41
41
|
var buttonMode = mode === 'normal' ? types_1.ActionButtonMode.button : types_1.ActionButtonMode.iconButton;
|
|
42
|
-
var
|
|
42
|
+
var defaultButtonSize = mode === 'normal' ? 'MPlus' : 'S';
|
|
43
|
+
var buttonSize = moreOptionsButtonSize !== null && moreOptionsButtonSize !== void 0 ? moreOptionsButtonSize : defaultButtonSize;
|
|
43
44
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
44
45
|
buttonActions.map(function (_a, index) {
|
|
45
46
|
var _b = _a.ActionButton, ActionButton = _b === void 0 ? ActionButton_1.ActionButton : _b, props = __rest(_a, ["ActionButton"]);
|
package/cjs/BarChart/BarChart.js
CHANGED
|
@@ -36,7 +36,10 @@ var BarChart = function (_a) {
|
|
|
36
36
|
var width = _a.width, height = _a.height, data = _a.data, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
|
|
37
37
|
var _c = (0, helpers_1.getBarChartSettings)(options), barChart = _c.barChart, cartesianGrid = _c.cartesianGrid, bar = _c.bar, tooltip = _c.tooltip, xAxis = _c.xAxis, yAxis = _c.yAxis;
|
|
38
38
|
var _d = (0, useDynamicYAxisWidth_1.useDynamicYAxisWidth)({ chartYAxisProps: yAxis }), chartRef = _d.chartRef, dynamicYAxisWidth = __rest(_d, ["chartRef"]);
|
|
39
|
-
var onBarClick = onItemClick && (function (
|
|
39
|
+
var onBarClick = onItemClick && (function (_a) {
|
|
40
|
+
var group = _a.group;
|
|
41
|
+
return onItemClick(group);
|
|
42
|
+
});
|
|
40
43
|
var clickable = (0, useClickableChartStyle_1.useClickableChartStyle)(onBarClick);
|
|
41
44
|
return (react_1.default.createElement(recharts_1.BarChart, __assign({ width: width, height: height, data: data }, barChart, { ref: chartRef }),
|
|
42
45
|
react_1.default.createElement(recharts_1.CartesianGrid, __assign({}, cartesianGrid)),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2050",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@fluentui/react-context-selector": "^9.1.26",
|
|
12
12
|
"@googlemaps/markerclusterer": "^2.5.3",
|
|
13
13
|
"@react-sigma/core": "3.4.0",
|
|
14
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
14
|
+
"@reltio/mdm-sdk": "^1.4.1907",
|
|
15
15
|
"@vis.gl/react-google-maps": "^1.3.0",
|
|
16
16
|
"d3-cloud": "^1.2.5",
|
|
17
17
|
"d3-geo": "^2.0.1",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-simple-maps": "^3.0.0",
|
|
37
37
|
"react-virtualized": "^9.22.5",
|
|
38
38
|
"react-window": "^1.8.10",
|
|
39
|
-
"recharts": "^2.
|
|
39
|
+
"recharts": "^2.15.0",
|
|
40
40
|
"sanitize-html": "^2.13.1",
|
|
41
41
|
"sigma": "^2.4.0",
|
|
42
42
|
"topojson-client": "^3.1.0"
|