sag_components 1.0.443 → 1.0.445

package/dist/stories/components/KpiFilter.js

@@ -53,7 +53,7 @@ const KpiFilter = props => {
           kpiSelectedButtonsLabels.push(kpiSelectedData[i][j].label);
         }
         if (kpiSelectedData[i][j].secondButtonLabel && kpiSelectedData[i][j].secondButtonChecked === true) {
-          kpiSelectedButtonsLabels.push("".concat("", kpiSelectedData[i][j].label, ":", kpiSelectedData[i][j].secondButtonLabel));
+          kpiSelectedButtonsLabels.push(''.concat('', kpiSelectedData[i][j].label, ':', kpiSelectedData[i][j].secondButtonLabel));
         }
       }
     }
@@ -65,7 +65,7 @@ const KpiFilter = props => {
   // ------------------------- Buttons OnClick Handler - End ------------------
 
   const dispalyColumnButtons = function (data, height) {
-    let paddingBottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "5px";
+    let paddingBottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '5px';
     if (data && data.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_KpiFilter.ButtonsContainer, {
         id: "ButtonsContainer",
@@ -75,8 +75,8 @@ const KpiFilter = props => {
         var _item$marginBottom;
         return /*#__PURE__*/_react.default.createElement(_KpiFilter.ButtonContainer, {
           id: "ButtonContainer",
-          className: item.marginBottom ? "marginBottom" : "",
-          marginBottom: (_item$marginBottom = item.marginBottom) !== null && _item$marginBottom !== void 0 ? _item$marginBottom : "0px"
+          className: item.marginBottom ? 'marginBottom' : '',
+          marginBottom: (_item$marginBottom = item.marginBottom) !== null && _item$marginBottom !== void 0 ? _item$marginBottom : '0px'
         }, /*#__PURE__*/_react.default.createElement(_CheckBoxButton.CheckBoxButton, {
           backgroundColorChecked: buttonsBackgroundColorChecked,
           backgroundColorUnchecked: buttonsBackgroundColorUnchecked,
@@ -102,7 +102,6 @@ const KpiFilter = props => {
                 })
               };
             });
-            console.log("newDataKpi", newDataKpi);
             setKpiDataState(newDataKpi);
           },
           textColorChecked: buttonsTextColorChecked,
@@ -119,14 +118,14 @@ const KpiFilter = props => {
           height: "29px",
           iconColor: buttonsIconColor,
           iconSize: "12px",
-          label: "".concat("", item.label, ":", item.secondButtonLabel),
+          label: ''.concat('', item.label, ':', item.secondButtonLabel),
           displayLabel: item.secondButtonLabel,
           onClick: props => {
             const newDataKpi = KpiDataState === null || KpiDataState === void 0 ? void 0 : KpiDataState.map(itemColumn => {
               var _itemColumn$buttonsAr3;
               return {
                 ...itemColumn,
-                buttonsArray: (_itemColumn$buttonsAr3 = itemColumn.buttonsArray) === null || _itemColumn$buttonsAr3 === void 0 ? void 0 : _itemColumn$buttonsAr3.map(itemButton => "".concat("", itemButton.label, ":", itemButton.secondButtonLabel) === props.label ? {
+                buttonsArray: (_itemColumn$buttonsAr3 = itemColumn.buttonsArray) === null || _itemColumn$buttonsAr3 === void 0 ? void 0 : _itemColumn$buttonsAr3.map(itemButton => ''.concat('', itemButton.label, ':', itemButton.secondButtonLabel) === props.label ? {
                   ...itemButton,
                   secondButtonChecked: props.checked
                 } : {
@@ -135,12 +134,11 @@ const KpiFilter = props => {
               };
             });
             setKpiDataState(newDataKpi);
-            console.log("newDataKpi", newDataKpi, props);
           },
           textColorChecked: buttonsTextColorChecked,
           textColorUnchecked: buttonsTextColorUnchecked,
           width: "100%"
-        }) : "");
+        }) : '');
       }));
     }
   };
