sag_components 2.0.0-beta → 2.0.0-beta2

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

@@ -1,132 +0,0 @@
-"use strict";
-
-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 _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MainContainer = exports.MainContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  font-family: "Poppins", sans-serif;
-  font-style: normal;
-  font-size: 1rem;
-  border-radius: 12px;
-  width: ${props => props.width};
-  height: ${props => props.height};
-`;
-const PanelContainer = exports.PanelContainer = _styledComponents.default.div`
-  display: flex;
-  align-content: center;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-around;
-  border-radius: 12px;
-  background: #ffffff;
-  padding: 1rem 1rem 0.3rem 1rem;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 19px;
-  white-space: pre-wrap;
-  overflow: hidden;
-  width: 100%;
-`;
-const MainTitleContainer = exports.MainTitleContainer = _styledComponents.default.div`
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-`;
-const MainTitle = exports.MainTitle = _styledComponents.default.h4`
-  font-weight: 500;
-  font-size: 18px;
-  margin: 5px;
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 12px;
-  }
-`;
-const ColumnTitle = exports.ColumnTitle = _styledComponents.default.h4`
-  font-weight: 600;
-  font-size: 14px;
-  margin: 5px;
-  @media (max-width: 1536px) {
-    font-size: 11px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 10px;
-  }
-`;
-const PeriodColumnTitle = exports.PeriodColumnTitle = _styledComponents.default.h4`
-  font-weight: 600;
-  font-size: 14px;
-  margin: 50px 5px 5px 5px;
-  @media (max-width: 1536px) {
-    font-size: 11px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 10px;
-  }
-`;
-const CheckBoxContainer = exports.CheckBoxContainer = _styledComponents.default.div`
-  display: flex;
-  gap: 20px;
-`;
-const AllColumnsContainer = exports.AllColumnsContainer = _styledComponents.default.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  width: 100%;
-`;
-const ColumnTitleAndButtonsContainer = exports.ColumnTitleAndButtonsContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  padding: 10px 0 0 0;
-  height: 100%;
-`;
-const ColumnContainer = exports.ColumnContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-`;
-const ColumnLineSeporatorContainer = exports.ColumnLineSeporatorContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  background-color: #b1b1b1;
-  align-items: center;
-  height: 90%;
-  margin: 15px 0;
-`;
-const ColumnLineSeporator = exports.ColumnLineSeporator = _styledComponents.default.div`
-  width: 0.5px;
-`;
-const ColumnTitleContainer = exports.ColumnTitleContainer = _styledComponents.default.div`
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: space-between;
-`;
-const ButtonsContainer = exports.ButtonsContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  white-space: nowrap;
-  padding-bottom: ${props => props.paddingBottom};
-`;
-const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div`
-  display: flex;
-  padding: 4px;
-  gap: 10px;
-  &.marginBottom {
-    margin-bottom: ${props => props.marginBottom};
-  }
-`;
-const CheckBoxPeriodContainer = exports.CheckBoxPeriodContainer = _styledComponents.default.div`
-  display: flex;
-  //gap: 20px;
-  margin: 5px;
-`;

package/dist/components/LinkButton/LinkButton.js

