sag_components 2.0.0-beta10 → 2.0.0-beta11

package/dist/index.d.ts

@@ -273,10 +273,7 @@ declare namespace FilterPanel {
             label: PropTypes.Requireable<string>;
             labelEmptyValue: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
-            periodPickerSelectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
+            periodPickerSelectedValue: PropTypes.Requireable<string>;
             selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
@@ -299,7 +296,7 @@ declare namespace FilterPanel {
         const okButtonBackgroundColor: PropTypes.Requireable<string>;
         const okButtonHoverColor: PropTypes.Requireable<string>;
         const resetButtonHoverColor: PropTypes.Requireable<string>;
-        const borderColor: string;
+        const borderColor: PropTypes.Requireable<string>;
         const onOkClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onResetClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onItemValueChanged: PropTypes.Requireable<(...args: any[]) => any>;
@@ -480,7 +477,6 @@ declare namespace BannerEventBoxList {
         const disableToggle: PropTypes.Requireable<boolean>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         const bannerWidth: PropTypes.Requireable<string>;
-        const loaderColor: PropTypes.Requireable<string>;
         const showDraft: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
@@ -526,8 +522,6 @@ declare namespace BannerEventBoxList {
         export { children_1 as children };
         const bannerWidth_1: string;
         export { bannerWidth_1 as bannerWidth };
-        const loaderColor_1: string;
-        export { loaderColor_1 as loaderColor };
         const showDraft_1: boolean;
         export { showDraft_1 as showDraft };
     }
@@ -562,7 +556,19 @@ declare namespace CollapseHeader {
         const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        const data: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{
+            eventType: PropTypes.Requireable<string>;
+            retailer: PropTypes.Requireable<string>;
+            eventDescription: PropTypes.Requireable<string>;
+            objectivesDescription: PropTypes.Requireable<string>;
+            eventDatesValue: PropTypes.Requireable<string>;
+            externalEventDescription: PropTypes.Requireable<string>;
+            externalEventID: PropTypes.Requireable<string>;
+            storeType: PropTypes.Requireable<string>;
+            category: PropTypes.Requireable<string>;
+            supplier: PropTypes.Requireable<string>;
+            brand: PropTypes.Requireable<string>;
+        }>>;
         const showViewCreativeButton: PropTypes.Requireable<boolean>;
         const viewCreativeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
         const descriptionTitle: PropTypes.Requireable<string>;

package/dist/index.esm.js

@@ -43454,7 +43454,7 @@ const Tooltip$1 = props => {
 };
 Tooltip$1.propTypes = {
   children: PropTypes.node,
-  content: PropTypes.string,
+  content: PropTypes.node,
   direction: PropTypes.string,
   delay: PropTypes.string,
   topFactor: PropTypes.number
@@ -44289,19 +44289,18 @@ const InfoIcon = _ref => {
   }));
 };
 
-const LinkButton = _ref => {
-  let {
-    text = '',
-    type = 'primary',
-    size = 'small',
-    height = '',
-    width = '',
-    disabled = false,
-    textColor = '',
-    onClick,
-    leftIcon = 'none',
-    rightIcon = 'none'
-  } = _ref;
+const LinkButton = ({
+  text = '',
+  type = 'primary',
+  size = 'small',
+  height = '',
+  width = '',
+  disabled = false,
+  textColor = '',
+  onClick,
+  leftIcon = 'none',
+  rightIcon = 'none'
+}) => {
   // const {
   //   text,
   //   type,
@@ -51319,7 +51318,7 @@ DropdownNew.propTypes = {
   width: PropTypes.string,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
-  errorMessage: "",
+  errorMessage: PropTypes.string,
   options: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
     label: PropTypes.string
@@ -53449,10 +53448,7 @@ FilterPanel.propTypes = {
     label: PropTypes.string,
     labelEmptyValue: PropTypes.string,
     name: PropTypes.string,
-    periodPickerSelectedValue: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.string,
-      label: PropTypes.string
-    })),
+    periodPickerSelectedValue: PropTypes.string,
     selectedValue: PropTypes.arrayOf(PropTypes.shape({
       value: PropTypes.string,
       label: PropTypes.string
@@ -53475,7 +53471,7 @@ FilterPanel.propTypes = {
   okButtonBackgroundColor: PropTypes.string,
   okButtonHoverColor: PropTypes.string,
   resetButtonHoverColor: PropTypes.string,
-  borderColor: '#066768',
+  borderColor: PropTypes.string,
   onOkClick: PropTypes.func,
   onResetClick: PropTypes.func,
   onItemValueChanged: PropTypes.func,
@@ -53805,13 +53801,16 @@ const Td = dt.td`
 `;
 const Tr = dt.tr`
   border-bottom: 1px solid #f3f4f6;
-  ${({
-  enableHover,
-  selectHoverColor
-}) => enableHover && `&:hover {
+  ${_ref => {
+  let {
+    enableHover,
+    selectHoverColor
+  } = _ref;
+  return enableHover && `&:hover {
       background-color: ${selectHoverColor};
       cursor: pointer;
-    }`}
+    }`;
+}}
 `;
 const InfoText = dt.div`
   font-weight: 400;
@@ -54179,9 +54178,7 @@ const ReportTable = props => {
     disabled: currentPage === totalPages
   }))))), isLoading && enablePagination && /*#__PURE__*/React__default.createElement(LoaderWrapper$1, {
     id: "LoaderWrapper"
-  }, /*#__PURE__*/React__default.createElement(Loader$1, {
-    loaderColor: "#1B30AA"
-  })), !disableInfo ? /*#__PURE__*/React__default.createElement(InfoBlock, null, /*#__PURE__*/React__default.createElement(InfoIcon, {
+  }, /*#__PURE__*/React__default.createElement(Loader$1, null)), !disableInfo ? /*#__PURE__*/React__default.createElement(InfoBlock, null, /*#__PURE__*/React__default.createElement(InfoIcon, {
     color: "#1B30AA"
   }), /*#__PURE__*/React__default.createElement(InfoText, null, "Download table to get the full data")) : "");
 };
@@ -54813,7 +54810,6 @@ const BannerEventBoxList = props => {
     linkText,
     disableToggle,
     bannerWidth,
-    loaderColor,
     showDraft
   } = props;
   const [IsItemOpen, setIsItemOpen] = useState(false);
@@ -54843,9 +54839,7 @@ const BannerEventBoxList = props => {
     onClick: () => handleToggle()
   }, showLoader ? /*#__PURE__*/React__default.createElement(LoaderWrapper, {
     id: "LoaderWrapper"
-  }, /*#__PURE__*/React__default.createElement("span", null, "Processing Data"), /*#__PURE__*/React__default.createElement(Loader, {
-    loaderColor: loaderColor
-  })) : /*#__PURE__*/React__default.createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default.createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default.createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default.createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default.createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default.createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default.createElement(LinkButton, {
+  }, /*#__PURE__*/React__default.createElement("span", null, "Processing Data"), /*#__PURE__*/React__default.createElement(Loader, null)) : /*#__PURE__*/React__default.createElement(MainDetails, null, !cardsContent && /*#__PURE__*/React__default.createElement(BannerIcon, null, bannersIcon()), showEventDetails ? /*#__PURE__*/React__default.createElement(SubDetails, null, eventName, ' ', eventName !== '' && eventType !== '' && /*#__PURE__*/React__default.createElement(ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/React__default.createElement(ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/React__default.createElement(ToggleContainer, null, IsItemOpen ? /*#__PURE__*/React__default.createElement(LinkButton, {
     disabled: disableToggle,
     text: linkText,
     leftIcon: "info",
@@ -54895,7 +54889,6 @@ BannerEventBoxList.propTypes = {
   disableToggle: PropTypes.bool,
   children: PropTypes.node,
   bannerWidth: PropTypes.string,
-  loaderColor: PropTypes.string,
   showDraft: PropTypes.bool
 };
 BannerEventBoxList.defaultProps = {
@@ -54947,7 +54940,6 @@ BannerEventBoxList.defaultProps = {
   disableToggle: true,
   children: null,
   bannerWidth: 'auto',
-  loaderColor: '#212121',
   showDraft: false
 };
 
@@ -65641,7 +65633,7 @@ CollapseHeader.propTypes = {
   data: PropTypes.shape({
     eventType: PropTypes.string,
     retailer: PropTypes.string,
-    eventDescription: "Large Selling Event Description",
+    eventDescription: PropTypes.string,
     objectivesDescription: PropTypes.string,
     eventDatesValue: PropTypes.string,
     externalEventDescription: PropTypes.string,