react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

package/src/components/accordion/panel.js

@@ -1,41 +0,0 @@
-import React, { useRef } from 'react';
-import { isMobile } from '../utils/detectMobile';
-import { Panel as StyledPanel } from './index.styles';
-import Icon from '../icon';
-
-const Panel = ({ item }) => {
-  const panelRef = useRef();
-
-  const handleClick = () => {
-    const icon = document.getElementById(`icon-${item.key}`);
-
-    if (panelRef.current.classList.contains('collapse')) {
-      panelRef.current.classList.remove('collapse');
-      icon.classList.remove('new-icon-arrow-drop-down');
-      icon.classList.add('new-icon-arrow-drop-up');
-    } else {
-      panelRef.current.classList.add('collapse');
-      icon.classList.remove('new-icon-arrow-drop-up');
-      icon.classList.add('new-icon-arrow-drop-down');
-    }
-  };
-
-  return (
-    <StyledPanel className={item.mode} status={item.status} bold={item.bold}>
-      <a className="panel-heading" onClick={() => handleClick(item.key)}>
-        <h4 className="panel-title">
-          <Icon name={item.status ? 'check-circle' : 'error'} size="sm" color={item.status ? 'green' : 'gray'} />
-          <span>{item.title}</span>
-        </h4>
-        <div>
-          {!isMobile && item.meta}
-          <Icon id={`icon-${item.key}`} name="arrow-drop-down" size="sm" color={item.status ? 'white' : 'darkBlue'} />
-        </div>
-      </a>
-      <div id={item.key} ref={panelRef} className={`panel-collapse ${item.collapse && 'collapse'}`}>
-        <div className="panel-body">{item.body}</div>
-      </div>
-    </StyledPanel>
-  );
-};
-export default Panel;

package/src/components/avatar/index.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ThemeProvider } from 'styled-components';
-import GlobalStyle from '../globalStyle';
-import Image from './index.styles';
-import avatarTheme from './theme';
-
-const defaultImageUrl = 'https://static.evand.net/assets/images/defaults/avatar.svg';
-
-const Avatar = ({
-  alt = 'آواتار',
-  size = 'md',
-  sizeMobile = 'md',
-  src = defaultImageUrl,
-  round = false,
-  ...rest
-}) => (
-  <ThemeProvider theme={avatarTheme}>
-    <GlobalStyle />
-    <Image
-      src={src}
-      alt={alt}
-      size={size}
-      sizeMobile={sizeMobile}
-      data-test="avatar"
-      round={round}
-      onError={(e) => (e.target.onerror = null, e.target.src = defaultImageUrl)}
-      {...rest}
-    />
-  </ThemeProvider>
-);
-
-Avatar.propTypes = {
-  src: PropTypes.string,
-  alt: PropTypes.string,
-  round: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  sizeMobile: PropTypes.oneOf(['lg', 'md', 'sm']),
-};
-
-export default Avatar;

package/src/components/avatar/index.stories.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import Avatar from './index';
-
-export default {
-  title: 'Components/Avatar',
-  component: Avatar,
-  argTypes: {
-    avatar: {
-      control: 'text',
-      description: 'URL of the avatar image',
-    },
-    size: {
-      control: 'text',
-      description: 'Size of the avatar',
-    },
-    showTooltip: {
-      control: 'boolean',
-      description: 'Whether to show a tooltip on hover',
-    },
-    tooltipText: {
-      control: 'text',
-      description: 'Text to display in the tooltip',
-    },
-  },
-};
-
-const Template = (args) => <Avatar {...args} />;
-
-export const Default = Template.bind({});
-Default.args = {
-  avatar: 'https://via.placeholder.com/40',
-  size: "md",
-};
-
-export const Small = Template.bind({});
-Small.args = {
-  avatar: 'https://via.placeholder.com/40',
-  size: "sm",
-};
-
-export const Medium = Template.bind({});
-Medium.args = {
-  avatar: 'https://via.placeholder.com/60',
-  size: "md",
-};
-
-export const Large = Template.bind({});
-Large.args = {
-  avatar: 'https://via.placeholder.com/80',
-  size: "lg",
-};
-
-export const WithTooltip = Template.bind({});
-WithTooltip.args = {
-  avatar: 'https://via.placeholder.com/40',
-  size: "md",
-  showTooltip: true,
-  tooltipText: 'User Avatar',
-};