@@ -1,166 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LinkButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-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");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const LinkButton = ({
-  text = '',
-  type = 'primary',
-  size = 'small',
-  height = '',
-  width = '',
-  disabled = false,
-  textColor = '',
-  onClick,
-  leftIcon = 'none',
-  rightIcon = 'none'
-}) => {
-  // const {
-  //   text,
-  //   type,
-  //   size,
-  //   height,
-  //   width,
-  //   disabled,
-  //   textColor,
-  //   leftIcon,
-  //   rightIcon,
-  //   onClick,
-  //   className,
-  // } = 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 <_LinkButton.IconWrapper className="FilterIcon">
-            <_FilterIcon.FilterIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'options':
-        return <_LinkButton.IconWrapper className="OptionsIcon">
-            <_OptionsIcon.OptionsIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'download':
-        return <_LinkButton.IconWrapper className="DownloadIcon">
-            <_DownloadIcon.DownloadIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'document':
-        return <_LinkButton.IconWrapper className="DocumentIcon">
-            <_DocumentIcon.DocumentIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'fly':
-        return <_LinkButton.IconWrapper className="FlyIcon">
-            <_FlyIcon.FlyIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'bell':
-        return <_LinkButton.IconWrapper className="BellIcon">
-            <_BellIcon.BellIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'maintenance':
-        return <_LinkButton.IconWrapper className="MaintenanceIcon">
-            <_MaintenanceIcon.MaintenanceIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'exit':
-        return <_LinkButton.IconWrapper className="ExitIcon">
-            <_ExitIcon.ExitIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'eye':
-        return <_LinkButton.IconWrapper className="EyeIcon">
-            <_EyeIcon.EyeIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'arrowdown':
-        return <_LinkButton.IconWrapper className="ArrowDownIcon">
-            <_MenuItemOpenIcon.MenuItemOpenIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'arrowright':
-        return <_LinkButton.IconWrapper className="ArrowRightIcon">
-            <_MenuItemRightIcon.MenuItemRightIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'select':
-        return <_LinkButton.IconWrapper className="SelectRightIcon">
-            <_ArrowSelectIcon.default height="16px" width="16px" color={color} />
-          </_LinkButton.IconWrapper>;
-      case 'info':
-        return <_LinkButton.IconWrapper className="InfoIcon">
-            <_InfoIcon.InfoIcon height={iconHeight} width={iconWidth} color={color} />
-          </_LinkButton.IconWrapper>;
-      default:
-        return '';
-    }
-  };
-  const getLeftIcon = () => {
-    if (!leftIcon || leftIcon === 'none') return '';
-    return getIcon(leftIcon);
-  };
-  const getRightIcon = () => {
-    if (!rightIcon || rightIcon === 'none') return '';
-    return getIcon(rightIcon);
-  };
-  return <_LinkButton.LinkButtonContainer className="LinkButtonContainer" width={width || null} height={height || '20px'}>
-      <_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()}
-        <_LinkButton.Label className="Label" disabled={disabled} font_size={size === 'small' ? '14px' : '16px'}>
-          {text}
-        </_LinkButton.Label>
-        {getRightIcon()}
-      </_LinkButton.LinkButtonItem>
-    </_LinkButton.LinkButtonContainer>;
-};
-exports.LinkButton = LinkButton;
-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/dist/components/LinkButton/LinkButton.stories.js

