sag_components 1.0.1065 → 1.0.1067

package/dist/stories/components/Button.js

@@ -18,28 +18,28 @@ var _ExitIcon = require("./icons/ExitIcon");
 var _EyeIcon = require("./icons/EyeIcon");
 var _ButtonArrowRight = require("./icons/ButtonArrowRight");
 var _ReselectIcon = require("./icons/ReselectIcon");
-const Button = props => {
-  const {
-    text,
-    type,
-    size,
-    height,
-    width,
-    disabled,
-    textColor,
-    backgroundColor,
-    borderColor,
-    hoverTextColor,
-    hoverBackgroundColor,
-    hoverBorderColor,
-    disabledTextColor,
-    disabledBackgroundColor,
-    disabledBorderColor,
-    leftIcon,
-    rightIcon,
+const Button = _ref => {
+  let {
+    text = '',
+    type = 'primary',
+    size = 'small',
+    height = '',
+    width = '',
+    disabled = false,
+    textColor = '',
+    backgroundColor = '',
+    borderColor = '',
+    hoverTextColor = '',
+    hoverBackgroundColor = '',
+    hoverBorderColor = '',
+    disabledTextColor = '',
+    disabledBackgroundColor = '',
+    disabledBorderColor = '',
     onClick,
-    isSubmitButton
-  } = props;
+    leftIcon = 'none',
+    rightIcon = 'none',
+    isSubmitButton = false
+  } = _ref;
   const [clicked, setClicked] = (0, _react.useState)(false);
   const [hover, setHover] = (0, _react.useState)(false);
   const handleSubmitButtonOnClick = () => {
@@ -77,7 +77,7 @@ const Button = props => {
         return /*#__PURE__*/_react.default.createElement(_Button.IconWrapper, {
           className: "FilterIcon"
         }, /*#__PURE__*/_react.default.createElement(_FilterIcon.FilterIcon, {
-          height: iconHeight,
+          height: "150px",
           width: iconWidth,
           color: color
         }));
@@ -211,25 +211,45 @@ const Button = props => {
   }, text), getRightIcon()));
 };
 exports.Button = Button;
-var _default = exports.default = Button;
-Button.defaultProps = {
-  text: '',
-  type: 'primary',
-  size: 'small',
-  height: '',
-  width: '',
-  disabled: false,
-  textColor: '',
-  backgroundColor: '',
-  borderColor: '',
-  hoverTextColor: '',
-  hoverBackgroundColor: '',
-  hoverBorderColor: '',
-  disabledTextColor: '',
-  disabledBackgroundColor: '',
-  disabledBorderColor: '',
-  onClick: () => {},
-  leftIcon: 'none',
-  rightIcon: 'none',
-  isSubmitButton: false
-};
+var _default = exports.default = Button; // Button.propTypes = {
+//   text: PropTypes.string,
+//   type: PropTypes.string,
+//   size: PropTypes.string,
+//   height: PropTypes.string,
+//   width: PropTypes.string,
+//   disabled: PropTypes.bool,
+//   textColor: PropTypes.string,
+//   backgroundColor: PropTypes.string,
+//   borderColor: PropTypes.string,
+//   hoverTextColor: PropTypes.string,
+//   hoverBackgroundColor: PropTypes.string,
+//   hoverBorderColor: PropTypes.string,
+//   disabledTextColor: PropTypes.string,
+//   disabledBackgroundColor: PropTypes.string,
+//   disabledBorderColor: PropTypes.string,
+//   onClick: PropTypes.func,
+//   leftIcon: PropTypes.string,
+//   rightIcon: PropTypes.string,
+//   isSubmitButton: PropTypes.bool,
+// };
+// Button.defaultProps = {
+//   text: '',
+//   type: 'primary',
+//   size: 'small',
+//   height: '',
+//   width: '',
+//   disabled: false,
+//   textColor: '',
+//   backgroundColor: '',
+//   borderColor: '',
+//   hoverTextColor: '',
+//   hoverBackgroundColor: '',
+//   hoverBorderColor: '',
+//   disabledTextColor: '',
+//   disabledBackgroundColor: '',
+//   disabledBorderColor: '',
+//   onClick: () => { },
+//   leftIcon: 'none',
+//   rightIcon: 'none',
+//   isSubmitButton: false,
+// };

package/dist/stories/components/EventDetailsCard.js

@@ -13,6 +13,7 @@ var _StopAndShopNewIcon = require("./icons/StopAndShopNewIcon");
 var _GiantFoodIcon_new = require("./icons/GiantFoodIcon_new");
 var _HannafordIcon_new = require("./icons/HannafordIcon_new");
 var _BannersDropdown = require("./BannersDropdown");
