sag_components 2.0.0-beta11 → 2.0.0-beta3

package/dist/index.d.ts

@@ -265,38 +265,16 @@ declare namespace FilterPanel {
         const availableMonths: PropTypes.Requireable<(string | null | undefined)[]>;
         const availableYears: PropTypes.Requireable<(string | null | undefined)[]>;
         const fieldsData: PropTypes.Requireable<(PropTypes.InferProps<{
-            disabled: PropTypes.Requireable<boolean>;
-            required: PropTypes.Requireable<boolean>;
-            inputType: PropTypes.Requireable<string>;
-            placeHolder: PropTypes.Requireable<string>;
-            xIconShow: PropTypes.Requireable<boolean>;
-            label: PropTypes.Requireable<string>;
-            labelEmptyValue: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
-            periodPickerSelectedValue: PropTypes.Requireable<string>;
-            selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-            orderBy: PropTypes.Requireable<string>;
-            elementType: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<number>;
             color: PropTypes.Requireable<string>;
-            defaultValueYears: PropTypes.Requireable<PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }>>;
-            dropdownOptions: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
         }> | null | undefined)[]>;
         const width: PropTypes.Requireable<string>;
         const height: PropTypes.Requireable<string>;
         const okButtonBackgroundColor: PropTypes.Requireable<string>;
         const okButtonHoverColor: PropTypes.Requireable<string>;
         const resetButtonHoverColor: PropTypes.Requireable<string>;
-        const borderColor: PropTypes.Requireable<string>;
+        const borderColor: string;
         const onOkClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onResetClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onItemValueChanged: PropTypes.Requireable<(...args: any[]) => any>;
@@ -477,6 +455,7 @@ 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 {
@@ -522,6 +501,8 @@ 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 };
     }
@@ -556,19 +537,7 @@ declare namespace CollapseHeader {
         const viewCreativeRetailersData: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        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 data: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
         const showViewCreativeButton: PropTypes.Requireable<boolean>;
         const viewCreativeOnClick: PropTypes.Requireable<(...args: any[]) => any>;
         const descriptionTitle: PropTypes.Requireable<string>;
@@ -629,21 +598,72 @@ declare namespace CollapseHeader {
 }
 
 declare function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, checkBoxColor, onChange, options, selectedValue, }: {
-    hoverColor?: string | undefined;
-    multipleSelection?: boolean | undefined;
-    xIconShow?: boolean | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-    errorMessage?: string | undefined;
-    label?: string | undefined;
-    labelColor?: string | undefined;
-    placeHolder?: string | undefined;
-    width?: string | undefined;
-    checkBoxColor?: string | undefined;
-    onChange?: (() => void) | undefined;
-    options?: any[] | undefined;
-    selectedValue?: any[] | undefined;
-}): react_jsx_runtime.JSX.Element;
+    hoverColor: any;
+    multipleSelection: any;
+    xIconShow: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    label: any;
+    labelColor: any;
+    placeHolder: any;
+    width: any;
+    checkBoxColor: any;
+    onChange: any;
+    options: any;
+    selectedValue: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace QuickFilter {
+    namespace propTypes {
+        const hoverColor: PropTypes.Requireable<string>;
+        const multipleSelection: PropTypes.Requireable<boolean>;
+        const disabled: PropTypes.Requireable<boolean>;
+        const error: PropTypes.Requireable<boolean>;
+        const errorMessage: string;
+        const label: PropTypes.Requireable<string>;
+        const labelColor: PropTypes.Requireable<string>;
+        const placeHolder: PropTypes.Requireable<string>;
+        const width: PropTypes.Requireable<string>;
+        const checkBoxColor: PropTypes.Requireable<string>;
+        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const options: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        const selectedValue: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+    }
+    namespace defaultProps {
+        const hoverColor_1: string;
+        export { hoverColor_1 as hoverColor };
+        const multipleSelection_1: boolean;
+        export { multipleSelection_1 as multipleSelection };
+        const disabled_1: boolean;
+        export { disabled_1 as disabled };
+        const error_1: boolean;
+        export { error_1 as error };
+        const errorMessage_1: string;
+        export { errorMessage_1 as errorMessage };
+        const label_1: string;
+        export { label_1 as label };
+        const labelColor_1: string;
+        export { labelColor_1 as labelColor };
+        const placeHolder_1: string;
+        export { placeHolder_1 as placeHolder };
+        const width_1: string;
+        export { width_1 as width };
+        const checkBoxColor_1: string;
+        export { checkBoxColor_1 as checkBoxColor };
+        export function onChange_1(): void;
+        export { onChange_1 as onChange };
+        const options_1: never[];
+        export { options_1 as options };
+        const selectedValue_1: never[];
+        export { selectedValue_1 as selectedValue };
+    }
+}
 
 declare function OneColumnContainer(props: any): react_jsx_runtime.JSX.Element;
 declare namespace OneColumnContainer {

package/dist/index.esm.js

@@ -43454,7 +43454,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
@@ -44289,18 +44289,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,
@@ -51318,7 +51319,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
@@ -53440,38 +53441,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,
@@ -54178,7 +54157,9 @@ const ReportTable = props => {
     disabled: currentPage === totalPages
   }))))), isLoading && enablePagination && /*#__PURE__*/React__default.createElement(LoaderWrapper$1, {
     id: "LoaderWrapper"
-  }, /*#__PURE__*/React__default.createElement(Loader$1, null)), !disableInfo ? /*#__PURE__*/React__default.createElement(InfoBlock, null, /*#__PURE__*/React__default.createElement(InfoIcon, {
+  }, /*#__PURE__*/React__default.createElement(Loader$1, {
+    loaderColor: "#1B30AA"
+  })), !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")) : "");
 };
@@ -54810,6 +54791,7 @@ const BannerEventBoxList = props => {
     linkText,
     disableToggle,
     bannerWidth,
+    loaderColor,
     showDraft
   } = props;
   const [IsItemOpen, setIsItemOpen] = useState(false);
@@ -54839,7 +54821,9 @@ 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, 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, {
+  }, /*#__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, {
     disabled: disableToggle,
     text: linkText,
     leftIcon: "info",
@@ -54889,6 +54873,7 @@ BannerEventBoxList.propTypes = {
   disableToggle: PropTypes.bool,
   children: PropTypes.node,
   bannerWidth: PropTypes.string,
+  loaderColor: PropTypes.string,
   showDraft: PropTypes.bool
 };
 BannerEventBoxList.defaultProps = {
@@ -54940,6 +54925,7 @@ BannerEventBoxList.defaultProps = {
   disableToggle: true,
   children: null,
   bannerWidth: 'auto',
+  loaderColor: '#212121',
   showDraft: false
 };
 
@@ -65633,7 +65619,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,
@@ -66548,20 +66534,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.createElement(QuickFilterMain, {
     width: width,
@@ -66596,48 +66582,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: {}};