@@ -1,171 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SmallButtonTwoIcons = exports.SmallButtonRightIcon = exports.SmallButtonLeftIcon = exports.SecondaryDisabled = exports.SecondaryDefault = exports.PrimaryDisabled = exports.PrimaryDefault = exports.MediumButtonTwoIcons = exports.MediumButtonRightIcon = exports.MediumButtonLeftIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _LinkButton = require("./LinkButton");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-var _default = exports.default = {
-  title: 'SAG/LinkButton',
-  component: _LinkButton.LinkButton,
-  tags: ['autodocs'],
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/design/hhRW9o3Wqj3wF89qGJ2raZ/Sagarmatha--Design-System?m=dev&node-id=299-4075'
-    }
-  },
-  argTypes: {
-    text: {
-      name: 'text',
-      control: {
-        type: 'text'
-      },
-      description: 'text inside of the button'
-    },
-    type: {
-      control: {
-        type: 'radio'
-      },
-      options: ['primary', 'secondary'],
-      description: 'type of the button'
-    },
-    size: {
-      control: {
-        type: 'radio'
-      },
-      options: ['small', 'medium'],
-      description: 'size of the button'
-    },
-    disabled: {
-      name: 'disabled',
-      control: {
-        type: 'boolean'
-      },
-      description: 'changes the button to be enabled/disabled',
-      defaultValue: ''
-    },
-    textColor: {
-      name: 'textColor',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text Color'
-      }
-    },
-    onClick: {
-      action: 'onClick',
-      description: 'returns an event click object when user clicks on a button'
-    },
-    leftIcon: {
-      name: 'leftIcon',
-      options: ['none', 'ArrowDown', 'ArrowRight', 'Select', 'Bell', 'Document', 'Download', 'Exit', 'Eye', 'Filter', 'Fly', 'Info', 'Maintenance', 'Options'],
-      control: {
-        type: 'select'
-      },
-      description: 'Choose an icon to apear on the button left side'
-    },
-    rightIcon: {
-      name: 'rightIcon',
-      options: ['none', 'ArrowDown', 'ArrowRight', 'Select', 'Bell', 'Document', 'Download', 'Exit', 'Eye', 'Filter', 'Fly', 'Info', 'Maintenance', 'Options'],
-      control: {
-        type: 'select'
-      },
-      description: 'Choose an icon to apear on the button right side'
-    }
-  }
-};
-const Template = args => <_LinkButton.LinkButton {...args} />;
-const PrimaryDefault = exports.PrimaryDefault = Template.bind({});
-PrimaryDefault.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'small',
-  disabled: false,
-  leftIcon: 'none',
-  rightIcon: 'none'
-};
-const PrimaryDisabled = exports.PrimaryDisabled = Template.bind({});
-PrimaryDisabled.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'small',
-  disabled: true,
-  leftIcon: 'none',
-  rightIcon: 'none'
-};
-const SecondaryDefault = exports.SecondaryDefault = Template.bind({});
-SecondaryDefault.args = {
-  text: 'LinkButton',
-  type: 'secondary',
-  size: 'small',
-  disabled: false,
-  leftIcon: 'none',
-  rightIcon: 'none'
-};
-const SecondaryDisabled = exports.SecondaryDisabled = Template.bind({});
-SecondaryDisabled.args = {
-  text: 'LinkButton',
-  type: 'secondary',
-  size: 'small',
-  disabled: true,
-  leftIcon: 'none',
-  rightIcon: 'none'
-};
-const SmallButtonTwoIcons = exports.SmallButtonTwoIcons = Template.bind({});
-SmallButtonTwoIcons.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'small',
-  disabled: false,
-  leftIcon: 'Filter',
-  rightIcon: 'Exit'
-};
-const SmallButtonLeftIcon = exports.SmallButtonLeftIcon = Template.bind({});
-SmallButtonLeftIcon.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'small',
-  disabled: false,
-  leftIcon: 'Download',
-  rightIcon: 'none'
-};
-const SmallButtonRightIcon = exports.SmallButtonRightIcon = Template.bind({});
-SmallButtonRightIcon.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'small',
-  disabled: false,
-  leftIcon: 'none',
-  rightIcon: 'Exit'
-};
-const MediumButtonTwoIcons = exports.MediumButtonTwoIcons = Template.bind({});
-MediumButtonTwoIcons.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'medium',
-  disabled: false,
-  leftIcon: 'Filter',
-  rightIcon: 'Exit'
-};
-const MediumButtonLeftIcon = exports.MediumButtonLeftIcon = Template.bind({});
-MediumButtonLeftIcon.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'medium',
-  disabled: false,
-  leftIcon: 'Download',
-  rightIcon: 'none'
-};
-const MediumButtonRightIcon = exports.MediumButtonRightIcon = Template.bind({});
-MediumButtonRightIcon.args = {
-  text: 'LinkButton',
-  type: 'primary',
-  size: 'medium',
-  disabled: false,
-  leftIcon: 'none',
-  rightIcon: 'Exit'
-};