@@ -179,32 +177,31 @@ const KpiFilter = props => {
       checked
     } = props;
     let newPeriod;
-    let periodCheckedArray = [];
+    const periodCheckedArray = [];
     switch (label) {
-      case "4 weeks":
+      case '4 weeks':
         newPeriod = {
           ...periodState,
           weeks4: checked
         };
         break;
-      case "8 weeks":
+      case '8 weeks':
         newPeriod = {
           ...periodState,
           weeks8: checked
         };
         break;
-      case "13 weeks":
+      case '13 weeks':
         newPeriod = {
           ...periodState,
           weeks13: checked
         };
         break;
     }
-    console.log("onClickPeriodHandler", newPeriod);
     setPeriodState(newPeriod);
-    if (newPeriod.weeks4) periodCheckedArray.push("4 weeks");
-    if (newPeriod.weeks8) periodCheckedArray.push("8 weeks");
-    if (newPeriod.weeks13) periodCheckedArray.push("13 weeks");
+    if (newPeriod.weeks4) periodCheckedArray.push('4 weeks');
+    if (newPeriod.weeks8) periodCheckedArray.push('8 weeks');
+    if (newPeriod.weeks13) periodCheckedArray.push('13 weeks');
     onClickPeriod({
       periodChecked: periodCheckedArray
     });
@@ -217,14 +214,14 @@ const KpiFilter = props => {
     checked: periodState.weeks4,
     colorChecked: buttonsIconColor,
     colorUnchecked: buttonsIconColor
-    //colorDisabled={buttonsIconColor}
+    // colorDisabled={buttonsIconColor}
     ,
     fontSize: "14px",
     height: "20px",
     width: "100%",
     iconSize: "14px",
     disabled: false
-    //disabled={periodState === "4 weeks"}
+    // disabled={periodState === "4 weeks"}
     ,
     onClick: props => {
       onClickPeriodHandler(props);
@@ -235,14 +232,14 @@ const KpiFilter = props => {
     checked: periodState.weeks8,
     colorChecked: buttonsIconColor,
     colorUnchecked: buttonsIconColor
-    //colorDisabled={buttonsIconColor}
+    // colorDisabled={buttonsIconColor}
     ,
     fontSize: "12px",
     height: "20px",
     width: "100%",
     iconSize: "14px",
     disabled: false
-    //disabled={periodState === "8 weeks"}
+    // disabled={periodState === "8 weeks"}
     ,
     onClick: props => {
       onClickPeriodHandler(props);
@@ -253,14 +250,14 @@ const KpiFilter = props => {
     checked: periodState.weeks13,
     colorChecked: buttonsIconColor,
     colorUnchecked: buttonsIconColor
-    //colorDisabled={buttonsIconColor}
+    // colorDisabled={buttonsIconColor}
     ,
     fontSize: "12px",
     height: "20px",
     width: "100%",
     iconSize: "14px",
     disabled: false
-    //disabled={periodState === "13 weeks"}
+    // disabled={periodState === "13 weeks"}
     ,
     onClick: props => {
       onClickPeriodHandler(props);
@@ -278,11 +275,11 @@ const KpiFilter = props => {
         id: "ColumnTitleContainer"
       }, /*#__PURE__*/_react.default.createElement(_KpiFilter.ColumnTitle, {
         id: "ColumnTitle"
-      }, item.columnTitle)), dispalyColumnButtons(item.buttonsArray, height = "160px", "0px"), i === (KpiDataState === null || KpiDataState === void 0 ? void 0 : KpiDataState.length) - 1 ? /*#__PURE__*/_react.default.createElement(_KpiFilter.PeriodColumnTitle, null, periodTitle) : "", i === (KpiDataState === null || KpiDataState === void 0 ? void 0 : KpiDataState.length) - 1 ? displayPeriod() : "")), item.rightBorder ? /*#__PURE__*/_react.default.createElement(_KpiFilter.ColumnLineSeporatorContainer, {
+      }, item.columnTitle)), dispalyColumnButtons(item.buttonsArray, height = '160px', '0px'), i === (KpiDataState === null || KpiDataState === void 0 ? void 0 : KpiDataState.length) - 1 ? /*#__PURE__*/_react.default.createElement(_KpiFilter.PeriodColumnTitle, null, periodTitle) : '', i === (KpiDataState === null || KpiDataState === void 0 ? void 0 : KpiDataState.length) - 1 ? displayPeriod() : '')), item.rightBorder ? /*#__PURE__*/_react.default.createElement(_KpiFilter.ColumnLineSeporatorContainer, {
         id: "ColumnLineSeporatorContainer"
       }, /*#__PURE__*/_react.default.createElement(_KpiFilter.ColumnLineSeporator, {
         id: "ColumnLineSeporator"
-      })) : "")));
+      })) : '')));
     }
   };
 
