sag_components 2.0.0-beta11 → 2.0.0-beta3

package/dist/index.js

@@ -43481,7 +43481,7 @@ const Tooltip$1 = props => {
 };
 Tooltip$1.propTypes = {
   children: PropTypes.node,
-  content: PropTypes.node,
+  content: PropTypes.string,
   direction: PropTypes.string,
   delay: PropTypes.string,
   topFactor: PropTypes.number
@@ -44316,18 +44316,19 @@ const InfoIcon = _ref => {
   }));
 };
 
-const LinkButton = ({
-  text = '',
-  type = 'primary',
-  size = 'small',
-  height = '',
-  width = '',
-  disabled = false,
-  textColor = '',
-  onClick,
-  leftIcon = 'none',
-  rightIcon = 'none'
-}) => {
+const LinkButton = _ref => {
+  let {
+    text = '',
+    type = 'primary',
+    size = 'small',
+    height = '',
+    width = '',
+    disabled = false,
+    textColor = '',
+    onClick,
+    leftIcon = 'none',
+    rightIcon = 'none'
+  } = _ref;
   // const {
   //   text,
   //   type,
@@ -51345,7 +51346,7 @@ DropdownNew.propTypes = {
   width: PropTypes.string,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
-  errorMessage: PropTypes.string,
+  errorMessage: "",
   options: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
     label: PropTypes.string
@@ -53467,38 +53468,16 @@ FilterPanel.propTypes = {
   availableMonths: PropTypes.arrayOf(PropTypes.string),
   availableYears: PropTypes.arrayOf(PropTypes.string),
   fieldsData: PropTypes.arrayOf(PropTypes.shape({
-    disabled: PropTypes.bool,
-    required: PropTypes.bool,
-    inputType: PropTypes.string,
-    placeHolder: PropTypes.string,
-    xIconShow: PropTypes.bool,
-    label: PropTypes.string,
-    labelEmptyValue: PropTypes.string,
     name: PropTypes.string,
-    periodPickerSelectedValue: PropTypes.string,
-    selectedValue: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
-    })),
-    orderBy: PropTypes.string,
-    elementType: PropTypes.string,
     value: PropTypes.number,
-    color: PropTypes.string,
-    defaultValueYears: PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
-    }),
-    dropdownOptions: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
-    }))
+    color: PropTypes.string
   })),
   width: PropTypes.string,
   height: PropTypes.string,
   okButtonBackgroundColor: PropTypes.string,
   okButtonHoverColor: PropTypes.string,
   resetButtonHoverColor: PropTypes.string,
-  borderColor: PropTypes.string,
+  borderColor: '#066768',
   onOkClick: PropTypes.func,
   onResetClick: PropTypes.func,
   onItemValueChanged: PropTypes.func,
@@ -54205,7 +54184,9 @@ const ReportTable = props => {
     disabled: currentPage === totalPages
   }))))), isLoading && enablePagination && /*#__PURE__*/React__default["default"].createElement(LoaderWrapper$1, {
     id: "LoaderWrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(Loader$1, null)), !disableInfo ? /*#__PURE__*/React__default["default"].createElement(InfoBlock, null, /*#__PURE__*/React__default["default"].createElement(InfoIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(Loader$1, {
+    loaderColor: "#1B30AA"
+  })), !disableInfo ? /*#__PURE__*/React__default["default"].createElement(InfoBlock, null, /*#__PURE__*/React__default["default"].createElement(InfoIcon, {
     color: "#1B30AA"
   }), /*#__PURE__*/React__default["default"].createElement(InfoText, null, "Download table to get the full data")) : "");
 };
@@ -54837,6 +54818,7 @@ const BannerEventBoxList = props => {
     linkText,
     disableToggle,
     bannerWidth,
+    loaderColor,
     showDraft
   } = props;
   const [IsItemOpen, setIsItemOpen] = React.useState(false);
