sag_components 2.0.0-beta15 → 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 +1 -77
- package/dist/index.esm.js +84 -89
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +84 -89
- package/dist/index.js.map +1 -1
- package/dist/types/components/BarChart/BarChart.d.ts +0 -77
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1072,82 +1072,6 @@ declare namespace IconButton {
|
|
|
1072
1072
|
|
|
1073
1073
|
declare function DoublePanelDataRow(props: any): react_jsx_runtime.JSX.Element;
|
|
1074
1074
|
|
|
1075
|
-
declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
|
|
1076
|
-
declare namespace BarChart {
|
|
1077
|
-
namespace propTypes {
|
|
1078
|
-
const title: PropTypes.Requireable<string>;
|
|
1079
|
-
const barChartData: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
1080
|
-
title: PropTypes.Requireable<string>;
|
|
1081
|
-
date: PropTypes.Requireable<string>;
|
|
1082
|
-
value: PropTypes.Requireable<number>;
|
|
1083
|
-
}> | null | undefined)[]>;
|
|
1084
|
-
const width: PropTypes.Requireable<string>;
|
|
1085
|
-
const height: PropTypes.Requireable<string>;
|
|
1086
|
-
const barSize: PropTypes.Requireable<number>;
|
|
1087
|
-
const barFontSizeValue: PropTypes.Requireable<string>;
|
|
1088
|
-
const barChartColor: PropTypes.Requireable<string>;
|
|
1089
|
-
const showDollarSign: PropTypes.Requireable<boolean>;
|
|
1090
|
-
const isDollar: PropTypes.Requireable<boolean>;
|
|
1091
|
-
const showLegend: PropTypes.Requireable<boolean>;
|
|
1092
|
-
const legendData: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
1093
|
-
title: PropTypes.Validator<string>;
|
|
1094
|
-
iconType: PropTypes.Validator<string>;
|
|
1095
|
-
iconColor: PropTypes.Validator<string>;
|
|
1096
|
-
}> | null | undefined)[]>;
|
|
1097
|
-
const showReferenceLine: PropTypes.Requireable<boolean>;
|
|
1098
|
-
const referenceLinePoint: PropTypes.Requireable<number>;
|
|
1099
|
-
const referenceLineColor: PropTypes.Requireable<string>;
|
|
1100
|
-
const referenceLineDashed: PropTypes.Requireable<string>;
|
|
1101
|
-
const showCurrentCampaignStyle: PropTypes.Requireable<boolean>;
|
|
1102
|
-
const currentBarColor: PropTypes.Requireable<string>;
|
|
1103
|
-
const isPercent: PropTypes.Requireable<boolean>;
|
|
1104
|
-
}
|
|
1105
|
-
namespace defaultProps {
|
|
1106
|
-
const title_1: string;
|
|
1107
|
-
export { title_1 as title };
|
|
1108
|
-
const barChartData_1: {
|
|
1109
|
-
title: string;
|
|
1110
|
-
date: string;
|
|
1111
|
-
value: number;
|
|
1112
|
-
}[];
|
|
1113
|
-
export { barChartData_1 as barChartData };
|
|
1114
|
-
const width_1: string;
|
|
1115
|
-
export { width_1 as width };
|
|
1116
|
-
const height_1: string;
|
|
1117
|
-
export { height_1 as height };
|
|
1118
|
-
const barSize_1: number;
|
|
1119
|
-
export { barSize_1 as barSize };
|
|
1120
|
-
const barFontSizeValue_1: string;
|
|
1121
|
-
export { barFontSizeValue_1 as barFontSizeValue };
|
|
1122
|
-
const barChartColor_1: string;
|
|
1123
|
-
export { barChartColor_1 as barChartColor };
|
|
1124
|
-
const showDollarSign_1: boolean;
|
|
1125
|
-
export { showDollarSign_1 as showDollarSign };
|
|
1126
|
-
const isDollar_1: boolean;
|
|
1127
|
-
export { isDollar_1 as isDollar };
|
|
1128
|
-
const showLegend_1: boolean;
|
|
1129
|
-
export { showLegend_1 as showLegend };
|
|
1130
|
-
const legendData_1: {
|
|
1131
|
-
title: string;
|
|
1132
|
-
iconType: string;
|
|
1133
|
-
iconColor: string;
|
|
1134
|
-
}[];
|
|
1135
|
-
export { legendData_1 as legendData };
|
|
1136
|
-
const showReferenceLine_1: boolean;
|
|
1137
|
-
export { showReferenceLine_1 as showReferenceLine };
|
|
1138
|
-
const referenceLinePoint_1: number;
|
|
1139
|
-
export { referenceLinePoint_1 as referenceLinePoint };
|
|
1140
|
-
const referenceLineColor_1: string;
|
|
1141
|
-
export { referenceLineColor_1 as referenceLineColor };
|
|
1142
|
-
const referenceLineDashed_1: string;
|
|
1143
|
-
export { referenceLineDashed_1 as referenceLineDashed };
|
|
1144
|
-
const showCurrentCampaignStyle_1: boolean;
|
|
1145
|
-
export { showCurrentCampaignStyle_1 as showCurrentCampaignStyle };
|
|
1146
|
-
const currentBarColor_1: string;
|
|
1147
|
-
export { currentBarColor_1 as currentBarColor };
|
|
1148
|
-
const isPercent_1: boolean;
|
|
1149
|
-
export { isPercent_1 as isPercent };
|
|
1150
|
-
}
|
|
1151
|
-
}
|
|
1075
|
+
declare function BarChart(props: any): react_jsx_runtime.JSX.Element;
|
|
1152
1076
|
|
|
1153
1077
|
export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
|
package/dist/index.esm.js
CHANGED
|
@@ -27689,9 +27689,9 @@ const LegendColorRectangle$1 = dt.div`
|
|
|
27689
27689
|
`;
|
|
27690
27690
|
|
|
27691
27691
|
/* eslint-disable no-nested-ternary */
|
|
27692
|
-
const ICON_TYPE_SQUARE$
|
|
27693
|
-
const ICON_TYPE_LEGEND_UNION_ICON$
|
|
27694
|
-
const ICON_TYPE_LEGEND_LINE_ICON$
|
|
27692
|
+
const ICON_TYPE_SQUARE$1 = 'Square';
|
|
27693
|
+
const ICON_TYPE_LEGEND_UNION_ICON$1 = 'LegendUnionIcon';
|
|
27694
|
+
const ICON_TYPE_LEGEND_LINE_ICON$1 = 'LegendLineIcon';
|
|
27695
27695
|
const PerformanceAnalyticsLegend = props => {
|
|
27696
27696
|
const {
|
|
27697
27697
|
className,
|
|
@@ -27710,13 +27710,13 @@ const PerformanceAnalyticsLegend = props => {
|
|
|
27710
27710
|
id: "LegendDataContainer"
|
|
27711
27711
|
}, legendData?.map((item, i) => /*#__PURE__*/React$1.createElement(TitleAndIconContainer, {
|
|
27712
27712
|
key: `${item.title + i}`
|
|
27713
|
-
}, item.iconType === ICON_TYPE_SQUARE$
|
|
27713
|
+
}, item.iconType === ICON_TYPE_SQUARE$1 ? /*#__PURE__*/React$1.createElement(LegendColorRectangle$1, {
|
|
27714
27714
|
color: item.iconColor
|
|
27715
|
-
}) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$
|
|
27715
|
+
}) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON$1 ? /*#__PURE__*/React$1.createElement(LegendUnionIcon, {
|
|
27716
27716
|
width: 30,
|
|
27717
27717
|
height: 30,
|
|
27718
27718
|
color: item.iconColor
|
|
27719
|
-
}) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$
|
|
27719
|
+
}) : item.iconType === ICON_TYPE_LEGEND_LINE_ICON$1 ? /*#__PURE__*/React$1.createElement(LegendLineIcon, {
|
|
27720
27720
|
color: item.iconColor
|
|
27721
27721
|
}) : '', /*#__PURE__*/React$1.createElement(Title$7, {
|
|
27722
27722
|
id: "Title",
|
|
@@ -27729,7 +27729,7 @@ PerformanceAnalyticsLegend.propTypes = {
|
|
|
27729
27729
|
height: PropTypes.string,
|
|
27730
27730
|
legendData: PropTypes.arrayOf(PropTypes.shape({
|
|
27731
27731
|
title: PropTypes.string.isRequired,
|
|
27732
|
-
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$
|
|
27732
|
+
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
|
|
27733
27733
|
iconColor: PropTypes.string.isRequired
|
|
27734
27734
|
}))
|
|
27735
27735
|
};
|
|
@@ -27739,15 +27739,15 @@ PerformanceAnalyticsLegend.defaultProps = {
|
|
|
27739
27739
|
height: '',
|
|
27740
27740
|
legendData: [{
|
|
27741
27741
|
title: '',
|
|
27742
|
-
iconType: ICON_TYPE_SQUARE$
|
|
27742
|
+
iconType: ICON_TYPE_SQUARE$1,
|
|
27743
27743
|
iconColor: '#1F7677'
|
|
27744
27744
|
}]
|
|
27745
27745
|
};
|
|
27746
27746
|
|
|
27747
27747
|
/* eslint-disable no-nested-ternary */
|
|
27748
|
-
const ICON_TYPE_SQUARE
|
|
27749
|
-
const ICON_TYPE_LEGEND_UNION_ICON
|
|
27750
|
-
const ICON_TYPE_LEGEND_LINE_ICON
|
|
27748
|
+
const ICON_TYPE_SQUARE = 'Square';
|
|
27749
|
+
const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
|
|
27750
|
+
const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
|
|
27751
27751
|
const BarChartsByWeeks = props => {
|
|
27752
27752
|
const {
|
|
27753
27753
|
className,
|
|
@@ -27988,7 +27988,7 @@ BarChartsByWeeks.propTypes = {
|
|
|
27988
27988
|
showLegend: PropTypes.bool,
|
|
27989
27989
|
legendData: PropTypes.arrayOf(PropTypes.shape({
|
|
27990
27990
|
title: PropTypes.string.isRequired,
|
|
27991
|
-
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE
|
|
27991
|
+
iconType: PropTypes.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
|
|
27992
27992
|
iconColor: PropTypes.string.isRequired
|
|
27993
27993
|
})),
|
|
27994
27994
|
showTwoBars: PropTypes.bool,
|
|
@@ -28052,11 +28052,11 @@ BarChartsByWeeks.defaultProps = {
|
|
|
28052
28052
|
isTitleOriganal: false,
|
|
28053
28053
|
legendData: [{
|
|
28054
28054
|
title: 'Sales',
|
|
28055
|
-
iconType: ICON_TYPE_SQUARE
|
|
28055
|
+
iconType: ICON_TYPE_SQUARE,
|
|
28056
28056
|
iconColor: '#90CE9C'
|
|
28057
28057
|
}, {
|
|
28058
28058
|
title: 'Category Average',
|
|
28059
|
-
iconType: ICON_TYPE_LEGEND_LINE_ICON
|
|
28059
|
+
iconType: ICON_TYPE_LEGEND_LINE_ICON,
|
|
28060
28060
|
iconColor: '#C906FD'
|
|
28061
28061
|
}],
|
|
28062
28062
|
showTwoBars: false,
|
|
@@ -30268,9 +30268,6 @@ const LabelText = dt.tspan`
|
|
|
30268
30268
|
`;
|
|
30269
30269
|
|
|
30270
30270
|
/* eslint-disable react/prop-types */
|
|
30271
|
-
const ICON_TYPE_SQUARE = 'Square';
|
|
30272
|
-
const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
|
|
30273
|
-
const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
|
|
30274
30271
|
|
|
30275
30272
|
/* BarCharts */
|
|
30276
30273
|
const BarChart = props => {
|
|
@@ -30466,78 +30463,76 @@ const BarChart = props => {
|
|
|
30466
30463
|
legendData: legendData
|
|
30467
30464
|
})));
|
|
30468
30465
|
};
|
|
30469
|
-
|
|
30470
|
-
|
|
30471
|
-
|
|
30472
|
-
|
|
30473
|
-
|
|
30474
|
-
|
|
30475
|
-
|
|
30476
|
-
|
|
30477
|
-
|
|
30478
|
-
|
|
30479
|
-
|
|
30480
|
-
|
|
30481
|
-
|
|
30482
|
-
|
|
30483
|
-
|
|
30484
|
-
|
|
30485
|
-
|
|
30486
|
-
|
|
30487
|
-
|
|
30488
|
-
|
|
30489
|
-
|
|
30490
|
-
|
|
30491
|
-
|
|
30492
|
-
|
|
30493
|
-
|
|
30494
|
-
|
|
30495
|
-
|
|
30496
|
-
}
|
|
30497
|
-
|
|
30498
|
-
|
|
30499
|
-
|
|
30500
|
-
|
|
30501
|
-
|
|
30502
|
-
|
|
30503
|
-
|
|
30504
|
-
|
|
30505
|
-
|
|
30506
|
-
|
|
30507
|
-
|
|
30508
|
-
|
|
30509
|
-
|
|
30510
|
-
|
|
30511
|
-
|
|
30512
|
-
|
|
30513
|
-
|
|
30514
|
-
|
|
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
|
-
isPercent: false
|
|
30540
|
-
};
|
|
30466
|
+
|
|
30467
|
+
// BarChart.propTypes = {
|
|
30468
|
+
// title: PropTypes.string,
|
|
30469
|
+
// barChartData: PropTypes.arrayOf(
|
|
30470
|
+
// PropTypes.shape({
|
|
30471
|
+
// title: PropTypes.string,
|
|
30472
|
+
// date: PropTypes.string,
|
|
30473
|
+
// value: PropTypes.number,
|
|
30474
|
+
// }),
|
|
30475
|
+
// ),
|
|
30476
|
+
// width: PropTypes.string,
|
|
30477
|
+
// height: PropTypes.string,
|
|
30478
|
+
// barSize: PropTypes.number,
|
|
30479
|
+
// barFontSizeValue: PropTypes.string,
|
|
30480
|
+
// barChartColor: PropTypes.string,
|
|
30481
|
+
// showDollarSign: PropTypes.bool,
|
|
30482
|
+
// isDollar: PropTypes.bool,
|
|
30483
|
+
// showLegend: PropTypes.bool,
|
|
30484
|
+
// legendData: PropTypes.arrayOf(
|
|
30485
|
+
// PropTypes.shape({
|
|
30486
|
+
// title: PropTypes.string.isRequired,
|
|
30487
|
+
// iconType: PropTypes.oneOf([
|
|
30488
|
+
// ICON_TYPE_SQUARE,
|
|
30489
|
+
// ICON_TYPE_LEGEND_UNION_ICON,
|
|
30490
|
+
// ICON_TYPE_LEGEND_LINE_ICON,
|
|
30491
|
+
// ]).isRequired,
|
|
30492
|
+
// iconColor: PropTypes.string.isRequired,
|
|
30493
|
+
// }),
|
|
30494
|
+
// ),
|
|
30495
|
+
// showReferenceLine: PropTypes.bool,
|
|
30496
|
+
// referenceLinePoint: PropTypes.number,
|
|
30497
|
+
// referenceLineColor: PropTypes.string,
|
|
30498
|
+
// referenceLineDashed: PropTypes.string,
|
|
30499
|
+
// showCurrentCampaignStyle: PropTypes.bool,
|
|
30500
|
+
// currentBarColor: PropTypes.string,
|
|
30501
|
+
// isPercent: PropTypes.bool,
|
|
30502
|
+
// };
|
|
30503
|
+
|
|
30504
|
+
// BarChart.defaultProps = {
|
|
30505
|
+
// title: 'String',
|
|
30506
|
+
// barChartData: [
|
|
30507
|
+
// { title: 'Food Lion', date: '15.01.24-31.01.24', value: 542366 },
|
|
30508
|
+
// { title: 'Hannaford', date: '15.01.24-31.01.24', value: 699511 },
|
|
30509
|
+
// { title: 'The Giant Company', date: '15.01.24-31.01.24', value: 403092 },
|
|
30510
|
+
// { title: 'Giant Food', date: '15.01.24-31.01.24', value: 396184 },
|
|
30511
|
+
// { title: 'Stop&Shop', date: '15.01.24-31.01.24', value: 415317 },
|
|
30512
|
+
// ],
|
|
30513
|
+
// width: '100%',
|
|
30514
|
+
// height: '100%',
|
|
30515
|
+
// barSize: 60,
|
|
30516
|
+
// barFontSizeValue: '0.6em',
|
|
30517
|
+
// barChartColor: '#BD9EFF',
|
|
30518
|
+
// showDollarSign: true,
|
|
30519
|
+
// isDollar: true,
|
|
30520
|
+
// showLegend: true,
|
|
30521
|
+
// legendData: [
|
|
30522
|
+
// {
|
|
30523
|
+
// title: 'Incremental Sales',
|
|
30524
|
+
// iconType: ICON_TYPE_SQUARE,
|
|
30525
|
+
// iconColor: '#BD9EFF',
|
|
30526
|
+
// },
|
|
30527
|
+
// ],
|
|
30528
|
+
// showReferenceLine: false,
|
|
30529
|
+
// referenceLinePoint: 0,
|
|
30530
|
+
// referenceLineColor: '#212121',
|
|
30531
|
+
// referenceLineDashed: '5',
|
|
30532
|
+
// showCurrentCampaignStyle: false,
|
|
30533
|
+
// currentBarColor: '#90CE9C',
|
|
30534
|
+
// isPercent: false,
|
|
30535
|
+
// };
|
|
30541
30536
|
|
|
30542
30537
|
export { BannerEventBoxList, BarChart, BarChartsByWeeks, Button, CollapseHeader, DialogOverlay, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
|
|
30543
30538
|
//# sourceMappingURL=index.esm.js.map
|