+var _LinkButton = require("./LinkButton");
 const EventDetailsCard = props => {
   const {
     title,
@@ -101,7 +102,7 @@ const EventDetailsCard = props => {
     }
   })), /*#__PURE__*/_react.default.createElement(_EventDetailsCard.MainCard, null, /*#__PURE__*/_react.default.createElement(_EventDetailsCard.List, null, count > 0 && /*#__PURE__*/_react.default.createElement("li", null, count, ' ', "products in variety"), data.map((item, index) => /*#__PURE__*/_react.default.createElement("li", {
     key: index
-  }, /*#__PURE__*/_react.default.createElement("span", null, item.label, ":"), ' ', item.value))), /*#__PURE__*/_react.default.createElement(_EventDetailsCard.LinkButtonContainer, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, item.label, ":"), ' ', item.value))), /*#__PURE__*/_react.default.createElement(_EventDetailsCard.LinkButtonContainer, null, /*#__PURE__*/_react.default.createElement(_LinkButton.LinkButton, {
     text: buttonText,
     rightIcon: "select",
     size: "small",
@@ -111,7 +112,7 @@ const EventDetailsCard = props => {
     onClick: e => {
       viewButtonClick(e);
     }
-  })));
+  }))));
 };
 exports.EventDetailsCard = EventDetailsCard;
 var _default = exports.default = EventDetailsCard;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TitleWrapper = exports.MainContainer = exports.MainCard = exports.List = exports.LinkButtonContainer = exports.CardTitle = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _LinkButton = _interopRequireDefault(require("./LinkButton"));
 const MainContainer = exports.MainContainer = _styledComponents.default.div`
   position: relative;
   font-family: "Poppins", sans-serif;
@@ -58,6 +57,6 @@ const List = exports.List = _styledComponents.default.ul`
     font-weight: 500;
   }
 `;
-const LinkButtonContainer = exports.LinkButtonContainer = (0, _styledComponents.default)(_LinkButton.default)`
+const LinkButtonContainer = exports.LinkButtonContainer = _styledComponents.default.div`
   margin-left: auto;
 `;

package/dist/stories/components/Heatmap.js

@@ -33,7 +33,6 @@ const Heatmap = props => {
   const totalValue = filteredData.reduce((sum, item) => sum + item.value, 0);
   (0, _react.useEffect)(() => {
     setRefreshRequired(!refreshRequired);
-    console.log("data", data, !refreshRequired);
   }, [data]);
 
   // Reset tooltip when height changes
@@ -91,7 +90,7 @@ const Heatmap = props => {
         opacity: 1
       },
       transition: {
-        duration: 0.8
+        duration: 0.4
       },
       onMouseEnter: e => {
         var _barRefs$current$inde;

package/dist/stories/components/LinkButton.js

@@ -21,20 +21,33 @@ var _MenuItemOpenIcon = require("./icons/MenuItemOpenIcon");
 var _MenuItemRightIcon = require("./icons/MenuItemRightIcon");
 var _ArrowSelectIcon = _interopRequireDefault(require("./icons/ArrowSelectIcon"));
 var _InfoIcon = require("./icons/InfoIcon");
-const LinkButton = props => {
-  const {
-    text,
-    type,
-    size,
-    height,
-    width,
-    disabled,
-    textColor,
-    leftIcon,
-    rightIcon,
+const LinkButton = _ref => {
+  let {
+    text = '',
+    type = 'primary',
+    size = 'small',
+    height = '',
+    width = '',
+    disabled = false,
+    textColor = '',
     onClick,
-    className
-  } = props;
+    leftIcon = 'none',
+    rightIcon = 'none'
+  } = _ref;
+  // const {
+  //   text,
+  //   type,
+  //   size,
+  //   height,
+  //   width,
+  //   disabled,
+  //   textColor,
+  //   leftIcon,
+  //   rightIcon,
+  //   onClick,
+  //   className,
+  // } = props;
+
   const [clicked, setClicked] = (0, _react.useState)(false);
   const handleLinkButtonClick = () => {
     setClicked(true);
@@ -166,7 +179,7 @@ const LinkButton = props => {
     return getIcon(rightIcon);
   };
   return /*#__PURE__*/_react.default.createElement(_LinkButton.LinkButtonContainer, {
-    className: className,
+    className: "LinkButtonContainer",
     width: width || null,
     height: height || '20px'
   }, /*#__PURE__*/_react.default.createElement(_LinkButton.LinkButtonItem, {
@@ -184,17 +197,29 @@ const LinkButton = props => {
   }, text), getRightIcon()));
 };
 exports.LinkButton = LinkButton;
-var _default = exports.default = LinkButton;
-LinkButton.defaultProps = {
-  text: '',
-  type: 'primary',
-  size: 'small',
-  height: '',
-  width: '',
-  disabled: false,
-  textColor: '',
-  onClick: () => {},
-  leftIcon: 'none',
-  rightIcon: 'none',
-  className: ''
-};
+var _default = exports.default = LinkButton; // LinkButton.propTypes = {
+//   text: PropTypes.string,
+//   type: PropTypes.string,
+//   size: PropTypes.string,
+//   height: PropTypes.string,
+//   width: PropTypes.string,
+//   disabled: PropTypes.bool,
+//   textColor: PropTypes.string,
+//   onClick: PropTypes.func,
+//   leftIcon: PropTypes.string,
+//   rightIcon: PropTypes.string,
+//   className: PropTypes.string,
+// };
+// LinkButton.defaultProps = {
+//   text: '',
+//   type: 'primary',
+//   size: 'small',
+//   height: '',
+//   width: '',
+//   disabled: false,
+//   textColor: '',
+//   onClick: () => {},
+//   leftIcon: 'none',
+//   rightIcon: 'none',
+//   className: '',
+// };

package/package.json

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