@@ -54866,7 +54848,9 @@ const BannerEventBoxList = props => {
     onClick: () => handleToggle()
   }, showLoader ? /*#__PURE__*/React__default["default"].createElement(LoaderWrapper, {
     id: "LoaderWrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Processing Data"), /*#__PURE__*/React__default["default"].createElement(Loader, null)) : /*#__PURE__*/React__default["default"].createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default["default"].createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default["default"].createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default["default"].createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default["default"].createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default["default"].createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default["default"].createElement(LinkButton, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Processing Data"), /*#__PURE__*/React__default["default"].createElement(Loader, {
+    loaderColor: loaderColor
+  })) : /*#__PURE__*/React__default["default"].createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default["default"].createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default["default"].createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default["default"].createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default["default"].createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default["default"].createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default["default"].createElement(LinkButton, {
     disabled: disableToggle,
     text: linkText,
     leftIcon: "info",
@@ -54916,6 +54900,7 @@ BannerEventBoxList.propTypes = {
   disableToggle: PropTypes.bool,
   children: PropTypes.node,
   bannerWidth: PropTypes.string,
+  loaderColor: PropTypes.string,
   showDraft: PropTypes.bool
 };
 BannerEventBoxList.defaultProps = {
@@ -54967,6 +54952,7 @@ BannerEventBoxList.defaultProps = {
   disableToggle: true,
   children: null,
   bannerWidth: 'auto',
+  loaderColor: '#212121',
   showDraft: false
 };
 
@@ -65660,7 +65646,7 @@ CollapseHeader.propTypes = {
   data: PropTypes.shape({
     eventType: PropTypes.string,
     retailer: PropTypes.string,
-    eventDescription: PropTypes.string,
+    eventDescription: "Large Selling Event Description",
     objectivesDescription: PropTypes.string,
     eventDatesValue: PropTypes.string,
     externalEventDescription: PropTypes.string,
@@ -66575,20 +66561,20 @@ const QuickFilterMain = dt.div`
 
 const QuickFilter = _ref => {
   let {
-    hoverColor = "#066768",
-    multipleSelection = false,
-    xIconShow = false,
-    disabled = false,
-    error = false,
-    errorMessage = "",
-    label = "Unit Type:",
-    labelColor = "#066768",
-    placeHolder = "Select From List",
-    width = "auto",
-    checkBoxColor = "#229E38",
-    onChange = () => {},
-    options = [],
-    selectedValue = []
+    hoverColor,
+    multipleSelection,
+    xIconShow,
+    disabled,
+    error,
+    errorMessage,
+    label,
+    labelColor,
+    placeHolder,
+    width,
+    checkBoxColor,
+    onChange,
+    options,
+    selectedValue
   } = _ref;
   return /*#__PURE__*/React__default["default"].createElement(QuickFilterMain, {
     width: width,
@@ -66623,48 +66609,42 @@ const QuickFilter = _ref => {
     xIconShow: xIconShow
   }));
 };
-
-// QuickFilter.propTypes = {
-//   hoverColor: PropTypes.string,
-//   multipleSelection: PropTypes.bool,
-//   disabled: PropTypes.bool,
-//   error: PropTypes.bool,
-//   errorMessage: PropTypes.string,
-//   label: PropTypes.string,
-//   labelColor: PropTypes.string,
-//   placeHolder: PropTypes.string,
-//   width: PropTypes.string,
-//   checkBoxColor: PropTypes.string,
-//   onChange: PropTypes.func,
-//   options: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       id: PropTypes.string,
-//       label: PropTypes.string,
-//     })
-//   ),
-//   selectedValue: PropTypes.arrayOf(
-//     PropTypes.shape({
-//       id: PropTypes.string,
-//       label: PropTypes.string,
-//     })
-//   ),
-// };
-
-// QuickFilter.defaultProps = {
-//   hoverColor: "#066768",
-//   multipleSelection: false,
-//   disabled: false,
-//   error: false,
-//   errorMessage: "",
-//   label: "Unit Type:",
-//   labelColor: "#066768",
-//   placeHolder: "Select From List",
-//   width: "auto",
-//   checkBoxColor: "#229E38",
-//   onChange: () => {},
-//   options: [],
-//   selectedValue: [],
-// };
+QuickFilter.propTypes = {
+  hoverColor: PropTypes.string,
+  multipleSelection: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  errorMessage: "",
+  label: PropTypes.string,
+  labelColor: PropTypes.string,
+  placeHolder: PropTypes.string,
+  width: PropTypes.string,
+  checkBoxColor: PropTypes.string,
+  onChange: PropTypes.func,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
+  })),
+  selectedValue: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
+  }))
+};
+QuickFilter.defaultProps = {
+  hoverColor: "#066768",
+  multipleSelection: false,
+  disabled: false,
+  error: false,
+  errorMessage: "",
+  label: "Unit Type:",
+  labelColor: "#066768",
+  placeHolder: "Select From List",
+  width: "auto",
+  checkBoxColor: "#229E38",
+  onChange: () => {},
+  options: [],
+  selectedValue: []
+};
 
 var classnames = {exports: {}};