sag_components 2.0.0-beta138 → 2.0.0-beta139

package/dist/index.js

@@ -8720,24 +8720,25 @@ const IconContainer$5 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownSingleNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop,
-  orderBy,
-  elementType
-}) => {
+const DropdownSingleNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop,
+    orderBy,
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -9209,25 +9210,26 @@ const IconContainer$4 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownMultiNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  orderBy,
-  elementType
-}) => {
+const DropdownMultiNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    orderBy,
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -23913,21 +23915,22 @@ const DeleteIcon = styled__default["default"].div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24324,23 +24327,24 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -52389,6 +52393,7 @@ const StatusCard = styled__default["default"].div`
   padding: 12px 16px;
   flex-grow: 1;
   flex-basis: 0;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
 `;
 const CardHeader = styled__default["default"].div`
   display: flex;
@@ -52449,7 +52454,7 @@ const StatusCount = styled__default["default"].span`
   line-height: 1;
 `;
 
-const EventStatusCards = _ref => {
+const QuickFilterCards = _ref => {
   let {
     data = [],
     onCardToggle = () => {},
@@ -52472,7 +52477,7 @@ const EventStatusCards = _ref => {
   };
   return /*#__PURE__*/React__default["default"].createElement(CardsContainer, {
     width: width,
-    className: "EventStatusCardsContainer"
+    className: "QuickFilterCardsContainer"
   }, items.map(_ref2 => {
     let {
       status,
@@ -52528,7 +52533,6 @@ exports.DownloadProgress = DownloadProgress;
 exports.DropdownNew = DropdownNew;
 exports.EventDetailsCard = EventDetailsCard;
 exports.EventList = EventList;
-exports.EventStatusCards = EventStatusCards;
 exports.Execute = Execute;
 exports.FilterPanel = FilterPanel;
 exports.FilterPop = FilterPop;
@@ -52550,6 +52554,7 @@ exports.PerformanceAnalyticsLegend = PerformanceAnalyticsLegend;
 exports.PieChart = PieChart;
 exports.PopupCharts = PopupCharts;
 exports.QuickFilter = QuickFilter;
+exports.QuickFilterCards = QuickFilterCards;
 exports.RangePicker = RangePicker;
 exports.RangePop = RangePop;
 exports.ReportTable = ReportTable;