package/dist/components/LinkButton/LinkButton.style.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkButtonItem = exports.LinkButtonContainer = exports.Label = exports.IconWrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LinkButtonContainer = exports.LinkButtonContainer = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-content: center;  
-  width: ${props => props.width};
-  height: ${props => props.height};
-`;
-const LinkButtonItem = exports.LinkButtonItem = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-content: center;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  width: ${props => props.width};
-  height: ${props => props.height};  
-  color: ${props => props.disabled ? '#B1B1B1' : props.text_color};    
-  box-sizing: border-box;
-  gap: 8px;  
-  padding: 0 4px; 
-  font-size: ${props => props.font_size};
-  font-family: 'Poppins';
-  font-style: normal;
-  font-weight: 400;      
-  &:hover {   
-    color: ${props => props.disabled ? '#B1B1B1' : props.text_color};       
-    text-decoration: ${props => props.disabled ? '' : 'underline'}; 
-    cursor: ${props => !props.disabled ? 'pointer' : 'default'};
-  }
-  &.LinkButtonItem-clicked {   
-    cursor: pointer;  
-    transition: background-color 0.3s, color 0.3s;
-  }
-`;
-const Label = exports.Label = _styledComponents.default.label` 
-  user-select: none;   
-  pointer-events: none;
-`;
-const IconWrapper = exports.IconWrapper = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-content: center;  
-`;

package/dist/components/LinkButton/LinkButton.test.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _LinkButton = _interopRequireDefault(require("./stories/components/LinkButton"));
-require("@testing-library/jest-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable import/no-unresolved */
-/* eslint-disable no-undef */
-
-test('LinkButton Check text', () => {
-  (0, _react2.render)(<_LinkButton.default text="test" type="secondary" size="small" disabled={false} />);
-  const buttonElement = _react2.screen.getByText(/test/i);
-  expect(buttonElement).toBeInTheDocument();
-});
-test('LinkButton Check type functionality: when "primary" type selected then text color must be specified as "rgb(146, 207, 23)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} />);
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(34, 158, 56)');
-});
-test('LinkButton Check type functionality: when "secondary" type selected then background color must be specified as  "rgb(232, 245, 235)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="secondary" size="small" disabled={false} />);
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(33, 33, 33)');
-});
-test('LinkButton Check disabled functionality: when disabled prop is true, button textColor should be "rgb(177, 177, 177)" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled />);
-  const buttonElement = container.querySelector('.LinkButtonItem');
-  expect(buttonElement).toBeInTheDocument();
-  const computedStyles = getComputedStyle(buttonElement);
-  expect(computedStyles.color).toBe('rgb(177, 177, 177)');
-});
-test('LinkButton Check leftIcon and rightIcon functionality: when "Filter" and "Exit" icons is specified as the leftIcon and rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} leftIcon="Filter" rightIcon="Exit" />);
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('LinkButton Check rightIcon functionality: when "Exit" icons is specified as the rightIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} rightIcon="Exit" />);
-  const elementExit = container.querySelector('.ExitIcon');
-  expect(elementExit).toBeInTheDocument();
-});
-test('LinkButton Check leftIcon  functionality: when "Filter" icons is specified as the leftIcon props, it should be rendered on the screen', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} leftIcon="Filter" />);
-  const elementFilter = container.querySelector('.FilterIcon');
-  expect(elementFilter).toBeInTheDocument();
-});
-test('LinkButton Check small/medium functionality: when "small" the font-size must be "14px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} />);
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('14px');
-});
-test('LinkButton Check small/medium functionality: when "medium" the font-size must be "16px" ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="medium" disabled={false} />);
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonItem');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.fontSize).toBe('16px');
-});
-test('LinkButton Check specific height and width functionality: when height = 100px and width = 200px it should override  small/medium functionality ', () => {
-  const {
-    container
-  } = (0, _react2.render)(<_LinkButton.default text="LinkButton" type="primary" size="small" disabled={false} height="100px" width="200px" />);
-  const elementLinkButtonContainer = container.querySelector('.LinkButtonContainer');
-  expect(elementLinkButtonContainer).toBeInTheDocument();
-  const computedStyle = getComputedStyle(elementLinkButtonContainer);
-  expect(computedStyle.height).toBe('100px');
-  expect(computedStyle.width).toBe('200px');
-});