@adiba-banking-cloud/backoffice 0.0.5 → 0.0.6
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.
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var React
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var HighchartsReact = require('highcharts-react-official');
|
|
7
7
|
var HighchartsRounded = require('highcharts-rounded-corners');
|
|
8
8
|
var core = require('@mantine/core');
|
|
@@ -11207,8 +11207,8 @@ if (typeof window !== "undefined") {
|
|
|
11207
11207
|
HighchartsRounded(Highcharts);
|
|
11208
11208
|
}
|
|
11209
11209
|
const Column = props => {
|
|
11210
|
-
const chartRef = React
|
|
11211
|
-
const chartOptions = React
|
|
11210
|
+
const chartRef = React.useRef(null);
|
|
11211
|
+
const chartOptions = React.useMemo(() => {
|
|
11212
11212
|
const chart = {
|
|
11213
11213
|
type: "column"
|
|
11214
11214
|
};
|
|
@@ -11217,12 +11217,12 @@ const Column = props => {
|
|
|
11217
11217
|
});
|
|
11218
11218
|
return _objectSpread(_objectSpread({}, initChart(column)), initSeries(column));
|
|
11219
11219
|
}, [props]);
|
|
11220
|
-
React
|
|
11220
|
+
React.useEffect(() => {
|
|
11221
11221
|
if (chartRef.current && chartRef.current.chart) {
|
|
11222
11222
|
chartRef.current.chart.update(chartOptions, true);
|
|
11223
11223
|
}
|
|
11224
11224
|
}, [chartOptions]);
|
|
11225
|
-
return /*#__PURE__*/React
|
|
11225
|
+
return /*#__PURE__*/React.createElement(HighchartsReact, {
|
|
11226
11226
|
highcharts: Highcharts,
|
|
11227
11227
|
ref: chartRef,
|
|
11228
11228
|
options: chartOptions
|
|
@@ -11240,7 +11240,7 @@ const EqualizerColumn = props => {
|
|
|
11240
11240
|
colors: [props.color || "blue"],
|
|
11241
11241
|
title: props.title
|
|
11242
11242
|
};
|
|
11243
|
-
return /*#__PURE__*/React
|
|
11243
|
+
return /*#__PURE__*/React.createElement(Column, chartOptions);
|
|
11244
11244
|
};
|
|
11245
11245
|
const SimpleColumn = props => {
|
|
11246
11246
|
const chartOptions = {
|
|
@@ -11254,10 +11254,10 @@ const SimpleColumn = props => {
|
|
|
11254
11254
|
colors: [props.color || "gray"],
|
|
11255
11255
|
title: props.title
|
|
11256
11256
|
};
|
|
11257
|
-
return /*#__PURE__*/React
|
|
11257
|
+
return /*#__PURE__*/React.createElement(Column, chartOptions);
|
|
11258
11258
|
};
|
|
11259
11259
|
const StackedColumn = props => {
|
|
11260
|
-
return /*#__PURE__*/React
|
|
11260
|
+
return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
|
|
11261
11261
|
equalizer: false
|
|
11262
11262
|
}));
|
|
11263
11263
|
};
|
|
@@ -11410,9 +11410,9 @@ const SideMenu = _ref => {
|
|
|
11410
11410
|
sidemenu,
|
|
11411
11411
|
onClick
|
|
11412
11412
|
} = _ref;
|
|
11413
|
-
return /*#__PURE__*/React
|
|
11413
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
|
|
11414
11414
|
var _item$children;
|
|
11415
|
-
return /*#__PURE__*/React
|
|
11415
|
+
return /*#__PURE__*/React.createElement(core.NavLink, {
|
|
11416
11416
|
mt: 'xs',
|
|
11417
11417
|
style: {
|
|
11418
11418
|
borderRadius: radius
|
|
@@ -11422,9 +11422,9 @@ const SideMenu = _ref => {
|
|
|
11422
11422
|
color,
|
|
11423
11423
|
variant,
|
|
11424
11424
|
onClick,
|
|
11425
|
-
leftSection: item.icon ? /*#__PURE__*/React
|
|
11425
|
+
leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
|
|
11426
11426
|
label: item.label
|
|
11427
|
-
}, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React
|
|
11427
|
+
}, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
|
|
11428
11428
|
label: subitem.label,
|
|
11429
11429
|
active: subitem.active,
|
|
11430
11430
|
color,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import React
|
|
3
|
+
import React, { useRef, useMemo, useEffect } from 'react';
|
|
4
4
|
import HighchartsReact from 'highcharts-react-official';
|
|
5
5
|
import HighchartsRounded from 'highcharts-rounded-corners';
|
|
6
6
|
import { NavLink } from '@mantine/core';
|
|
@@ -11201,7 +11201,7 @@ const Column = props => {
|
|
|
11201
11201
|
chartRef.current.chart.update(chartOptions, true);
|
|
11202
11202
|
}
|
|
11203
11203
|
}, [chartOptions]);
|
|
11204
|
-
return /*#__PURE__*/React
|
|
11204
|
+
return /*#__PURE__*/React.createElement(HighchartsReact, {
|
|
11205
11205
|
highcharts: Highcharts,
|
|
11206
11206
|
ref: chartRef,
|
|
11207
11207
|
options: chartOptions
|
|
@@ -11219,7 +11219,7 @@ const EqualizerColumn = props => {
|
|
|
11219
11219
|
colors: [props.color || "blue"],
|
|
11220
11220
|
title: props.title
|
|
11221
11221
|
};
|
|
11222
|
-
return /*#__PURE__*/React
|
|
11222
|
+
return /*#__PURE__*/React.createElement(Column, chartOptions);
|
|
11223
11223
|
};
|
|
11224
11224
|
const SimpleColumn = props => {
|
|
11225
11225
|
const chartOptions = {
|
|
@@ -11233,10 +11233,10 @@ const SimpleColumn = props => {
|
|
|
11233
11233
|
colors: [props.color || "gray"],
|
|
11234
11234
|
title: props.title
|
|
11235
11235
|
};
|
|
11236
|
-
return /*#__PURE__*/React
|
|
11236
|
+
return /*#__PURE__*/React.createElement(Column, chartOptions);
|
|
11237
11237
|
};
|
|
11238
11238
|
const StackedColumn = props => {
|
|
11239
|
-
return /*#__PURE__*/React
|
|
11239
|
+
return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
|
|
11240
11240
|
equalizer: false
|
|
11241
11241
|
}));
|
|
11242
11242
|
};
|
|
@@ -11389,9 +11389,9 @@ const SideMenu = _ref => {
|
|
|
11389
11389
|
sidemenu,
|
|
11390
11390
|
onClick
|
|
11391
11391
|
} = _ref;
|
|
11392
|
-
return /*#__PURE__*/React
|
|
11392
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
|
|
11393
11393
|
var _item$children;
|
|
11394
|
-
return /*#__PURE__*/React
|
|
11394
|
+
return /*#__PURE__*/React.createElement(NavLink, {
|
|
11395
11395
|
mt: 'xs',
|
|
11396
11396
|
style: {
|
|
11397
11397
|
borderRadius: radius
|
|
@@ -11401,9 +11401,9 @@ const SideMenu = _ref => {
|
|
|
11401
11401
|
color,
|
|
11402
11402
|
variant,
|
|
11403
11403
|
onClick,
|
|
11404
|
-
leftSection: item.icon ? /*#__PURE__*/React
|
|
11404
|
+
leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
|
|
11405
11405
|
label: item.label
|
|
11406
|
-
}, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React
|
|
11406
|
+
}, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
|
|
11407
11407
|
label: subitem.label,
|
|
11408
11408
|
active: subitem.active,
|
|
11409
11409
|
color,
|
package/package.json
CHANGED