sag_components 2.0.0-beta138 → 2.0.0-beta139

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 CHANGED
@@ -1508,7 +1508,7 @@ declare function ToasterMessageBox({ color, messageText, linkText, duration, wid
1508
1508
  onClose?: () => void;
1509
1509
  }): react_jsx_runtime.JSX.Element;
1510
1510
 
1511
- declare function EventStatusCards({ data, onCardToggle, width, }: {
1511
+ declare function QuickFilterCards({ data, onCardToggle, width, }: {
1512
1512
  data?: any[];
1513
1513
  onCardToggle?: () => void;
1514
1514
  width?: string;
@@ -1565,4 +1565,4 @@ declare namespace RangePicker {
1565
1565
  }
1566
1566
  }
1567
1567
 
1568
- export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, EventStatusCards, Execute, FilterPanel, FilterPop, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
1568
+ export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, Heatmap, IconButton, Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
package/dist/index.esm.js CHANGED
@@ -8710,24 +8710,25 @@ const IconContainer$5 = styled.div`
8710
8710
  cursor: pointer;
8711
8711
  `;
8712
8712
 
8713
- const DropdownSingleNew = ({
8714
- label,
8715
- labelEmptyValue,
8716
- options,
8717
- selectedValue,
8718
- onChange,
8719
- required,
8720
- disabled,
8721
- width,
8722
- withMarginBottom = true,
8723
- error,
8724
- errorMessage,
8725
- xIconShow,
8726
- labelColor,
8727
- showLabelOnTop,
8728
- orderBy,
8729
- elementType
8730
- }) => {
8713
+ const DropdownSingleNew = _ref => {
8714
+ let {
8715
+ label,
8716
+ labelEmptyValue,
8717
+ options,
8718
+ selectedValue,
8719
+ onChange,
8720
+ required,
8721
+ disabled,
8722
+ width,
8723
+ withMarginBottom = true,
8724
+ error,
8725
+ errorMessage,
8726
+ xIconShow,
8727
+ labelColor,
8728
+ showLabelOnTop,
8729
+ orderBy,
8730
+ elementType
8731
+ } = _ref;
8731
8732
  const [isFocused, setIsFocused] = useState(false);
8732
8733
  const [showOptions, setShowOptions] = useState(false);
8733
8734
  const [showAbove, setShowAbove] = useState(false);
@@ -9199,25 +9200,26 @@ const IconContainer$4 = styled.div`
9199
9200
  cursor: pointer;
9200
9201
  `;
9201
9202
 
9202
- const DropdownMultiNew = ({
9203
- label,
9204
- labelEmptyValue,
9205
- options,
9206
- selectedValue,
9207
- onChange,
9208
- required,
9209
- disabled,
9210
- width,
9211
- withMarginBottom = true,
9212
- error,
9213
- errorMessage,
9214
- labelColor,
9215
- xIconShow,
9216
- checkBoxColor,
9217
- showLabelOnTop,
9218
- orderBy,
9219
- elementType
9220
- }) => {
9203
+ const DropdownMultiNew = _ref => {
9204
+ let {
9205
+ label,
9206
+ labelEmptyValue,
9207
+ options,
9208
+ selectedValue,
9209
+ onChange,
9210
+ required,
9211
+ disabled,
9212
+ width,
9213
+ withMarginBottom = true,
9214
+ error,
9215
+ errorMessage,
9216
+ labelColor,
9217
+ xIconShow,
9218
+ checkBoxColor,
9219
+ showLabelOnTop,
9220
+ orderBy,
9221
+ elementType
9222
+ } = _ref;
9221
9223
  const [isFocused, setIsFocused] = useState(false);
9222
9224
  const [showOptions, setShowOptions] = useState(false);
9223
9225
  const [showAbove, setShowAbove] = useState(false);
@@ -23903,21 +23905,22 @@ const DeleteIcon = styled.div`
23903
23905
  position: absolute;
23904
23906
  `;
23905
23907
 
23906
- const QuickFilterDropdownSingle = ({
23907
- label,
23908
- hoverColor,
23909
- options,
23910
- selectedValue,
23911
- placeHolder,
23912
- onChange,
23913
- disabled,
23914
- width,
23915
- error,
23916
- errorMessage,
23917
- xIconShow,
23918
- labelColor,
23919
- showLabelOnTop
23920
- }) => {
23908
+ const QuickFilterDropdownSingle = _ref => {
23909
+ let {
23910
+ label,
23911
+ hoverColor,
23912
+ options,
23913
+ selectedValue,
23914
+ placeHolder,
23915
+ onChange,
23916
+ disabled,
23917
+ width,
23918
+ error,
23919
+ errorMessage,
23920
+ xIconShow,
23921
+ labelColor,
23922
+ showLabelOnTop
23923
+ } = _ref;
23921
23924
  const [isFocused, setIsFocused] = useState(false);
23922
23925
  const [showOptions, setShowOptions] = useState(false);
23923
23926
  const [inputValue, setInputValue] = useState("");
@@ -24314,23 +24317,24 @@ const IconContainer$2 = styled.div`
24314
24317
  cursor: pointer;
24315
24318
  `;
24316
24319
 
24317
- const QuickFilterDropdownMultiSelection = ({
24318
- label,
24319
- labelEmptyValue,
24320
- options,
24321
- selectedValue,
24322
- placeHolder,
24323
- onChange,
24324
- required,
24325
- disabled,
24326
- width,
24327
- error,
24328
- errorMessage,
24329
- labelColor,
24330
- xIconShow,
24331
- checkBoxColor,
24332
- showLabelOnTop
24333
- }) => {
24320
+ const QuickFilterDropdownMultiSelection = _ref => {
24321
+ let {
24322
+ label,
24323
+ labelEmptyValue,
24324
+ options,
24325
+ selectedValue,
24326
+ placeHolder,
24327
+ onChange,
24328
+ required,
24329
+ disabled,
24330
+ width,
24331
+ error,
24332
+ errorMessage,
24333
+ labelColor,
24334
+ xIconShow,
24335
+ checkBoxColor,
24336
+ showLabelOnTop
24337
+ } = _ref;
24334
24338
  const [isFocused, setIsFocused] = useState(false);
24335
24339
  const [showOptions, setShowOptions] = useState(false);
24336
24340
  const [inputValue, setInputValue] = useState('');
@@ -52379,6 +52383,7 @@ const StatusCard = styled.div`
52379
52383
  padding: 12px 16px;
52380
52384
  flex-grow: 1;
52381
52385
  flex-basis: 0;
52386
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
52382
52387
  `;
52383
52388
  const CardHeader = styled.div`
52384
52389
  display: flex;
@@ -52439,7 +52444,7 @@ const StatusCount = styled.span`
52439
52444
  line-height: 1;
52440
52445
  `;
52441
52446
 
52442
- const EventStatusCards = _ref => {
52447
+ const QuickFilterCards = _ref => {
52443
52448
  let {
52444
52449
  data = [],
52445
52450
  onCardToggle = () => {},
@@ -52462,7 +52467,7 @@ const EventStatusCards = _ref => {
52462
52467
  };
52463
52468
  return /*#__PURE__*/React$1.createElement(CardsContainer, {
52464
52469
  width: width,
52465
- className: "EventStatusCardsContainer"
52470
+ className: "QuickFilterCardsContainer"
52466
52471
  }, items.map(_ref2 => {
52467
52472
  let {
52468
52473
  status,
@@ -52496,5 +52501,5 @@ const EventStatusCards = _ref => {
52496
52501
  }));
52497
52502
  };
52498
52503
 
52499
- export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button$1 as Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay$1 as DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, EventStatusCards, Execute, FilterPanel, FilterPop, Heatmap, IconButton$1 as IconButton, Input$2 as Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip$2 as Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
52504
+ export { AreaChart, BannerEventBoxList, BarChart, BarChartTwoRows, BarChartWithAreaChart, BarChartsByWeeks, BatteryChart, BreakdownPanel, BrushChart, BubbleChart, Build, Button$1 as Button, CollapseData, CollapseHeader, ContainerTable, DialogOverlay$1 as DialogOverlay, DoubleBarSingleLine, DoublePanelDataRow, DownloadProgress, DropdownNew, EventDetailsCard, EventList, Execute, FilterPanel, FilterPop, Heatmap, IconButton$1 as IconButton, Input$2 as Input, InsightsCarousel, ItemManagerPanel, LinkButton, LinnerDataBox, MarketShareDescription, MenuRoute, MessageBox, ModalDrawer, ModalWithOverlay, OneColumnContainer, OverlayDropdown, PerformanceAnalyticsLegend, PieChart, PopupCharts, QuickFilter, QuickFilterCards, RangePicker, RangePop, ReportTable, SearchInput, SingleBarLineCharts, SortPop, TabMenu, Table, ToasterMessageBox, ToggleSwitch, Tooltip$2 as Tooltip, TopToggleList, TotalDoughnutChart, TotalHorizontalCharts, Track, TwoBarCharts, WeeksPicker };
52500
52505
  //# sourceMappingURL=index.esm.js.map