sag_components 1.0.816 → 1.0.817

package/dist/stories/components/ReportTable.js

@@ -11,6 +11,7 @@ var _ArrowSelectIcon = _interopRequireDefault(require("./icons/ArrowSelectIcon")
 var _Duplicate = _interopRequireDefault(require("./icons/Duplicate"));
 var _CheckBoxCheckedIcon = require("./icons/CheckBoxCheckedIcon");
 var _CheckBoxNotCheckedIcon = require("./icons/CheckBoxNotCheckedIcon");
+var _LinkButton = _interopRequireDefault(require("./LinkButton"));
 var _ReportTable = require("./ReportTable.style");
 var _InfoIcon = require("./icons/InfoIcon");
 /* eslint-disable import/no-unresolved */
@@ -45,10 +46,10 @@ const ReportTable = props => {
     };
 
     // column heading - checkbox
-    if (useCheckBoxes && !((_newTableData$columns = newTableData.columnsHeadings) !== null && _newTableData$columns !== void 0 && _newTableData$columns.some(item => item.label === 'checkbox' && item.key === 'checkbox'))) {
+    if (useCheckBoxes && !((_newTableData$columns = newTableData.columnsHeadings) !== null && _newTableData$columns !== void 0 && _newTableData$columns.some(item => item.label === "checkbox" && item.key === "checkbox"))) {
       newTableData.columnsHeadings.push({
-        label: 'checkbox',
-        key: 'checkbox'
+        label: "checkbox",
+        key: "checkbox"
       });
     }
 
@@ -58,21 +59,21 @@ const ReportTable = props => {
     });
 
     // column heading - select button
-    if (useSelectButtons && !((_newTableData$columns2 = newTableData.columnsHeadings) !== null && _newTableData$columns2 !== void 0 && _newTableData$columns2.some(item => item.label === 'button' && item.key === 'button'))) {
+    if (useSelectButtons && !((_newTableData$columns2 = newTableData.columnsHeadings) !== null && _newTableData$columns2 !== void 0 && _newTableData$columns2.some(item => item.label === "button" && item.key === "button"))) {
       newTableData.columnsHeadings.push({
-        label: 'button',
-        key: 'button'
+        label: "button",
+        key: "button"
       });
     }
 
     // rowsValues
     const newRowValues = (_tableData$rowsValues = tableData.rowsValues) === null || _tableData$rowsValues === void 0 ? void 0 : _tableData$rowsValues.map(item => useCheckBoxes ? {
-      checkbox: 'checkbox',
+      checkbox: "checkbox",
       ...item
     } : item);
     const newRowValuesStep2 = newRowValues === null || newRowValues === void 0 ? void 0 : newRowValues.map(item => useSelectButtons ? {
       ...item,
-      button: 'button'
+      button: "button"
     } : item);
     const newRowValuesStep3 = newRowValuesStep2 === null || newRowValuesStep2 === void 0 ? void 0 : newRowValuesStep2.map(item => useCheckBoxes ? {
       ...item,
@@ -139,20 +140,14 @@ const ReportTable = props => {
     } = rest;
     onCheckRowClick(rest2);
   };
-  const displaySelectButton = rowData => /*#__PURE__*/_react.default.createElement(_ReportTable.SelectButtonContainer, {
-    className: "SelectButtonContainer"
-  }, /*#__PURE__*/_react.default.createElement(_ReportTable.SelectButtonSubContainer, {
-    className: "SelectButtonSubContainer",
-    selectTextColor: disableSelectButtons ? '#B1B1B1' : selectTextColor,
-    backgroundColor: disableSelectButtons ? '#E3E4E5' : '#ffffff',
-    cursor: disableSelectButtons ? 'default' : 'pointer',
-    onClick: () => disableSelectButtons ? null : handleSelectButtonRowClick(rowData)
-  }, buttonText || 'Select', ' ', buttonIconName === 'duplicate' ? /*#__PURE__*/_react.default.createElement(_Duplicate.default, {
-    color: disableSelectButtons ? '#B1B1B1' : selectTextColor
-  }) : /*#__PURE__*/_react.default.createElement(_ArrowSelectIcon.default, {
-    className: "ArrowSelectIcon",
-    color: disableSelectButtons ? '#B1B1B1' : selectTextColor
-  })));
+  const displaySelectButton = rowData => /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+    disabled: disableSelectButtons,
+    onClick: e => handleSelectButtonRowClick(rowData),
+    rightIcon: buttonIconName,
+    size: "medium",
+    text: buttonText || "Select",
+    textColor: selectTextColor
+  });
   const displayCheckBox = (rowData, isHeader) => /*#__PURE__*/_react.default.createElement(_ReportTable.SelectCheckboxContainer, {
     className: "SelectCheckboxContainer"
   }, /*#__PURE__*/_react.default.createElement(_ReportTable.SelectCheckboxSubContainer, {
@@ -189,13 +184,13 @@ const ReportTable = props => {
     className: "headerRow"
   }, FormattedTableData.columnsHeadings.map((headline, index) => {
     // eslint-disable-next-line react/no-array-index-key
-    if (headline.label === 'checkbox') {
+    if (headline.label === "checkbox") {
       return /*#__PURE__*/_react.default.createElement(_ReportTable.Th, {
         key: index
       }, displayCheckBox(headline, true));
     }
     // eslint-disable-next-line react/no-array-index-key
-    if (headline.label === 'button') {
+    if (headline.label === "button") {
       return /*#__PURE__*/_react.default.createElement(_ReportTable.Th, {
         key: index
       });
@@ -213,13 +208,13 @@ const ReportTable = props => {
     useColorLinearGradient: useColorLinearGradient
   }, Object.values(rowData).map((value, dataIndex) =>
   // eslint-disable-next-line no-nested-ternary
-  value === 'checkbox' ?
+  value === "checkbox" ?
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
   _react.default.createElement(_ReportTable.Td, {
     className: "checkbox",
     key: index
-  }, displayCheckBox(rowData, false)) : value === 'button' ?
+  }, displayCheckBox(rowData, false)) : value === "button" ?
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
   _react.default.createElement(_ReportTable.Td, {
@@ -233,47 +228,47 @@ const ReportTable = props => {
     key: dataIndex
   }, value))))))), !disableInfo ? /*#__PURE__*/_react.default.createElement(_ReportTable.InfoBlock, null, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
     color: "#1B30AA"
-  }), /*#__PURE__*/_react.default.createElement(_ReportTable.InfoText, null, "Download table to get the full data")) : '');
+  }), /*#__PURE__*/_react.default.createElement(_ReportTable.InfoText, null, "Download table to get the full data")) : "");
 };
 exports.ReportTable = ReportTable;
 var _default = exports.default = ReportTable;
 ReportTable.defaultProps = {
-  buttonText: 'Select',
-  buttonIconName: 'duplicate',
+  buttonText: "Select",
+  buttonIconName: "select",
   tableData: {
     columnsHeadings: [{
-      label: 'Event Name',
-      key: 'eventName'
+      label: "Event Name",
+      key: "eventName"
     }, {
-      label: 'Retailer',
-      key: 'retailer'
+      label: "Retailer",
+      key: "retailer"
     }, {
-      label: 'Total Cost',
-      key: 'totalCost'
+      label: "Total Cost",
+      key: "totalCost"
     }, {
-      label: 'Inc. Baseline Sales',
-      key: 'incBaselineSales'
+      label: "Inc. Baseline Sales",
+      key: "incBaselineSales"
     }],
     rowsValues: [{
-      retailer: 'Large Selling Event P2 2023',
-      eventDescription: 'Food',
-      totalCost: 'Food Lion',
-      incBaselineSales: '50K'
+      retailer: "Large Selling Event P2 2023",
+      eventDescription: "Food",
+      totalCost: "Food Lion",
+      incBaselineSales: "50K"
     }, {
-      retailer: 'Large Selling Event P2 2023',
-      eventDescription: 'Food',
-      totalCost: '$500K',
-      incBaselineSales: '50K'
+      retailer: "Large Selling Event P2 2023",
+      eventDescription: "Food",
+      totalCost: "$500K",
+      incBaselineSales: "50K"
     }, {
-      retailer: 'Large Selling Event P2 2023',
-      eventDescription: 'Food',
-      totalCost: '$500K',
-      incBaselineSales: '50K'
+      retailer: "Large Selling Event P2 2023",
+      eventDescription: "Food",
+      totalCost: "$500K",
+      incBaselineSales: "50K"
     }, {
-      retailer: 'Large Selling Event P2 2023',
-      eventDescription: 'Food',
-      totalCost: '$500K',
-      incBaselineSales: '50K'
+      retailer: "Large Selling Event P2 2023",
+      eventDescription: "Food",
+      totalCost: "$500K",
+      incBaselineSales: "50K"
     }]
   },
   maxColumnsNumber: 4,
@@ -281,7 +276,7 @@ ReportTable.defaultProps = {
   useSelectButtons: false,
   disableSelectButtons: false,
   disableInfo: false,
-  selectTextColor: '#229E38',
+  selectTextColor: "#229E38",
   onSelectRowClick: () => {},
   onCheckRowClick: () => {},
   onAllRowsCheckBoxClick: () => {},

package/package.json

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