sag_components 1.0.892 → 1.0.894

package/dist/stories/components/KpiFilter/KpiFilter.stories.js

@@ -1,380 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SelectAllIgnoreList = exports.SagTheme = exports.AdusaTheme = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KpiFilter = require("./KpiFilter");
-const kpiDataColumn1 = [{
-  label: 'Event Name',
-  checked: true,
-  disabled: true
-}, {
-  label: 'Event Description',
-  checked: false,
-  disabled: false,
-  secondButtonLabel: '%',
-  secondButtonChecked: false,
-  secondButtonDisabled: false
-}, {
-  label: 'Event Start Date',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Event End Date',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Event ID',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Event Type',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn2 = [{
-  label: 'Retailer',
-  checked: true,
-  disabled: false
-}, {
-  label: 'Category',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Supplier',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Brand',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Item',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn3 = [{
-  label: 'Total Cost',
-  checked: true,
-  disabled: false
-}, {
-  label: 'Package Cost',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Redemption Cost',
-  checked: false,
-  disabled: false,
-  marginBottom: '20px'
-}, {
-  label: 'Actual Sales ROI',
-  checked: false,
-  disabled: false
-}, {
-  label: 'INC Baseline ROI',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Inc. STLY ROI',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn4 = [{
-  label: 'Actual Sales',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Baseline Sales',
-  checked: false,
-  disabled: false
-}, {
-  label: 'STLY Sales',
-  checked: false,
-  disabled: false,
-  marginBottom: '20px'
-}, {
-  label: 'Actual Units',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Baseline Units',
-  checked: false,
-  disabled: false
-}, {
-  label: 'STLY Units',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Participating Units',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn5 = [{
-  label: 'INC Sales Baseline',
-  checked: true,
-  disabled: false
-}, {
-  label: 'INC Sales STLY',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Basket Lift',
-  checked: false,
-  disabled: false,
-  marginBottom: '20px'
-}, {
-  label: 'INC Baseline Units',
-  checked: false,
-  disabled: false
-}, {
-  label: 'INC STLY Units',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn6 = [{
-  label: 'Total Shoppers',
-  checked: true,
-  disabled: false
-}, {
-  label: 'New Shoppers',
-  checked: true,
-  disabled: false,
-  secondButtonLabel: '%',
-  secondButtonChecked: false,
-  secondButtonDisabled: false
-}, {
-  label: 'Existing Shoppers',
-  checked: true,
-  disabled: false,
-  secondButtonLabel: '%',
-  secondButtonChecked: false,
-  secondButtonDisabled: false,
-  marginBottom: '20px'
-}, {
-  label: 'Redeemers',
-  checked: false,
-  disabled: false
-}, {
-  label: 'New Redeemers',
-  checked: false,
-  disabled: false,
-  secondButtonLabel: '%',
-  secondButtonChecked: false,
-  secondButtonDisabled: false
-}, {
-  label: 'Existing Redeemers',
-  checked: false,
-  disabled: false,
-  secondButtonLabel: '%',
-  secondButtonChecked: false,
-  secondButtonDisabled: false
-}, {
-  label: 'Redemptions',
-  checked: false,
-  disabled: false
-}];
-const kpiDataColumn7 = [{
-  label: 'New Repeaters',
-  checked: true,
-  disabled: false
-}, {
-  label: 'Existing Repeaters',
-  checked: true,
-  disabled: false
-}, {
-  label: 'Basket $ Chg - Existing Repeaters',
-  checked: true,
-  disabled: false
-}, {
-  label: 'Basket Units Chg - Existing Repeaters',
-  checked: false,
-  disabled: false
-}, {
-  label: 'Visits Chg - Existing Repeaters',
-  checked: false,
-  disabled: false
-}];
-const kpiData1 = [{
-  columnTitle: 'Event Attributes',
-  buttonsArray: kpiDataColumn1
-}, {
-  columnTitle: 'Data Resolution',
-  buttonsArray: kpiDataColumn2,
-  rightBorder: true
-}, {
-  columnTitle: 'Cost and ROI',
-  buttonsArray: kpiDataColumn3
-}, {
-  columnTitle: 'Sales and Units',
-  buttonsArray: kpiDataColumn4
-}, {
-  columnTitle: 'Incrementality',
-  buttonsArray: kpiDataColumn5,
-  rightBorder: true
-}, {
-  columnTitle: 'Shoppers and Redeemers',
-  buttonsArray: kpiDataColumn6
-}, {
-  columnTitle: 'Post Event',
-  buttonsArray: kpiDataColumn7
-}];
-var _default = exports.default = {
-  title: 'SAG BI/KpiFilter',
-  component: _KpiFilter.KpiFilter,
-  tags: ['autodocs'],
-  argTypes: {
-    mainTitle: {
-      name: 'mainTitle',
-      control: {
-        type: 'text'
-      },
-      description: 'main title'
-    },
-    periodTitle: {
-      name: 'periodTitle',
-      control: {
-        type: 'text'
-      },
-      description: 'period Title '
-    },
-    kpiData: {
-      name: 'kpiData',
-      control: {
-        type: 'object'
-      },
-      description: ' object: to fill kpi columns and buttons '
-    },
-    width: {
-      name: 'width',
-      control: {
-        type: 'text'
-      },
-      description: 'width of the control (in px / %)'
-    },
-    height: {
-      name: 'height',
-      control: {
-        type: 'text'
-      },
-      description: 'height of the control (in px / % )'
-    },
-    onClick: {
-      action: 'onClick',
-      description: 'onClick event - returns an object of check box {true/false} '
-    },
-    // onClickIncludeBenchmark: {
-    //   action: "onClickIncludeBenchmark",
-    //   description:
-    //     "onClick Include Benchmark event - returns an object of check box {true/false} ",
-    // },
-
-    onClickPeriod: {
-      action: 'onClickPeriod',
-      description: ' onClickPeriod event  '
-    },
-    buttonsIconColor: {
-      name: 'buttonsIconColor',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets icons Color '
-      }
-    },
-    buttonsBorderColor: {
-      name: 'buttonsBorderColor',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets buttons border Color '
-      }
-    },
-    buttonsTextColorChecked: {
-      name: 'buttonsTextColorChecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text Checked Color '
-      }
-    },
-    buttonsTextColorUnchecked: {
-      name: 'buttonsTextColorUnchecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text Unchecked Color '
-      }
-    },
-    buttonsBackgroundColorChecked: {
-      name: 'buttonsBackgroundColorChecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text background Checked Color '
-      }
-    },
-    buttonsBackgroundColorUnchecked: {
-      name: 'buttonsBackgroundColorUnchecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text background Unchecked Color '
-      }
-    },
-    selectAllIgnoreList: {
-      name: 'selectAllIgnoreList',
-      control: {
-        type: 'object'
-      },
-      description: ' array of strings: selectAll Ignore List '
-    }
-  }
-};
-const SagTheme = exports.SagTheme = {
-  args: {
-    mainTitle: 'Select Table Columns',
-    periodTitle: 'Pre and Post Event Period',
-    kpiData: kpiData1,
-    width: '100%',
-    height: '100%',
-    buttonsIconColor: '#1B30AA',
-    buttonsBorderColor: '#1B30AA',
-    buttonsTextColorChecked: '#212121',
-    buttonsTextColorUnchecked: '#212121',
-    buttonsBackgroundColorChecked: '#E9F1FF',
-    buttonsBackgroundColorUnchecked: '#F2F2F2'
-  }
-};
-const AdusaTheme = exports.AdusaTheme = {
-  args: {
-    mainTitle: 'Select Table Columns',
-    periodTitle: 'Pre and Post Event Period',
-    kpiData: kpiData1,
-    width: '100%',
-    height: '100%',
-    buttonsIconColor: '#90CE9C',
-    buttonsBorderColor: '#90CE9C',
-    buttonsTextColorChecked: '#212121',
-    buttonsTextColorUnchecked: '#212121',
-    buttonsBackgroundColorChecked: '#E9F5EB',
-    buttonsBackgroundColorUnchecked: '#F2F2F2'
-  }
-};
-const SelectAllIgnoreList = exports.SelectAllIgnoreList = {
-  args: {
-    mainTitle: 'Select Table Columns',
-    periodTitle: 'Pre and Post Event Period',
-    kpiData: kpiData1,
-    width: '100%',
-    height: '100%',
-    buttonsIconColor: '#90CE9C',
-    buttonsBorderColor: '#90CE9C',
-    buttonsTextColorChecked: '#212121',
-    buttonsTextColorUnchecked: '#212121',
-    buttonsBackgroundColorChecked: '#E9F5EB',
-    buttonsBackgroundColorUnchecked: '#F2F2F2',
-    selectAllIgnoreList: ['Event Name', 'Event Description', 'Event Start Date']
-  }
-};

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

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PeriodColumnTitle = exports.PanelContainer = exports.MainTitleContainer = exports.MainTitle = exports.MainContainer = exports.ColumnTitleContainer = exports.ColumnTitleAndButtonsContainer = exports.ColumnTitle = exports.ColumnLineSeporatorContainer = exports.ColumnLineSeporator = exports.ColumnContainer = exports.CheckBoxPeriodContainer = exports.CheckBoxContainer = exports.ButtonsContainer = exports.ButtonContainer = exports.AllColumnsContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-size: 1rem;\n  border-radius: 12px;\n  width: ", ";\n  height: ", ";\n"])), props => props.width, props => props.height);
-const PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  border-radius: 12px;\n  background: #ffffff;\n  padding: 1rem 1rem 0.3rem 1rem;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 19px;\n  white-space: pre-wrap;\n  overflow: hidden;\n  width: 100%;\n"])));
-const MainTitleContainer = exports.MainTitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n"])));
-const MainTitle = exports.MainTitle = _styledComponents.default.h4(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 500;\n  font-size: 18px;\n  margin: 5px;\n  @media (max-width: 1536px) {\n    font-size: 14px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 12px;\n  }\n"])));
-const ColumnTitle = exports.ColumnTitle = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  font-size: 14px;\n  margin: 5px;\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])));
-const PeriodColumnTitle = exports.PeriodColumnTitle = _styledComponents.default.h4(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  font-size: 14px;\n  margin: 50px 5px 5px 5px;\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])));
-const CheckBoxContainer = exports.CheckBoxContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 20px;\n"])));
-const AllColumnsContainer = exports.AllColumnsContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"])));
-const ColumnTitleAndButtonsContainer = exports.ColumnTitleAndButtonsContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  padding: 10px 0 0 0;\n  height: 100%;\n"])));
-const ColumnContainer = exports.ColumnContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
-const ColumnLineSeporatorContainer = exports.ColumnLineSeporatorContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background-color: #b1b1b1;\n  align-items: center;\n  height: 90%;\n  margin: 15px 0;\n"])));
-const ColumnLineSeporator = exports.ColumnLineSeporator = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  width: 0.5px;\n"])));
-const ColumnTitleContainer = exports.ColumnTitleContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n"])));
-const ButtonsContainer = exports.ButtonsContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  white-space: nowrap;\n  padding-bottom: ", ";\n"])), props => props.paddingBottom);
-const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 4px;\n  gap: 10px;\n  &.marginBottom {\n    margin-bottom: ", ";\n  }\n"])), props => props.marginBottom);
-const CheckBoxPeriodContainer = exports.CheckBoxPeriodContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  //gap: 20px;\n  margin: 5px;\n"])));