package/src/components/avatar/index.styles.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import defaultTheme from '../themes';
-
-const Image = styled.img`
-  font-family: 'IranSharp';
-  width: ${({ theme, size }) => `${theme.size[size]}px`};
-  height: ${({ theme, size }) => `${theme.size[size]}px`};
-  @media only screen and (max-width: ${defaultTheme.breakpoints.sm}px) {
-    width: ${({ theme, sizeMobile }) => `${theme.size[sizeMobile]}px`};
-    height: ${({ theme, sizeMobile }) => `${theme.size[sizeMobile]}px`};
-  }
-  border-radius: ${({ theme, round }) => (round ? '50%' : `${theme.borderRadius}px`)};
-  display: block;
-  background-size: cover;
-`;
-
-export default Image;

package/src/components/avatar/index.test.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { render, screen } from '../../test-utils';
-import Avatar from './index';
-
-describe('Avatar', () => {
-  it('renders avatar component', () => {
-    render(<Avatar data-testid="avatar" />);
-    expect(screen.getByTestId('avatar')).toBeInTheDocument();
-  });
-});

package/src/components/avatar/theme.js

@@ -1,13 +0,0 @@
-import defaultTheme from '../themes';
-
-const avatarTheme = {
-  borderRadius: defaultTheme.borderRadius.low,
-  size: {
-    lg: 128,
-    md: 64,
-    sm: 32,
-    xs: 24,
-  },
-};
-
-export default avatarTheme;

package/src/components/button/__snapshots__/index.test.js.snap

@@ -1,489 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button(snapshot testing) Button sizes 1`] = `
-<button
-  class="sc-jTzLTM bPiCCv"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hoSuqg"
-    data-test="span"
-  >
-    my small button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button sizes 2`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my default size(md) button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button sizes 3`] = `
-<button
-  class="sc-jTzLTM ePFeCJ"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs edVoHP"
-    data-test="span"
-  >
-    my large button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button-default 1`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my simple button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 1`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 2`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs fpPlvV"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 3`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 1`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 2`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs enMAUV"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 3`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 4`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 5`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 6`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 1`] = `
-<button
-  class="sc-jTzLTM kxGMqg"
-  data-styletype="primary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <i
-    class="sc-VigVT kHRZAv jupiter-icon new-icon-watch-later sc-fjdhpX fIxiFv"
-    data-test="icon"
-  />
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my blue iconic disabled primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 2`] = `
-<button
-  class="sc-jTzLTM TOQck"
-  data-styletype="secondary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs jNBVeN"
-    data-test="span"
-  >
-    my red disabled secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 3`] = `
-<button
-  class="sc-jTzLTM geuVEN"
-  data-styletype="tertiary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my disabled tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 4`] = `
-<button
-  class="sc-jTzLTM geuVEN"
-  data-styletype="primary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my disabled primary linked-button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) full-width button 1`] = `
-<button
-  class="sc-jTzLTM aBDOI"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my wide button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 1`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 2`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs eOHBQj"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 3`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) linked Buttons 1`] = `
-<a
-  class="sc-jzJRlG hZewTx"
-  href="/avatar"
-  target="_self"
->
-  <button
-    class="sc-jTzLTM fAtMAU"
-    data-styletype="primary"
-    data-test="button"
-    type="submit"
-  >
-    <span
-      class="sc-htoDjs hCbsRl"
-      data-test="span"
-    >
-      my simplest linked button
-    </span>
-  </button>
-</a>
-`;
-
-exports[`Button(snapshot testing) linked Buttons 2`] = `
-<a
-  class="sc-jzJRlG hZewTx"
-  href="https://sciencebusiness.net/categories/dfgdfg"
-  target="_blank"
->
-  <button
-    class="sc-jTzLTM fAtMAU"
-    data-styletype="secondary"
-    data-test="button"
-    type="submit"
-  >
-    <i
-      class="sc-VigVT lppHbR jupiter-icon new-icon-watch-later sc-fjdhpX fIxiFv"
-      data-test="icon"
-    />
-    <span
-      class="sc-htoDjs hwgZet"
-      data-test="span"
-    >
-      my secoundrry external-linked button
-    </span>
-  </button>
-</a>
-`;
-
-exports[`Button(snapshot testing) red Buttons 1`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) red Buttons 2`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs jNBVeN"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) red Buttons 3`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 1`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 2`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs cBpZXc"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 3`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;