sag_components 2.0.0-beta294 → 2.0.0-beta296

package/dist/index.js

@@ -10600,23 +10600,24 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = ({
-  availableQuarters,
-  // ["Q1-2024"]
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const QuarterPicker = _ref => {
+  let {
+    availableQuarters,
+    // ["Q1-2024"]
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -11058,22 +11059,23 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = ({
-  availableMonths,
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const MonthPicker = _ref => {
+  let {
+    availableMonths,
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -24184,21 +24186,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("");
@@ -24650,25 +24653,26 @@ const IconContainer$2 = styled__default["default"].div`
   cursor:  pointer;
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -36208,9 +36212,9 @@ const ToggleSlider = styled__default["default"].span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -47095,16 +47099,16 @@ const NothingToTrackIcon = ({
 // Table.jsx
 const Table = props => {
   const {
-    width = '100%',
-    height = 'auto',
-    tableTitle = 'All Events',
-    tableBackground = '#FFFFFF',
+    width = "100%",
+    height = "auto",
+    tableTitle = "All Events",
+    tableBackground = "#FFFFFF",
     data = [],
     counter = 0,
     hideRowsCounter = false,
     onButtonClick = () => {},
-    buttonColor = '#066768',
-    buttonHoverColor = '#388586',
+    buttonColor = "#066768",
+    buttonHoverColor = "#388586",
     columns = [],
     onRowClick = () => {},
     onSort,
@@ -47112,14 +47116,14 @@ const Table = props => {
     onSelectAll,
     showSideButton = true,
     onSideButtonClick = () => {},
-    sideButtonColor = '#066768',
-    sideButtonHoverColor = '#388586',
-    selectedColor = '#B4D1D2',
+    sideButtonColor = "#066768",
+    sideButtonHoverColor = "#388586",
+    selectedColor = "#B4D1D2",
     children = null,
-    tableBodyHeight = '728px',
+    tableBodyHeight = "728px",
     isLoading = false,
     isLoadingSpinner = false,
-    isLoadingText = 'Loading Events...',
+    isLoadingText = "Loading Events...",
     onLastRowsReached = () => {},
     lastRowsThreshold = 3,
     onSendClick = () => {},
@@ -47149,17 +47153,17 @@ const Table = props => {
     expandedRows = {},
     expandedContent = {},
     onExpandRow = () => {},
-    expandedBackgroundColor = '#E6F0F0',
+    expandedBackgroundColor = "#E6F0F0",
     onDropdownSelected = () => {},
     onCheckboxClick = () => {},
     onHeaderCheckboxClick = () => {},
     headerCheckboxStates = {},
     disableCheckboxTooltipText = "",
     onHeroClick = () => {},
-    dotIndicatorColor = '#34D399',
+    dotIndicatorColor = "#34D399",
     onEditableClick = () => {},
+    activeFilters = [],
     resetFiltersKey = 0,
-    // NEW: Add this prop
     ref = null,
     titleSize,
     subTitleSize
@@ -47204,8 +47208,8 @@ const Table = props => {
         }
       }
     };
-    scrollWrapper.addEventListener('scroll', handleScroll);
-    return () => scrollWrapper.removeEventListener('scroll', handleScroll);
+    scrollWrapper.addEventListener("scroll", handleScroll);
+    return () => scrollWrapper.removeEventListener("scroll", handleScroll);
   }, [onLastRowsReached, data.length, lastRowsThreshold, hasTriggered]);
   React$1.useEffect(() => {
     if (!clearFocusOnOutsideClick || isEditMode) return;
@@ -47216,9 +47220,9 @@ const Table = props => {
         }
       }
     };
-    document.addEventListener('mousedown', handleOutsideClick);
+    document.addEventListener("mousedown", handleOutsideClick);
     return () => {
-      document.removeEventListener('mousedown', handleOutsideClick);
+      document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, [clearFocusOnOutsideClick, isEditMode]);
   const getNoDataIcon = icon => {
@@ -47249,7 +47253,7 @@ const Table = props => {
     width: width,
     height: height,
     backgroundColor: tableBackground
-  }, /*#__PURE__*/React__default["default"].createElement(NoInfoFound, null, /*#__PURE__*/React__default["default"].createElement(TableTop, null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React__default["default"].createElement(SubTitle, null, data.length === 0 ? 'No Events' : `${counter} Events`)), showSideButton && /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(NoInfoFound, null, /*#__PURE__*/React__default["default"].createElement(TableTop, null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React__default["default"].createElement(SubTitle, null, data.length === 0 ? "No Events" : `${counter} Events`)), showSideButton && /*#__PURE__*/React__default["default"].createElement(Button$1, {
     height: "45px",
     leftIcon: "Plus",
     text: "New Event",
@@ -47274,7 +47278,8 @@ const Table = props => {
     expandable: expandable,
     onHeaderCheckboxClick: onHeaderCheckboxClick,
     headerCheckboxStates: headerCheckboxStates,
-    resetFiltersKey: resetFiltersKey
+    resetFiltersKey: resetFiltersKey,
+    activeFilters: activeFilters
   }), columns.length > 0 && data.length > 0 && /*#__PURE__*/React__default["default"].createElement(TableBody, {
     ref: tableBodyRef,
     columns: columns,
@@ -47329,7 +47334,7 @@ const Table = props => {
     id: "LoaderWrapper"
   }, /*#__PURE__*/React__default["default"].createElement(Loader, null)))));
 };
-Table.displayName = 'Table';
+Table.displayName = "Table";
 
 const Card = styled.styled.div`
   background: ${props => props.backgroundColor};