package/dist/stories/components/LinkButton/LinkButton.js

@@ -1,207 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LinkButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _LinkButton = require("./LinkButton.style");
-var _FilterIcon = require("../../icons/FilterIcon");
-var _OptionsIcon = require("../../icons/OptionsIcon");
-var _DownloadIcon = require("../../icons/DownloadIcon");
-var _DocumentIcon = require("../../icons/DocumentIcon");
-var _FlyIcon = require("../../icons/FlyIcon");
-var _BellIcon = require("../../icons/BellIcon");
-var _MaintenanceIcon = require("../../icons/MaintenanceIcon");
-var _ExitIcon = require("../../icons/ExitIcon");
-var _EyeIcon = require("../../icons/EyeIcon");
-var _MenuItemOpenIcon = require("../../icons/MenuItemOpenIcon");
-var _MenuItemRightIcon = require("../../icons/MenuItemRightIcon");
-var _ArrowSelectIcon = _interopRequireDefault(require("../../icons/ArrowSelectIcon"));
-var _InfoIcon = require("../../icons/InfoIcon");
-var _AttachedIcon = require("../../icons/AttachedIcon");
-const LinkButton = props => {
-  const {
-    text,
-    type,
-    size,
-    height,
-    width,
-    disabled,
-    textColor,
-    leftIcon,
-    rightIcon,
-    onClick
-  } = props;
-  const [clicked, setClicked] = (0, _react.useState)(false);
-  const handleLinkButtonClick = () => {
-    setClicked(true);
-    onClick(text);
-    setTimeout(() => {
-      setClicked(false);
-    }, 300);
-  };
-  const getIcon = icon => {
-    const iconHeight = size === 'small' ? '12px' : '13px';
-    const iconWidth = size === 'small' ? '12px' : '13px';
-    const newTextColor = textColor || (type === 'secondary' ? '#212121' : '#229E38');
-    const color = disabled ? '#B1B1B1' : newTextColor;
-    switch (icon.toLowerCase()) {
-      case 'filter':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "FilterIcon"
-        }, /*#__PURE__*/_react.default.createElement(_FilterIcon.FilterIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'options':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "OptionsIcon"
-        }, /*#__PURE__*/_react.default.createElement(_OptionsIcon.OptionsIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'download':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "DownloadIcon"
-        }, /*#__PURE__*/_react.default.createElement(_DownloadIcon.DownloadIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'document':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "DocumentIcon"
-        }, /*#__PURE__*/_react.default.createElement(_DocumentIcon.DocumentIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'fly':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "FlyIcon"
-        }, /*#__PURE__*/_react.default.createElement(_FlyIcon.FlyIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'bell':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "BellIcon"
-        }, /*#__PURE__*/_react.default.createElement(_BellIcon.BellIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'maintenance':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "MaintenanceIcon"
-        }, /*#__PURE__*/_react.default.createElement(_MaintenanceIcon.MaintenanceIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'exit':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "ExitIcon"
-        }, /*#__PURE__*/_react.default.createElement(_ExitIcon.ExitIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'eye':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "EyeIcon"
-        }, /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'arrowdown':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "ArrowDownIcon"
-        }, /*#__PURE__*/_react.default.createElement(_MenuItemOpenIcon.MenuItemOpenIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'arrowright':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "ArrowRightIcon"
-        }, /*#__PURE__*/_react.default.createElement(_MenuItemRightIcon.MenuItemRightIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'select':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "SelectRightIcon"
-        }, /*#__PURE__*/_react.default.createElement(_ArrowSelectIcon.default, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'info':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "InfoIcon"
-        }, /*#__PURE__*/_react.default.createElement(_InfoIcon.InfoIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      case 'attached':
-        return /*#__PURE__*/_react.default.createElement(_LinkButton.IconWrapper, {
-          className: "AttachedIcon"
-        }, /*#__PURE__*/_react.default.createElement(_AttachedIcon.AttachedIcon, {
-          height: iconHeight,
-          width: iconWidth,
-          color: color
-        }));
-      default:
-        return '';
-    }
-  };
-  const getLeftIcon = () => {
-    if (!leftIcon || leftIcon === 'none') return '';
-    return getIcon(leftIcon);
-  };
-  const getRightIcon = () => {
-    if (!rightIcon || rightIcon === 'none') return '';
-    return getIcon(rightIcon);
-  };
-  return /*#__PURE__*/_react.default.createElement(_LinkButton.LinkButtonContainer, {
-    className: "LinkButtonContainer",
-    width: width || null,
-    height: height || '20px'
-  }, /*#__PURE__*/_react.default.createElement(_LinkButton.LinkButtonItem, {
-    className: clicked ? 'LinkButtonItem-clicked' : 'LinkButtonItem',
-    onClick: !disabled ? handleLinkButtonClick : null,
-    width: width || null,
-    height: height || '20px',
-    disabled: disabled,
-    text_color: textColor || (type === 'secondary' ? '#212121' : '#229E38'),
-    font_size: size === 'small' ? '14px' : '16px'
-  }, getLeftIcon(), /*#__PURE__*/_react.default.createElement(_LinkButton.Label, {
-    className: "Label",
-    disabled: disabled,
-    font_size: size === 'small' ? '14px' : '16px'
-  }, 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'
-};