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.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
- enableHover,
14252
- selectHoverColor
14253
- }) => enableHover && `&:hover {
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$2 = 'Square';
27739
- const ICON_TYPE_LEGEND_UNION_ICON$2 = 'LegendUnionIcon';
27740
- const ICON_TYPE_LEGEND_LINE_ICON$2 = 'LegendLineIcon';
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$2 ? /*#__PURE__*/React__default["default"].createElement(LegendColorRectangle$1, {
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$2 ? /*#__PURE__*/React__default["default"].createElement(LegendUnionIcon, {
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$2 ? /*#__PURE__*/React__default["default"].createElement(LegendLineIcon, {
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$2, ICON_TYPE_LEGEND_UNION_ICON$2, ICON_TYPE_LEGEND_LINE_ICON$2]).isRequired,
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$2,
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$1 = 'Square';
27795
- const ICON_TYPE_LEGEND_UNION_ICON$1 = 'LegendUnionIcon';
27796
- const ICON_TYPE_LEGEND_LINE_ICON$1 = 'LegendLineIcon';
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$1, ICON_TYPE_LEGEND_UNION_ICON$1, ICON_TYPE_LEGEND_LINE_ICON$1]).isRequired,
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$1,
28064
+ iconType: ICON_TYPE_SQUARE,
28102
28065
  iconColor: '#90CE9C'
28103
28066
  }, {
28104
28067
  title: 'Category Average',
28105
- iconType: ICON_TYPE_LEGEND_LINE_ICON$1,
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
- BarChart.propTypes = {
30516
- title: PropTypes.string,
30517
- barChartData: PropTypes.arrayOf(PropTypes.shape({
30518
- title: PropTypes.string,
30519
- date: PropTypes.string,
30520
- value: PropTypes.number
30521
- })),
30522
- width: PropTypes.string,
30523
- height: PropTypes.string,
30524
- barSize: PropTypes.number,
30525
- barFontSizeValue: PropTypes.string,
30526
- barChartColor: PropTypes.string,
30527
- showDollarSign: PropTypes.bool,
30528
- isDollar: PropTypes.bool,
30529
- showLegend: PropTypes.bool,
30530
- legendData: PropTypes.arrayOf(PropTypes.shape({
30531
- title: PropTypes.string.isRequired,
30532
- iconType: PropTypes.oneOf([ICON_TYPE_SQUARE, ICON_TYPE_LEGEND_UNION_ICON, ICON_TYPE_LEGEND_LINE_ICON]).isRequired,
30533
- iconColor: PropTypes.string.isRequired
30534
- })),
30535
- showReferenceLine: PropTypes.bool,
30536
- referenceLinePoint: PropTypes.number,
30537
- referenceLineColor: PropTypes.string,
30538
- referenceLineDashed: PropTypes.string,
30539
- showCurrentCampaignStyle: PropTypes.bool,
30540
- currentBarColor: PropTypes.string,
30541
- isPercent: PropTypes.bool
30542
- };
30543
- BarChart.defaultProps = {
30544
- title: 'String',
30545
- barChartData: [{
30546
- title: 'Food Lion',
30547
- date: '15.01.24-31.01.24',
30548
- value: 542366
30549
- }, {
30550
- title: 'Hannaford',
30551
- date: '15.01.24-31.01.24',
30552
- value: 699511
30553
- }, {
30554
- title: 'The Giant Company',
30555
- date: '15.01.24-31.01.24',
30556
- value: 403092
30557
- }, {
30558
- title: 'Giant Food',
30559
- date: '15.01.24-31.01.24',
30560
- value: 396184
30561
- }, {
30562
- title: 'Stop&Shop',
30563
- date: '15.01.24-31.01.24',
30564
- value: 415317
30565
- }],
30566
- width: '100%',
30567
- height: '100%',
30568
- barSize: 60,
30569
- barFontSizeValue: '0.6em',
30570
- barChartColor: '#BD9EFF',
30571
- showDollarSign: true,
30572
- isDollar: true,
30573
- showLegend: true,
30574
- legendData: [{
30575
- title: 'Incremental Sales',
30576
- iconType: ICON_TYPE_SQUARE,
30577
- iconColor: '#BD9EFF'
30578
- }],
30579
- showReferenceLine: false,
30580
- referenceLinePoint: 0,
30581
- referenceLineColor: '#212121',
30582
- referenceLineDashed: '5',
30583
- showCurrentCampaignStyle: false,
30584
- currentBarColor: '#90CE9C',
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;