sag_components 2.0.0-beta14 → 2.0.0-beta16
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/dist/index.d.ts +2 -138
- package/dist/index.esm.js +92 -134
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +92 -134
- package/dist/index.js.map +1 -1
- package/dist/types/components/BarChart/BarChart.d.ts +0 -77
- package/dist/types/components/OneColumnContainer/OneColumnContainer.d.ts +0 -61
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -14247,13 +14247,16 @@ const Td = dt.td`
|
|
|
14247
14247
|
`;
|
|
14248
14248
|
const Tr = dt.tr`
|
|
14249
14249
|
border-bottom: 1px solid #f3f4f6;
|
|
14250
|
-
${
|
|
14251
|
-
|
|
14252
|
-
|
|
14253
|
-
|
|
14250
|
+
${_ref => {
|
|
14251
|
+
let {
|
|
14252
|
+
enableHover,
|
|
14253
|
+
selectHoverColor
|
|
14254
|
+
} = _ref;
|
|
14255
|
+
return enableHover && `&:hover {
|
|
14254
14256
|
background-color: ${selectHoverColor};
|
|
14255
14257
|
cursor: pointer;
|
|
14256
|
-
}
|
|
14258
|
+
}`;
|
|
14259
|
+
}}
|
|
14257
14260
|
`;
|
|
14258
14261
|
const InfoText = dt.div`
|
|
14259
14262
|
font-weight: 400;
|
|
@@ -27358,46 +27361,6 @@ const OneColumnContainer = props => {
|
|
|
27358
27361
|
containerClassName: "avatar-skeleton"
|
|
27359
27362
|
})))));
|
|
27360
27363
|
};
|
|
27361
|
-
OneColumnContainer.propTypes = {
|
|
27362
|
-
children: PropTypes.string,
|
|
27363
|
-
display: PropTypes.string,
|
|
27364
|
-
isLoading: PropTypes.bool,
|
|
27365
|
-
gridTemplateColumns: PropTypes.string,
|
|
27366
|
-
itemClass: PropTypes.string,
|
|
27367
|
-
divStyle: PropTypes.string,
|
|
27368
|
-
overStyle: PropTypes.string,
|
|
27369
|
-
draggingStyle: PropTypes.string,
|
|
27370
|
-
droppedStyle: PropTypes.string,
|
|
27371
|
-
width: PropTypes.string,
|
|
27372
|
-
height: PropTypes.string,
|
|
27373
|
-
overflow: PropTypes.string,
|
|
27374
|
-
infoTitle: PropTypes.string,
|
|
27375
|
-
infoText: PropTypes.string,
|
|
27376
|
-
disableInfo: PropTypes.bool,
|
|
27377
|
-
showViewByBannerButton: PropTypes.bool,
|
|
27378
|
-
onBannerClick: PropTypes.func,
|
|
27379
|
-
columnTitle: PropTypes.string
|
|
27380
|
-
};
|
|
27381
|
-
OneColumnContainer.defaultProps = {
|
|
27382
|
-
children: '',
|
|
27383
|
-
display: 'block',
|
|
27384
|
-
isLoading: '',
|
|
27385
|
-
gridTemplateColumns: '',
|
|
27386
|
-
itemClass: '',
|
|
27387
|
-
divStyle: '',
|
|
27388
|
-
overStyle: '',
|
|
27389
|
-
draggingStyle: '',
|
|
27390
|
-
droppedStyle: '',
|
|
27391
|
-
width: '300px',
|
|
27392
|
-
height: '300px',
|
|
27393
|
-
overflow: 'hidden',
|
|
27394
|
-
infoTitle: '',
|
|
27395
|
-
infoText: '',
|
|
27396
|
-
disableInfo: false,
|
|
27397
|
-
showViewByBannerButton: false,
|
|
27398
|
-
onBannerClick: () => {},
|
|
27399
|
-
columnTitle: ''
|
|
27400
|
-
};
|
|
27401
27364
|
|
|
27402
27365
|
const scrollableStyles$3 = `
|
|
27403
27366
|
overflow-y: auto;
|
|
@@ -27735,9 +27698,9 @@ const LegendColorRectangle$1 = dt.div`
|
|
|
27735
27698
|
`;
|
|
27736
27699
|
|
|
27737
27700
|
/* eslint-disable no-nested-ternary */
|
|
27738
|
-
const ICON_TYPE_SQUARE$
|
|
27739
|
-
const ICON_TYPE_LEGEND_UNION_ICON$
|
|
27740
|
-
const ICON_TYPE_LEGEND_LINE_ICON$
|
|
27701
|
+
const ICON_TYPE_SQUARE$1 = 'Square';
|
|
27702
|
+
const ICON_TYPE_LEGEND_UNION_ICON$1 = 'LegendUnionIcon';
|
|
27703
|
+
const ICON_TYPE_LEGEND_LINE_ICON$1 = 'LegendLineIcon';
|
|
27741
27704
|
const PerformanceAnalyticsLegend = props => {
|
|
27742
27705
|
const {
|
|
27743
27706
|
className,
|
|
@@ -27756,13 +27719,13 @@ const PerformanceAnalyticsLegend = props => {
|
|
|
27756
27719
|
id: "LegendDataContainer"
|
|
27757
27720
|
}, legendData?.map((item, i) => /*#__PURE__*/React__default["default"].createElement(TitleAndIconContainer, {
|
|
27758
27721
|
key: `${item.title + i}`
|
|
27759
|
-
}, item.iconType === ICON_TYPE_SQUARE$
|
|
27722
|
+
}, item.iconType === ICON_TYPE_SQUARE$1 ? /*#__PURE__*/React__default["default"].createElement(LegendColorRectangle$1, {
|
|
27760
27723
|
color: item.iconColor
|
|
27761
|
-
}) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$
|
|
27724
|
+
}) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$1 ? /*#__PURE__*/React__default["default"].createElement(LegendUnionIcon, {
|
|
27762
27725
|
width: 30,
|
|
27763
27726
|
height: 30,
|
|
27764
27727
|
color: item.iconColor
|
|
27765
|
-
}) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$
|
|
27728
|
+
}) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$1 ? /*#__PURE__*/React__default["default"].createElement(LegendLineIcon, {
|
|
27766
27729
|
color: item.iconColor
|
|
27767
27730
|
}) : '', /*#__PURE__*/React__default["default"].createElement(Title$7, {
|
|
27768
27731
|
id: "Title",
|
|
@@ -27775,7 +27738,7 @@ PerformanceAnalyticsLegend.propTypes = {
|
|
|
27775
27738
|
height: PropTypes.string,
|
|
27776
27739
|
legendData: PropTypes.arrayOf(PropTypes.shape({
|
|
27777
27740
|
title: PropTypes.string.isRequired,
|
|
27778
|
-
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$
|
|
27741
|
+
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
|
|
27779
27742
|
iconColor: PropTypes.string.isRequired
|
|
27780
27743
|
}))
|
|
27781
27744
|
};
|
|
@@ -27785,15 +27748,15 @@ PerformanceAnalyticsLegend.defaultProps = {
|
|
|
27785
27748
|
height: '',
|
|
27786
27749
|
legendData: [{
|
|
27787
27750
|
title: '',
|
|
27788
|
-
iconType: ICON_TYPE_SQUARE$
|
|
27751
|
+
iconType: ICON_TYPE_SQUARE$1,
|
|
27789
27752
|
iconColor: '#1F7677'
|
|
27790
27753
|
}]
|
|
27791
27754
|
};
|
|
27792
27755
|
|
|
27793
27756
|
/* eslint-disable no-nested-ternary */
|
|
27794
|
-
const ICON_TYPE_SQUARE
|
|
27795
|
-
const ICON_TYPE_LEGEND_UNION_ICON
|
|
27796
|
-
const ICON_TYPE_LEGEND_LINE_ICON
|
|
27757
|
+
const ICON_TYPE_SQUARE = 'Square';
|
|
27758
|
+
const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
|
|
27759
|
+
const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
|
|
27797
27760
|
const BarChartsByWeeks = props => {
|
|
27798
27761
|
const {
|
|
27799
27762
|
className,
|
|
@@ -28034,7 +27997,7 @@ BarChartsByWeeks.propTypes = {
|
|
|
28034
27997
|
showLegend: PropTypes.bool,
|
|
28035
27998
|
legendData: PropTypes.arrayOf(PropTypes.shape({
|
|
28036
27999
|
title: PropTypes.string.isRequired,
|
|
28037
|
-
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE
|
|
28000
|
+
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
|
|
28038
28001
|
iconColor: PropTypes.string.isRequired
|
|
28039
28002
|
})),
|
|
28040
28003
|
showTwoBars: PropTypes.bool,
|
|
@@ -28098,11 +28061,11 @@ BarChartsByWeeks.defaultProps = {
|
|
|
28098
28061
|
isTitleOriganal: false,
|
|
28099
28062
|
legendData: [{
|
|
28100
28063
|
title: 'Sales',
|
|
28101
|
-
iconType: ICON_TYPE_SQUARE
|
|
28064
|
+
iconType: ICON_TYPE_SQUARE,
|
|
28102
28065
|
iconColor: '#90CE9C'
|
|
28103
28066
|
}, {
|
|
28104
28067
|
title: 'Category Average',
|
|
28105
|
-
iconType: ICON_TYPE_LEGEND_LINE_ICON
|
|
28068
|
+
iconType: ICON_TYPE_LEGEND_LINE_ICON,
|
|
28106
28069
|
iconColor: '#C906FD'
|
|
28107
28070
|
}],
|
|
28108
28071
|
showTwoBars: false,
|
|
@@ -30314,9 +30277,6 @@ const LabelText = dt.tspan`
|
|
|
30314
30277
|
`;
|
|
30315
30278
|
|
|
30316
30279
|
/* eslint-disable react/prop-types */
|
|
30317
|
-
const ICON_TYPE_SQUARE = 'Square';
|
|
30318
|
-
const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
|
|
30319
|
-
const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
|
|
30320
30280
|
|
|
30321
30281
|
/* BarCharts */
|
|
30322
30282
|
const BarChart = props => {
|
|
@@ -30512,78 +30472,76 @@ const BarChart = props => {
|
|
|
30512
30472
|
legendData: legendData
|
|
30513
30473
|
})));
|
|
30514
30474
|
};
|
|
30515
|
-
|
|
30516
|
-
|
|
30517
|
-
|
|
30518
|
-
|
|
30519
|
-
|
|
30520
|
-
|
|
30521
|
-
|
|
30522
|
-
|
|
30523
|
-
|
|
30524
|
-
|
|
30525
|
-
|
|
30526
|
-
|
|
30527
|
-
|
|
30528
|
-
|
|
30529
|
-
|
|
30530
|
-
|
|
30531
|
-
|
|
30532
|
-
|
|
30533
|
-
|
|
30534
|
-
|
|
30535
|
-
|
|
30536
|
-
|
|
30537
|
-
|
|
30538
|
-
|
|
30539
|
-
|
|
30540
|
-
|
|
30541
|
-
|
|
30542
|
-
}
|
|
30543
|
-
|
|
30544
|
-
|
|
30545
|
-
|
|
30546
|
-
|
|
30547
|
-
|
|
30548
|
-
|
|
30549
|
-
|
|
30550
|
-
|
|
30551
|
-
|
|
30552
|
-
|
|
30553
|
-
|
|
30554
|
-
|
|
30555
|
-
|
|
30556
|
-
|
|
30557
|
-
|
|
30558
|
-
|
|
30559
|
-
|
|
30560
|
-
|
|
30561
|
-
|
|
30562
|
-
|
|
30563
|
-
|
|
30564
|
-
|
|
30565
|
-
|
|
30566
|
-
|
|
30567
|
-
|
|
30568
|
-
|
|
30569
|
-
|
|
30570
|
-
|
|
30571
|
-
|
|
30572
|
-
|
|
30573
|
-
|
|
30574
|
-
|
|
30575
|
-
|
|
30576
|
-
|
|
30577
|
-
|
|
30578
|
-
|
|
30579
|
-
|
|
30580
|
-
|
|
30581
|
-
|
|
30582
|
-
|
|
30583
|
-
|
|
30584
|
-
|
|
30585
|
-
isPercent: false
|
|
30586
|
-
};
|
|
30475
|
+
|
|
30476
|
+
// BarChart.propTypes = {
|
|
30477
|
+
// title: PropTypes.string,
|
|
30478
|
+
// barChartData: PropTypes.arrayOf(
|
|
30479
|
+
// PropTypes.shape({
|
|
30480
|
+
// title: PropTypes.string,
|
|
30481
|
+
// date: PropTypes.string,
|
|
30482
|
+
// value: PropTypes.number,
|
|
30483
|
+
// }),
|
|
30484
|
+
// ),
|
|
30485
|
+
// width: PropTypes.string,
|
|
30486
|
+
// height: PropTypes.string,
|
|
30487
|
+
// barSize: PropTypes.number,
|
|
30488
|
+
// barFontSizeValue: PropTypes.string,
|
|
30489
|
+
// barChartColor: PropTypes.string,
|
|
30490
|
+
// showDollarSign: PropTypes.bool,
|
|
30491
|
+
// isDollar: PropTypes.bool,
|
|
30492
|
+
// showLegend: PropTypes.bool,
|
|
30493
|
+
// legendData: PropTypes.arrayOf(
|
|
30494
|
+
// PropTypes.shape({
|
|
30495
|
+
// title: PropTypes.string.isRequired,
|
|
30496
|
+
// iconType: PropTypes.oneOf([
|
|
30497
|
+
// ICON_TYPE_SQUARE,
|
|
30498
|
+
// ICON_TYPE_LEGEND_UNION_ICON,
|
|
30499
|
+
// ICON_TYPE_LEGEND_LINE_ICON,
|
|
30500
|
+
// ]).isRequired,
|
|
30501
|
+
// iconColor: PropTypes.string.isRequired,
|
|
30502
|
+
// }),
|
|
30503
|
+
// ),
|
|
30504
|
+
// showReferenceLine: PropTypes.bool,
|
|
30505
|
+
// referenceLinePoint: PropTypes.number,
|
|
30506
|
+
// referenceLineColor: PropTypes.string,
|
|
30507
|
+
// referenceLineDashed: PropTypes.string,
|
|
30508
|
+
// showCurrentCampaignStyle: PropTypes.bool,
|
|
30509
|
+
// currentBarColor: PropTypes.string,
|
|
30510
|
+
// isPercent: PropTypes.bool,
|
|
30511
|
+
// };
|
|
30512
|
+
|
|
30513
|
+
// BarChart.defaultProps = {
|
|
30514
|
+
// title: 'String',
|
|
30515
|
+
// barChartData: [
|
|
30516
|
+
// { title: 'Food Lion', date: '15.01.24-31.01.24', value: 542366 },
|
|
30517
|
+
// { title: 'Hannaford', date: '15.01.24-31.01.24', value: 699511 },
|
|
30518
|
+
// { title: 'The Giant Company', date: '15.01.24-31.01.24', value: 403092 },
|
|
30519
|
+
// { title: 'Giant Food', date: '15.01.24-31.01.24', value: 396184 },
|
|
30520
|
+
// { title: 'Stop&Shop', date: '15.01.24-31.01.24', value: 415317 },
|
|
30521
|
+
// ],
|
|
30522
|
+
// width: '100%',
|
|
30523
|
+
// height: '100%',
|
|
30524
|
+
// barSize: 60,
|
|
30525
|
+
// barFontSizeValue: '0.6em',
|
|
30526
|
+
// barChartColor: '#BD9EFF',
|
|
30527
|
+
// showDollarSign: true,
|
|
30528
|
+
// isDollar: true,
|
|
30529
|
+
// showLegend: true,
|
|
30530
|
+
// legendData: [
|
|
30531
|
+
// {
|
|
30532
|
+
// title: 'Incremental Sales',
|
|
30533
|
+
// iconType: ICON_TYPE_SQUARE,
|
|
30534
|
+
// iconColor: '#BD9EFF',
|
|
30535
|
+
// },
|
|
30536
|
+
// ],
|
|
30537
|
+
// showReferenceLine: false,
|
|
30538
|
+
// referenceLinePoint: 0,
|
|
30539
|
+
// referenceLineColor: '#212121',
|
|
30540
|
+
// referenceLineDashed: '5',
|
|
30541
|
+
// showCurrentCampaignStyle: false,
|
|
30542
|
+
// currentBarColor: '#90CE9C',
|
|
30543
|
+
// isPercent: false,
|
|
30544
|
+
// };
|
|
30587
30545
|
|
|
30588
30546
|
exports.BannerEventBoxList = BannerEventBoxList;
|
|
30589
30547
|
exports.BarChart = BarChart;
|