sag_components 2.0.0-beta72 → 2.0.0-beta74
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 +126 -153
- package/dist/index.esm.js +788 -2342
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +361 -1920
- package/dist/index.js.map +1 -1
- package/dist/types/components/BannerEventBox/BannerEventBox.d.ts +37 -0
- package/dist/types/components/BannerEventBoxList/BannerEventBoxList.d.ts +69 -0
- package/dist/types/components/BannerEventBoxList/BannerEventBoxList.style.d.ts +12 -13
- package/dist/types/components/BarChart/BarChart.d.ts +0 -3
- package/dist/types/components/BarChartTwoRows/BarChartTwoRows.d.ts +80 -0
- package/dist/types/components/BarChartWithAreaChart/BarChartWithAreaChart.d.ts +64 -0
- package/dist/types/components/CollapseData/CollapseData.d.ts +0 -6
- package/dist/types/components/MonthPicker/MonthPicker.d.ts +2 -1
- package/dist/types/components/MonthPicker/MonthPopupPicker.d.ts +2 -1
- package/dist/types/components/MonthPicker/MonthPopupPicker.style.d.ts +7 -0
- package/dist/types/components/QuarterPicker/QuarterPicker.d.ts +2 -1
- package/dist/types/components/QuarterPicker/QuarterPopupPicker.d.ts +2 -1
- package/dist/types/components/QuarterPicker/QuarterPopupPicker.style.d.ts +6 -0
- package/dist/types/components/QuickFilter/QuickFilter.stories.d.ts +154 -99
- package/dist/types/components/TabMenu/TabMenu.d.ts +57 -1
- package/dist/types/components/TwoBarCharts/TwoBarCharts.d.ts +0 -3
- package/dist/types/components/TwoBarCharts/TwoBarCharts.stories.d.ts +0 -8
- package/dist/types/index.d.ts +0 -5
- package/package.json +1 -1
- package/dist/types/icons/BarcodeIcon.d.ts +0 -6
- package/dist/types/icons/ChevronIcon.d.ts +0 -7
- package/dist/types/icons/FolderIcon.d.ts +0 -6
- package/dist/types/icons/PeopleIcon.d.ts +0 -6
- /package/dist/types/components/{SagIconButton → QuickFilterDropdownSingle/SagIconButton}/SagIconButton.d.ts +0 -0
- /package/dist/types/components/{SagIconButton → QuickFilterDropdownSingle/SagIconButton}/SagIconButton.stories.d.ts +0 -0
- /package/dist/types/components/{SagIconButton → QuickFilterDropdownSingle/SagIconButton}/SagIconButton.style.d.ts +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -137,7 +137,62 @@ declare namespace EventDetailsCard {
|
|
|
137
137
|
|
|
138
138
|
declare function LinnerDataBox(props: any): react_jsx_runtime.JSX.Element;
|
|
139
139
|
|
|
140
|
-
declare function TabMenu(
|
|
140
|
+
declare function TabMenu({ color, currentTab, headlineInsteadTabs, headlineText, headlineContent, className, children, tabs, inputWidth, onFilterButtonClick, onSearchFieldTyping, onTabChange, onTopButtonClick, panelIsOpen, setBackground, showActions, showFilterButton, showLabel, showSearchInput, showViewOptionsButton, disabledButton, setTopRightButton, rightButtonText, rightButtonIcon, }: {
|
|
141
|
+
color?: string;
|
|
142
|
+
currentTab?: number;
|
|
143
|
+
headlineInsteadTabs?: boolean;
|
|
144
|
+
headlineText?: string;
|
|
145
|
+
headlineContent?: react_jsx_runtime.JSX.Element;
|
|
146
|
+
className?: string;
|
|
147
|
+
children?: any;
|
|
148
|
+
tabs?: any[];
|
|
149
|
+
inputWidth?: string;
|
|
150
|
+
onFilterButtonClick?: () => void;
|
|
151
|
+
onSearchFieldTyping?: () => void;
|
|
152
|
+
onTabChange?: () => void;
|
|
153
|
+
onTopButtonClick?: () => void;
|
|
154
|
+
panelIsOpen?: boolean;
|
|
155
|
+
setBackground?: boolean;
|
|
156
|
+
showActions?: boolean;
|
|
157
|
+
showFilterButton?: boolean;
|
|
158
|
+
showLabel?: boolean;
|
|
159
|
+
showSearchInput?: boolean;
|
|
160
|
+
showViewOptionsButton?: boolean;
|
|
161
|
+
disabledButton?: boolean;
|
|
162
|
+
setTopRightButton?: boolean;
|
|
163
|
+
rightButtonText?: string;
|
|
164
|
+
rightButtonIcon?: string;
|
|
165
|
+
}): react_jsx_runtime.JSX.Element;
|
|
166
|
+
declare namespace TabMenu {
|
|
167
|
+
namespace propTypes {
|
|
168
|
+
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
169
|
+
const className: PropTypes.Requireable<string>;
|
|
170
|
+
const color: PropTypes.Requireable<string>;
|
|
171
|
+
const currentTab: PropTypes.Requireable<number>;
|
|
172
|
+
const headlineInsteadTabs: PropTypes.Requireable<boolean>;
|
|
173
|
+
const headlineText: PropTypes.Requireable<string>;
|
|
174
|
+
const inputWidth: PropTypes.Requireable<string>;
|
|
175
|
+
const onFilterButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
176
|
+
const onSearchFieldTyping: PropTypes.Requireable<(...args: any[]) => any>;
|
|
177
|
+
const onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
178
|
+
const panelIsOpen: PropTypes.Requireable<boolean>;
|
|
179
|
+
const setBackground: PropTypes.Requireable<boolean>;
|
|
180
|
+
const showActions: PropTypes.Requireable<boolean>;
|
|
181
|
+
const showFilterButton: PropTypes.Requireable<boolean>;
|
|
182
|
+
const showLabel: PropTypes.Requireable<boolean>;
|
|
183
|
+
const showSearchInput: PropTypes.Requireable<boolean>;
|
|
184
|
+
const showViewOptionsButton: PropTypes.Requireable<boolean>;
|
|
185
|
+
const disabledButton: PropTypes.Requireable<boolean>;
|
|
186
|
+
const setTopRightButton: PropTypes.Requireable<boolean>;
|
|
187
|
+
const rightButtonText: PropTypes.Requireable<string>;
|
|
188
|
+
const rightButtonIcon: PropTypes.Requireable<string>;
|
|
189
|
+
const onTopButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
190
|
+
const tabs: PropTypes.Requireable<PropTypes.InferProps<{
|
|
191
|
+
title: PropTypes.Requireable<string>;
|
|
192
|
+
content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
193
|
+
}>[]>;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
141
196
|
|
|
142
197
|
declare function FilterPanel(props: any): react_jsx_runtime.JSX.Element;
|
|
143
198
|
declare namespace FilterPanel {
|
|
@@ -338,7 +393,75 @@ declare namespace EventList {
|
|
|
338
393
|
}
|
|
339
394
|
}
|
|
340
395
|
|
|
341
|
-
declare function BannerEventBoxList(props: any): react_jsx_runtime.JSX.Element;
|
|
396
|
+
declare function BannerEventBoxList(props: any): react_jsx_runtime.JSX.Element;
|
|
397
|
+
declare namespace BannerEventBoxList {
|
|
398
|
+
namespace propTypes {
|
|
399
|
+
const className: PropTypes.Requireable<string>;
|
|
400
|
+
const width: PropTypes.Requireable<string>;
|
|
401
|
+
const height: PropTypes.Requireable<string>;
|
|
402
|
+
const eventType: PropTypes.Requireable<string>;
|
|
403
|
+
const eventName: PropTypes.Requireable<string>;
|
|
404
|
+
const count: PropTypes.Requireable<number>;
|
|
405
|
+
const toggleColor: PropTypes.Requireable<string>;
|
|
406
|
+
const data: PropTypes.Requireable<PropTypes.InferProps<{}>[]>;
|
|
407
|
+
const retailer: PropTypes.Requireable<string>;
|
|
408
|
+
const retailerFile: PropTypes.Requireable<(...args: any[]) => any>;
|
|
409
|
+
const showLoader: PropTypes.Requireable<boolean>;
|
|
410
|
+
const showEventDetails: PropTypes.Requireable<boolean>;
|
|
411
|
+
const cardsContent: PropTypes.Requireable<boolean>;
|
|
412
|
+
const linkText: PropTypes.Requireable<string>;
|
|
413
|
+
const disableToggle: PropTypes.Requireable<boolean>;
|
|
414
|
+
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
415
|
+
const bannerWidth: PropTypes.Requireable<string>;
|
|
416
|
+
const showDraft: PropTypes.Requireable<boolean>;
|
|
417
|
+
}
|
|
418
|
+
namespace defaultProps {
|
|
419
|
+
const className_1: string;
|
|
420
|
+
export { className_1 as className };
|
|
421
|
+
const width_1: string;
|
|
422
|
+
export { width_1 as width };
|
|
423
|
+
const height_1: string;
|
|
424
|
+
export { height_1 as height };
|
|
425
|
+
const eventType_1: string;
|
|
426
|
+
export { eventType_1 as eventType };
|
|
427
|
+
const eventName_1: string;
|
|
428
|
+
export { eventName_1 as eventName };
|
|
429
|
+
const count_1: any;
|
|
430
|
+
export { count_1 as count };
|
|
431
|
+
const toggleColor_1: string;
|
|
432
|
+
export { toggleColor_1 as toggleColor };
|
|
433
|
+
const data_1: {
|
|
434
|
+
banner: string;
|
|
435
|
+
description: string;
|
|
436
|
+
dates: string[];
|
|
437
|
+
data: {
|
|
438
|
+
name: string;
|
|
439
|
+
items: string[];
|
|
440
|
+
}[];
|
|
441
|
+
}[];
|
|
442
|
+
export { data_1 as data };
|
|
443
|
+
const retailer_1: string;
|
|
444
|
+
export { retailer_1 as retailer };
|
|
445
|
+
export function retailerFile_1(): void;
|
|
446
|
+
export { retailerFile_1 as retailerFile };
|
|
447
|
+
const cardsContent_1: boolean;
|
|
448
|
+
export { cardsContent_1 as cardsContent };
|
|
449
|
+
const linkText_1: string;
|
|
450
|
+
export { linkText_1 as linkText };
|
|
451
|
+
const showLoader_1: boolean;
|
|
452
|
+
export { showLoader_1 as showLoader };
|
|
453
|
+
const showEventDetails_1: boolean;
|
|
454
|
+
export { showEventDetails_1 as showEventDetails };
|
|
455
|
+
const disableToggle_1: boolean;
|
|
456
|
+
export { disableToggle_1 as disableToggle };
|
|
457
|
+
const children_1: any;
|
|
458
|
+
export { children_1 as children };
|
|
459
|
+
const bannerWidth_1: string;
|
|
460
|
+
export { bannerWidth_1 as bannerWidth };
|
|
461
|
+
const showDraft_1: boolean;
|
|
462
|
+
export { showDraft_1 as showDraft };
|
|
463
|
+
}
|
|
464
|
+
}
|
|
342
465
|
|
|
343
466
|
declare function DialogOverlay(props: any): react_jsx_runtime.JSX.Element;
|
|
344
467
|
declare namespace DialogOverlay {
|
|
@@ -1008,7 +1131,6 @@ declare namespace BarChart {
|
|
|
1008
1131
|
const showCurrentCampaignStyle: PropTypes.Requireable<boolean>;
|
|
1009
1132
|
const currentBarColor: PropTypes.Requireable<string>;
|
|
1010
1133
|
const isPercent: PropTypes.Requireable<boolean>;
|
|
1011
|
-
const noDataText: PropTypes.Requireable<string>;
|
|
1012
1134
|
}
|
|
1013
1135
|
namespace defaultProps {
|
|
1014
1136
|
const title_1: string;
|
|
@@ -1055,8 +1177,6 @@ declare namespace BarChart {
|
|
|
1055
1177
|
export { currentBarColor_1 as currentBarColor };
|
|
1056
1178
|
const isPercent_1: boolean;
|
|
1057
1179
|
export { isPercent_1 as isPercent };
|
|
1058
|
-
const noDataText_1: string;
|
|
1059
|
-
export { noDataText_1 as noDataText };
|
|
1060
1180
|
}
|
|
1061
1181
|
}
|
|
1062
1182
|
|
|
@@ -1100,153 +1220,6 @@ declare function PerformanceAnalyticsLegend(props: any): react_jsx_runtime.JSX.E
|
|
|
1100
1220
|
|
|
1101
1221
|
declare function BrushChart(props: any): react_jsx_runtime.JSX.Element;
|
|
1102
1222
|
|
|
1103
|
-
declare function SingleBarLineCharts({ className, width, height, title, data, totalsData, showLegend, legendData, maxBarRange, showLineChart, lineRange, lineFontSizeValue, barFontSizeValue, barSize, barChartHeight, lineChartHeight, isLineChartCurrency, isLineChartBolded, setLineChartTooltip, isTopBarPercent, showSecondBar, showPeriod, currencySign, currencySignLine, noDataText, }: {
|
|
1104
|
-
className?: string;
|
|
1105
|
-
width?: string;
|
|
1106
|
-
height?: string;
|
|
1107
|
-
title?: string;
|
|
1108
|
-
data?: any[];
|
|
1109
|
-
totalsData?: any[];
|
|
1110
|
-
showLegend?: boolean;
|
|
1111
|
-
legendData?: any[];
|
|
1112
|
-
maxBarRange?: number;
|
|
1113
|
-
showLineChart?: boolean;
|
|
1114
|
-
lineRange?: number;
|
|
1115
|
-
lineFontSizeValue?: string;
|
|
1116
|
-
barFontSizeValue?: string;
|
|
1117
|
-
barSize?: number;
|
|
1118
|
-
barChartHeight?: number;
|
|
1119
|
-
lineChartHeight?: number;
|
|
1120
|
-
isLineChartCurrency?: boolean;
|
|
1121
|
-
isLineChartBolded?: boolean;
|
|
1122
|
-
setLineChartTooltip?: boolean;
|
|
1123
|
-
isTopBarPercent?: boolean;
|
|
1124
|
-
showSecondBar?: boolean;
|
|
1125
|
-
showPeriod?: boolean;
|
|
1126
|
-
currencySign?: string;
|
|
1127
|
-
currencySignLine?: string;
|
|
1128
|
-
noDataText?: string;
|
|
1129
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1130
|
-
|
|
1131
|
-
declare function BarChartWithAreaChart(props: any): react_jsx_runtime.JSX.Element;
|
|
1132
|
-
|
|
1133
|
-
declare function BarChartTwoRows(props: any): react_jsx_runtime.JSX.Element;
|
|
1134
|
-
|
|
1135
|
-
declare function TwoBarCharts(props: any): react_jsx_runtime.JSX.Element;
|
|
1136
|
-
declare namespace TwoBarCharts {
|
|
1137
|
-
namespace propTypes {
|
|
1138
|
-
const title: PropTypes.Requireable<string>;
|
|
1139
|
-
const barChartData: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1140
|
-
title: PropTypes.Requireable<string>;
|
|
1141
|
-
date: PropTypes.Requireable<string>;
|
|
1142
|
-
value: PropTypes.Requireable<number>;
|
|
1143
|
-
}>[]>;
|
|
1144
|
-
const width: PropTypes.Requireable<string>;
|
|
1145
|
-
const height: PropTypes.Requireable<string>;
|
|
1146
|
-
const barSize: PropTypes.Requireable<number>;
|
|
1147
|
-
const barFontSizeValue: PropTypes.Requireable<string>;
|
|
1148
|
-
const barChartColorFirst: PropTypes.Requireable<string>;
|
|
1149
|
-
const barChartColorSecond: PropTypes.Requireable<string>;
|
|
1150
|
-
const isDollar: PropTypes.Requireable<boolean>;
|
|
1151
|
-
const showLegend: PropTypes.Requireable<boolean>;
|
|
1152
|
-
const legendData: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1153
|
-
title: PropTypes.Validator<string>;
|
|
1154
|
-
iconType: PropTypes.Validator<string>;
|
|
1155
|
-
iconColor: PropTypes.Validator<string>;
|
|
1156
|
-
}>[]>;
|
|
1157
|
-
const showDollarSign: PropTypes.Requireable<boolean>;
|
|
1158
|
-
const showReferenceLine: PropTypes.Requireable<boolean>;
|
|
1159
|
-
const referenceLinePoint: PropTypes.Requireable<number>;
|
|
1160
|
-
const referenceLineColor: PropTypes.Requireable<string>;
|
|
1161
|
-
const referenceLineDashed: PropTypes.Requireable<string>;
|
|
1162
|
-
const showTooltip: PropTypes.Requireable<boolean>;
|
|
1163
|
-
}
|
|
1164
|
-
namespace defaultProps {
|
|
1165
|
-
const title_1: string;
|
|
1166
|
-
export { title_1 as title };
|
|
1167
|
-
const barChartData_1: {
|
|
1168
|
-
title: string;
|
|
1169
|
-
date: string;
|
|
1170
|
-
valueOne: number;
|
|
1171
|
-
valueTwo: number;
|
|
1172
|
-
}[];
|
|
1173
|
-
export { barChartData_1 as barChartData };
|
|
1174
|
-
const width_1: string;
|
|
1175
|
-
export { width_1 as width };
|
|
1176
|
-
const height_1: string;
|
|
1177
|
-
export { height_1 as height };
|
|
1178
|
-
const barSize_1: number;
|
|
1179
|
-
export { barSize_1 as barSize };
|
|
1180
|
-
const barFontSizeValue_1: string;
|
|
1181
|
-
export { barFontSizeValue_1 as barFontSizeValue };
|
|
1182
|
-
const barChartColorFirst_1: string;
|
|
1183
|
-
export { barChartColorFirst_1 as barChartColorFirst };
|
|
1184
|
-
const barChartColorSecond_1: string;
|
|
1185
|
-
export { barChartColorSecond_1 as barChartColorSecond };
|
|
1186
|
-
const isDollar_1: boolean;
|
|
1187
|
-
export { isDollar_1 as isDollar };
|
|
1188
|
-
const showDollarSign_1: boolean;
|
|
1189
|
-
export { showDollarSign_1 as showDollarSign };
|
|
1190
|
-
const showLegend_1: boolean;
|
|
1191
|
-
export { showLegend_1 as showLegend };
|
|
1192
|
-
const legendData_1: {
|
|
1193
|
-
title: string;
|
|
1194
|
-
iconType: string;
|
|
1195
|
-
iconColor: string;
|
|
1196
|
-
}[];
|
|
1197
|
-
export { legendData_1 as legendData };
|
|
1198
|
-
const showReferenceLine_1: boolean;
|
|
1199
|
-
export { showReferenceLine_1 as showReferenceLine };
|
|
1200
|
-
const referenceLinePoint_1: number;
|
|
1201
|
-
export { referenceLinePoint_1 as referenceLinePoint };
|
|
1202
|
-
const referenceLineColor_1: string;
|
|
1203
|
-
export { referenceLineColor_1 as referenceLineColor };
|
|
1204
|
-
const referenceLineDashed_1: string;
|
|
1205
|
-
export { referenceLineDashed_1 as referenceLineDashed };
|
|
1206
|
-
const showTooltip_1: boolean;
|
|
1207
|
-
export { showTooltip_1 as showTooltip };
|
|
1208
|
-
}
|
|
1209
|
-
}
|
|
1210
|
-
|
|
1211
|
-
declare function CollapseData(props: any): react_jsx_runtime.JSX.Element;
|
|
1212
|
-
declare namespace CollapseData {
|
|
1213
|
-
namespace propTypes {
|
|
1214
|
-
const title: PropTypes.Requireable<string>;
|
|
1215
|
-
const noDataText: PropTypes.Requireable<string>;
|
|
1216
|
-
const width: PropTypes.Requireable<string>;
|
|
1217
|
-
const height: PropTypes.Requireable<string>;
|
|
1218
|
-
const addPlusMark: PropTypes.Requireable<boolean>;
|
|
1219
|
-
const addArrowToTotal: PropTypes.Requireable<boolean>;
|
|
1220
|
-
const tableData: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1221
|
-
key: PropTypes.Requireable<number>;
|
|
1222
|
-
icon: PropTypes.Requireable<string>;
|
|
1223
|
-
title: PropTypes.Requireable<string>;
|
|
1224
|
-
value: PropTypes.Requireable<number>;
|
|
1225
|
-
valueType: PropTypes.Requireable<string>;
|
|
1226
|
-
table: PropTypes.Requireable<PropTypes.InferProps<{
|
|
1227
|
-
title: PropTypes.Requireable<string>;
|
|
1228
|
-
value: PropTypes.Requireable<number>;
|
|
1229
|
-
}>[]>;
|
|
1230
|
-
}>[]>;
|
|
1231
|
-
}
|
|
1232
|
-
namespace defaultProps {
|
|
1233
|
-
const title_1: string;
|
|
1234
|
-
export { title_1 as title };
|
|
1235
|
-
const noDataText_1: string;
|
|
1236
|
-
export { noDataText_1 as noDataText };
|
|
1237
|
-
const width_1: string;
|
|
1238
|
-
export { width_1 as width };
|
|
1239
|
-
const height_1: string;
|
|
1240
|
-
export { height_1 as height };
|
|
1241
|
-
const tableData_1: any[];
|
|
1242
|
-
export { tableData_1 as tableData };
|
|
1243
|
-
const addPlusMark_1: boolean;
|
|
1244
|
-
export { addPlusMark_1 as addPlusMark };
|
|
1245
|
-
const addArrowToTotal_1: boolean;
|
|
1246
|
-
export { addArrowToTotal_1 as addArrowToTotal };
|
|
1247
|
-
}
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
1223
|
declare function InsightsCarousel({ className, children, onClose, title, icon, titleColor, iconColor, navColor, }: {
|
|
1251
1224
|
className: any;
|
|
1252
1225
|
children: any;
|
|
@@ -1258,4 +1231,4 @@ declare function InsightsCarousel({ className, children, onClose, title, icon, t
|
|
|
1258
1231
|
navColor?: string;
|
|
1259
1232
|
}): react_jsx_runtime.JSX.Element;
|
|
1260
1233
|
|
|
1261
|
-
export { AreaChart, BannerEventBoxList, BarChart,
|
|
1234
|
+
export { AreaChart, BannerEventBoxList, BarChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Button, CollapseHeader, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, EventDetailsCard, EventList, FilterPanel, Heatmap, IconButton, InsightsCarousel, LinkButton, LinnerDataBox, MarketShareDescription, OneColumnContainer, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, ReportTable, TabMenu, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts };
|