@@ -299,17 +296,17 @@ const KpiFilter = props => {
 exports.KpiFilter = KpiFilter;
 var _default = exports.default = KpiFilter;
 KpiFilter.defaultProps = {
-  mainTitle: "Select Table Columns",
-  periodTitle: "Pre and Post Event Period",
+  mainTitle: 'Select Table Columns',
+  periodTitle: 'Pre and Post Event Period',
   kpiData: [],
-  width: "100%",
-  height: "100%",
-  buttonsIconColor: "#1B30AA",
-  buttonsBorderColor: "#1B30AA",
-  buttonsTextColorChecked: "#212121",
-  buttonsTextColorUnchecked: "#212121",
-  buttonsBackgroundColorChecked: "#E9F1FF",
-  buttonsBackgroundColorUnchecked: "#F2F2F2",
+  width: '100%',
+  height: '100%',
+  buttonsIconColor: '#1B30AA',
+  buttonsBorderColor: '#1B30AA',
+  buttonsTextColorChecked: '#212121',
+  buttonsTextColorUnchecked: '#212121',
+  buttonsBackgroundColorChecked: '#E9F1FF',
+  buttonsBackgroundColorUnchecked: '#F2F2F2',
   onClick: () => {},
   // onClickIncludeBenchmark: () => {},
   onClickPeriod: () => {}

package/dist/stories/components/ModalTotalBenchmark.js

@@ -27,7 +27,6 @@ const ModalTotalBenchmark = _ref => {
   const [params, setParams] = (0, _react.useState)([]);
   const [code, setCode] = (0, _react.useState)('Select PACKAGE_COST,REDEMPTION_COST,(PACKAGE_COST+REDEMPTION_COST) AS TOTAL_COST,from FACT_EVENT_MEASURES A INNER JOIN DIM_EVENTS B ON A.EVENT_CODE = B.EVENT_CODE');
   function getTypeName(type) {
-    console.log('types', typeof type, typeof _propTypes.default.string);
     if (type === _propTypes.default.string) {
       return 'string';
     }
@@ -58,7 +57,6 @@ const ModalTotalBenchmark = _ref => {
     const tempParams = [];
     if (Component.propTypes) {
       Object.keys(Component.propTypes).forEach(key => {
-        console.log('key', key, getTypeName(Component.propTypes[key]));
         tempParams.push({
           id: key,
           label: key.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase()),
@@ -71,7 +69,6 @@ const ModalTotalBenchmark = _ref => {
   (0, _react.useEffect)(() => {
     const newParams = withPropTypeChecks((0, _ComponentFactory.default)(componentName));
     setParams(newParams);
-    console.log('newParams', newParams, componentName);
   }, []);
   const {
     handleSubmit,
@@ -138,7 +135,6 @@ const ModalTotalBenchmark = _ref => {
             limitTagsOnMultiSelect: 0,
             onInputChange: e => {
               var _e$inputValue;
-              console.log('e', e);
               field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : '');
             },
             options: ['true', 'false'],
@@ -152,7 +148,6 @@ const ModalTotalBenchmark = _ref => {
       });
     }
     if (item.type === 'other') {
-      console.log('item', item);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
         key: item.id,
         control: control,
@@ -211,7 +206,6 @@ const ModalTotalBenchmark = _ref => {
           limitTagsOnMultiSelect: 0,
           onInputChange: e => {
             var _e$inputValue2;
-            console.log('e', e);
             field.onChange((_e$inputValue2 = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue2 !== void 0 ? _e$inputValue2 : '');
           },
           options: item.options,

package/dist/stories/components/ModalTotalCost.js

@@ -121,7 +121,6 @@ const ModalTotalCost = _ref => {
           limitTagsOnMultiSelect: 0,
           onInputChange: e => {
             var _e$inputValue;
-            console.log('e', e);
             field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : '');
           },
           options: item.options,

package/dist/stories/components/TotalBenchmarkAreachart.js

@@ -124,15 +124,12 @@ const TotalBenchmarkAreachart = props => {
     if (!areaChartData || areaChartData.length === 0) return '';
     return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElementsContainer, {
       id: "EventWeeksLegendDataElementsContainer"
-    }, (_getAreaChartFormatte = getAreaChartFormattedData()) === null || _getAreaChartFormatte === void 0 ? void 0 : _getAreaChartFormatte.map(item => {
-      console.log('displayEventWeeksElements', item);
-      return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElement, {
-        id: "EventWeeksLegendDataElement",
-        color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : '',
-        borderLeftRadius: item.title === startWeekRange ? '12px' : '0px',
-        borderRightRadius: item.title === endWeekRange ? '12px' : '0px'
-      }, item.titleWeek);
-    }));
+    }, (_getAreaChartFormatte = getAreaChartFormattedData()) === null || _getAreaChartFormatte === void 0 ? void 0 : _getAreaChartFormatte.map(item => /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendDataElement, {
+      id: "EventWeeksLegendDataElement",
+      color: item.title >= startWeekRange && item.title <= endWeekRange ? xselectedColor : '',
+      borderLeftRadius: item.title === startWeekRange ? '12px' : '0px',
+      borderRightRadius: item.title === endWeekRange ? '12px' : '0px'
+    }, item.titleWeek)));
   };
   const displayEventWeeksLegendData = () => /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.EventWeeksLegendMainContainer, {
     id: "EventWeeksLegendMainContainer"

package/dist/stories/components/TotalBenchmarkArrows.style.js

@@ -14,8 +14,8 @@ const Title = exports.Title = _styledComponents.default.div(_templateObject3 ||
 const ValueAndBenchmarkContainer = exports.ValueAndBenchmarkContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: baseline;\n  height: 45%;\n"])));
 const FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 0.1rem;\n  font-weight: 500;\n  font-size: 40px;\n  @media (max-width: 1536px) {\n    font-size: 24px;\n  } \n  @media (max-width: 1366px) {\n    font-size: 20px;\n  }\n"])));
 const BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: 0.77778rem;\n  width: 5.35rem;\n"])));
-const DetailsContainer = exports.DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  /* width: 14rem; */\n  height: 50%;\n"])));
-const DetailsTitle = exports.DetailsTitle = _styledComponents.default.h5(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 1rem;\n  margin-bottom: 12px;\n  @media (max-width: 1536px) {\n    font-size: 14px;\n  } \n  @media (max-width: 1366px) {\n    font-size: 12px;\n  }\n"])));
+const DetailsContainer = exports.DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  height: 50%;\n"])));
+const DetailsTitle = exports.DetailsTitle = _styledComponents.default.h5(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 1rem;\n  margin-top: 0;\n  margin-bottom: 12px;\n  @media (max-width: 1536px) {\n    font-size: 14px;\n  } \n  @media (max-width: 1366px) {\n    font-size: 12px;\n  }\n"])));
 const DetailsRowContainer = exports.DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  text-align: center;\n  align-items: baseline;\n  gap: 4px;\n  font-weight: 700;\n  font-size: 14px;\n"])));
 const DetailsRowArrowContainer = exports.DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: flex-end;\n"])));
 const DetailsRowFormattedValue = exports.DetailsRowFormattedValue = _styledComponents.default.span(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 700;\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.443",
+  "version": "1.0.445",
   "description": "",
   "main": "dist/index.js",
   "scripts": {