@strapi/admin 4.0.0-next.12 → 4.0.0-next.16

package/admin/src/pages/Admin/Logout/components.js

@@ -1,128 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  position: relative;
-  -webkit-font-smoothing: antialiased;
-  > div {
-    height: 6rem;
-    width: 100%;
-    line-height: 5.8rem;
-    z-index: 999;
-    > button,
-    > button.btn {
-      position: relative;
-      z-index: 9;
-      width: 100%;
-      padding-left: 20px;
-      padding-right: 20px;
-      background: white;
-      border: none;
-      border-radius: 0;
-      color: #333740;
-      font-size: 14px;
-      font-weight: 500;
-      text-align: right;
-      cursor: pointer;
-      transition: background 0.2s ease-out;
-
-      &:hover,
-      &:focus,
-      &:active {
-        color: #333740;
-        background-color: #fafafb !important;
-        z-index: 9;
-      }
-
-      > i,
-      > svg {
-        margin-left: 10px;
-        transition: transform 0.3s ease-out;
-
-        &[alt='true'] {
-          transform: rotateX(180deg);
-        }
-      }
-    }
-  }
-
-  &:after {
-    position: absolute;
-    right: -1px;
-    top: calc(50% - 10px);
-    content: '';
-    display: inline-block;
-    vertical-align: middle;
-    height: 20px;
-    border-left: 1px solid #f3f4f4;
-    transition: opacity 0.2s ease-out;
-  }
-
-  &:hover:after {
-    opacity: 0;
-  }
-
-  .dropDownContent {
-    z-index: 8;
-    top: -3px !important;
-    left: auto !important;
-    min-width: 190px;
-    margin: 0 !important;
-    padding: 0;
-    line-height: 1.8rem;
-    border: none !important;
-    border-top-left-radius: 0 !important;
-    border-top-right-radius: 0 !important;
-    font-size: 14px;
-    overflow: hidden;
-    box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05);
-    &:active {
-      outline: 0;
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -1px;
-      width: calc(100% + 1px);
-      height: 3px;
-      box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16);
-    }
-
-    > button {
-      height: 54px;
-      padding: 0px 15px;
-      &:hover,
-      &:focus,
-      &:active {
-        background-color: #fafafb !important;
-        border-radius: 0px;
-        cursor: pointer;
-        outline: 0;
-      }
-      &:hover,
-      &:active {
-        color: #333740;
-      }
-    }
-
-    > button:last-child {
-      color: #f75b1d;
-      > i,
-      svg {
-        margin-left: 10px;
-      }
-    }
-  }
-
-  .item {
-    &:active {
-      color: black;
-    }
-    &:hover {
-      background-color: #fafafb !important;
-    }
-  }
-`;
-
-export default Wrapper;

package/admin/src/pages/Admin/Logout/index.js

@@ -1,60 +0,0 @@
-/**
- *
- * Logout
- *
- */
-
-/* eslint-disable */
-import React, { useState } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ButtonDropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
-import { get } from 'lodash';
-import { auth } from '@strapi/helper-plugin';
-import Wrapper from './components';
-
-const Logout = ({ history: { push } }) => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const handleGoToMe = () => {
-    push({
-      pathname: `/me`,
-    });
-  };
-
-  const handleLogout = () => {
-    auth.clearAppStorage();
-    push('/auth/login');
-  };
-
-  const toggle = () => setIsOpen(prev => !prev);
-
-  const userInfo = auth.getUserInfo();
-  const displayName =
-    userInfo && userInfo.firstname && userInfo.lastname
-      ? `${userInfo.firstname} ${userInfo.lastname}`
-      : get(userInfo, 'username', '');
-
-  return (
-    <Wrapper>
-      <ButtonDropdown isOpen={isOpen} toggle={toggle}>
-        <DropdownToggle>
-          {displayName}
-          <FontAwesomeIcon icon="caret-down" />
-        </DropdownToggle>
-        <DropdownMenu className="dropDownContent">
-          <DropdownItem onClick={handleGoToMe} className="item">
-            <FormattedMessage id="app.components.Logout.profile" />
-          </DropdownItem>
-          <DropdownItem onClick={handleLogout}>
-            <FormattedMessage id="app.components.Logout.logout" />
-            <FontAwesomeIcon icon="sign-out-alt" />
-          </DropdownItem>
-        </DropdownMenu>
-      </ButtonDropdown>
-    </Wrapper>
-  );
-};
-
-export default withRouter(Logout);

package/admin/src/pages/Admin/Wrapper.js

@@ -1,27 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  display: flex;
-  overflow-x: hidden;
-
-  p,
-  span {
-    font-family: Lato;
-  }
-
-  .adminPageRightWrapper {
-    width: ${props => `calc(100% - ${props.theme.main.sizes.leftMenu.width})`};
-  }
-`;
-
-Wrapper.defaultProps = {
-  theme: {
-    main: {
-      sizes: {
-        leftMenu: {},
-      },
-    },
-  },
-};
-
-export default Wrapper;

package/admin/src/pages/App/components.js

@@ -1,15 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  font-family: 'Lato';
-  font-size: 1.4rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #292b2c;
-`;
-
-const Content = styled.div`
-  display: block;
-`;
-
-export { Content, Wrapper };

package/admin/src/pages/App/constants.js

@@ -1,8 +0,0 @@
-/*
- *
- * App constants
- *
- */
-
-// eslint-disable-next-line import/prefer-default-export
-export const GET_DATA_SUCCEEDED = 'app/App/GET_DATA_SUCCEEDED';

package/admin/src/pages/App/styles/website.css

@@ -1,25 +0,0 @@
-li.header {
-  color: #101622 !important;
-  font-weight: 600;
-  letter-spacing: 0.07rem;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-li.chapter > a {
-  transition: background-color 0.15s ease;
-  -webkit-transition: background-color 0.15s ease;
-}
-
-li.chapter:hover > a {
-  background: #eee !important;
-  text-decoration: none !important;
-}
-
-.versions-select select {
-  height: 36px;
-  border: 1px solid #ccc;
-}
-
-.book-summary {
-  background-color: #f7f7f7 !important;
-}

package/admin/src/pages/ApplicationInfosPage/components/Detail/index.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Text } from '@buffetjs/core';
-import InfoText from '../InfoText';
-import Link from '../Link';
-import Wrapper from '../Wrapper';
-
-const Detail = ({ content, link, title }) => {
-  return (
-    <Wrapper>
-      <Text fontSize="xs" color="grey" fontWeight="bold">
-        {title}
-      </Text>
-      <InfoText content={content} />
-      {link && <Link {...link} />}
-    </Wrapper>
-  );
-};
-
-Detail.defaultProps = {
-  link: null,
-};
-
-Detail.propTypes = {
-  content: PropTypes.string.isRequired,
-  link: PropTypes.object,
-  title: PropTypes.string.isRequired,
-};
-
-export default Detail;

package/admin/src/pages/ApplicationInfosPage/components/InfoText/index.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Padded, Text } from '@buffetjs/core';
-import PropTypes from 'prop-types';
-
-const InfoText = ({ content }) => {
-  return (
-    <Padded top size="xs">
-      <Text fontWeight="semiBold" lineHeight="13px">
-        {content}
-      </Text>
-    </Padded>
-  );
-};
-
-InfoText.propTypes = {
-  content: PropTypes.string.isRequired,
-};
-
-export default InfoText;

package/admin/src/pages/ApplicationInfosPage/components/Link/components.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { Text } from '@buffetjs/core';
-import { Arrow } from '@buffetjs/icons';
-
-const LinkText = styled(Text)`
-  color: ${({ theme }) => theme.main.colors.mediumBlue};
-  > a {
-    &:hover {
-      color: ${({ theme }) => theme.main.colors.mediumBlue};
-      text-decoration: none;
-    }
-  }
-`;
-
-export const LinkArrow = styled(Arrow)`
-  transform: rotate(45deg);
-  margin-top: 2px;
-  margin-left: 10px;
-  color: ${({ theme }) => theme.main.colors.blue};
-`;
-
-export default LinkText;

package/admin/src/pages/ApplicationInfosPage/components/Link/index.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Padded } from '@buffetjs/core';
-import PropTypes from 'prop-types';
-import { BaselineAlignment } from '@strapi/helper-plugin';
-import LinkText, { LinkArrow } from './components';
-
-const Link = ({ href, label }) => {
-  return (
-    <Padded top size="smd">
-      <BaselineAlignment top size="1px" />
-      <LinkText fontWeight="semiBold">
-        <a href={href} target="_blank" rel="noopener noreferrer">
-          {label}
-          <LinkArrow />
-        </a>
-      </LinkText>
-    </Padded>
-  );
-};
-
-Link.propTypes = {
-  href: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-};
-
-export default Link;

package/admin/src/pages/ApplicationInfosPage/components/Wrapper/index.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  width: 50%;
-`;
-
-export default Wrapper;

package/admin/src/pages/ApplicationInfosPage/components/index.js

@@ -1,4 +0,0 @@
-export { default as Detail } from './Detail';
-export { default as InfoText } from './InfoText';
-export { default as Link } from './Link';
-export { default as Wrapper } from './Wrapper';

package/admin/src/pages/ApplicationInfosPage/index.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import { Header } from '@buffetjs/custom';
-import { Flex, Padded, Text } from '@buffetjs/core';
-import { useIntl } from 'react-intl';
-import { BaselineAlignment, useAppInfos } from '@strapi/helper-plugin';
-import Bloc from '../../components/Bloc';
-import PageTitle from '../../components/SettingsPageTitle';
-import { Detail, InfoText } from './components';
-
-const ApplicationInfosPage = () => {
-  const appInfos = useAppInfos();
-  const { shouldUpdateStrapi, latestStrapiReleaseTag } = appInfos;
-  const { formatMessage } = useIntl();
-
-  const currentPlan = appInfos.communityEdition
-    ? 'app.components.UpgradePlanModal.text-ce'
-    : 'app.components.UpgradePlanModal.text-ee';
-
-  const headerProps = {
-    title: { label: formatMessage({ id: 'Settings.application.title' }) },
-    content: formatMessage({
-      id: 'Settings.application.description',
-    }),
-  };
-  const pricingLabel = formatMessage({ id: 'Settings.application.link-pricing' });
-  const upgradeLabel = formatMessage({ id: 'Settings.application.link-upgrade' });
-  const strapiVersion = formatMessage({ id: 'Settings.application.strapi-version' });
-  const nodeVersion = formatMessage({ id: 'Settings.application.node-version' });
-  const editionTitle = formatMessage({ id: 'Settings.application.edition-title' });
-
-  /* eslint-disable indent */
-  const upgradeLink = shouldUpdateStrapi
-    ? {
-        label: upgradeLabel,
-        href: `https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`,
-      }
-    : null;
-  /* eslint-enable indent */
-
-  return (
-    <div>
-      <PageTitle name="Application" />
-      <Header {...headerProps} />
-      <BaselineAlignment top size="3px" />
-      <Bloc>
-        <Padded left right top size="smd">
-          <Padded left right top size="xs">
-            <Flex justifyContent="space-between">
-              <Detail
-                link={upgradeLink}
-                title={strapiVersion}
-                content={`v${appInfos.strapiVersion}`}
-              />
-              <Detail
-                link={{ label: pricingLabel, href: 'https://strapi.io/pricing' }}
-                title={editionTitle}
-                content={formatMessage({ id: currentPlan })}
-              />
-            </Flex>
-            <Padded top size="lg">
-              <Text fontSize="xs" color="grey" fontWeight="bold">
-                {nodeVersion}
-              </Text>
-              <InfoText content={appInfos.nodeVersion} />
-            </Padded>
-          </Padded>
-        </Padded>
-        <BaselineAlignment top size="60px" />
-      </Bloc>
-    </div>
-  );
-};
-
-export default ApplicationInfosPage;

package/admin/src/pages/AuthPage/components/AuthLink/Link.js

@@ -1,13 +0,0 @@
-import { Link as Base } from 'react-router-dom';
-import styled from 'styled-components';
-
-const Link = styled(Base)`
-  &:hover,
-  &:active,
-  &:focus {
-    text-decoration: none;
-    outline: 0;
-  }
-`;
-
-export default Link;

package/admin/src/pages/AuthPage/components/AuthLink/Wrapper.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  margin: auto;
-  width: 41.6rem;
-`;
-
-export default Wrapper;

package/admin/src/pages/AuthPage/components/AuthLink/index.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Text } from '@buffetjs/core';
-import { useIntl } from 'react-intl';
-import PropTypes from 'prop-types';
-import { BaselineAlignment } from '@strapi/helper-plugin';
-import Section from '../Section';
-import Link from './Link';
-import Wrapper from './Wrapper';
-
-const AuthLink = ({ children, label, to }) => {
-  const { formatMessage } = useIntl();
-  const message = formatMessage({ id: label });
-
-  return (
-    <Section textAlign="center">
-      <Wrapper>
-        <BaselineAlignment top size="24px">
-          <Link to={to}>{children || <Text fontSize="md">{message}</Text>}</Link>
-        </BaselineAlignment>
-      </Wrapper>
-    </Section>
-  );
-};
-
-AuthLink.defaultProps = {
-  children: null,
-};
-
-AuthLink.propTypes = {
-  children: PropTypes.node,
-  label: PropTypes.string.isRequired,
-  to: PropTypes.string.isRequired,
-};
-
-export default AuthLink;

package/admin/src/pages/AuthPage/components/Box/Wrapper.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  margin: auto;
-  width: 41.6rem;
-  padding: 20px 30px 25px 30px;
-  border-radius: ${({ theme }) => theme.main.sizes.borderRadius};
-  border-top: 2px solid ${({ theme }) => theme.main.colors.mediumBlue};
-  background-color: ${({ theme }) => theme.main.colors.white};
-  box-shadow: 0 2px 4px 0 ${({ theme }) => theme.main.colors.darkGrey};
-`;
-
-export default Wrapper;

package/admin/src/pages/AuthPage/components/Box/index.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Text } from '@buffetjs/core';
-import Wrapper from './Wrapper';
-
-const Box = ({ children, errorMessage, withoutError }) => (
-  <Wrapper>
-    {!withoutError && (
-      <Text fontSize="md" color="lightOrange" style={{ textAlign: 'center' }} lineHeight="18px">
-        {errorMessage}&nbsp;
-      </Text>
-    )}
-    {children}
-  </Wrapper>
-);
-
-Box.defaultProps = {
-  errorMessage: null,
-  withoutError: false,
-};
-
-Box.propTypes = {
-  children: PropTypes.node.isRequired,
-  errorMessage: PropTypes.string,
-  withoutError: PropTypes.bool,
-};
-
-export default Box;

package/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/Envelope.js

@@ -1,20 +0,0 @@
-/* eslint-disable jsx-a11y/accessible-emoji */
-import React from 'react';
-
-const Envelope = () => (
-  <svg width="71" height="78" xmlns="http://www.w3.org/2000/svg">
-    <text
-      transform="rotate(-20 34.095 544.73)"
-      fill="#9EA7B8"
-      fillRule="evenodd"
-      fontFamily="AppleColorEmoji, Apple Color Emoji"
-      fontSize="60"
-    >
-      <tspan x="178" y="93">
-        ✉️
-      </tspan>
-    </text>
-  </svg>
-);
-
-export default Envelope;

package/admin/src/pages/AuthPage/components/Input/index.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Inputs } from '@buffetjs/custom';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-
-const Input = ({ error, label, placeholder, ...rest }) => {
-  const { formatMessage } = useIntl();
-  const labelMessage = formatMessage({ id: label });
-  const placeholderMessage = placeholder ? formatMessage({ id: placeholder }) : '';
-  let errorMessage = error;
-
-  if (error) {
-    errorMessage = formatMessage(error);
-  }
-
-  return (
-    <Inputs {...rest} error={errorMessage} label={labelMessage} placeholder={placeholderMessage} />
-  );
-};
-
-Input.defaultProps = {
-  error: null,
-  placeholder: null,
-};
-
-Input.propTypes = {
-  error: PropTypes.object,
-  label: PropTypes.string.isRequired,
-  placeholder: PropTypes.string,
-};
-
-export default Input;

package/admin/src/pages/AuthPage/components/Logo/Img.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const Img = styled.img`
-  height: 40px;
-`;
-
-export default Img;

package/admin/src/pages/AuthPage/components/Oops/Img.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const Img = styled.img`
-  max-height: 77px;
-`;
-
-export default Img;

package/admin/src/pages/AuthPage/components/Register/CustomLabel.js

@@ -1,28 +0,0 @@
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import { Text } from '@buffetjs/core';
-import { useIntl } from 'react-intl';
-
-const CustomLabel = ({ id, onClick, values }) => {
-  const { formatMessage } = useIntl();
-
-  return (
-    <Text
-      as="span"
-      fontWeight="regular"
-      lineHeight="18px"
-      onClick={onClick}
-      style={{ cursor: 'pointer' }}
-    >
-      {formatMessage({ id }, values)}
-    </Text>
-  );
-};
-
-CustomLabel.propTypes = {
-  id: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired,
-  values: PropTypes.object.isRequired,
-};
-
-export default memo(CustomLabel);

package/admin/src/pages/AuthPage/components/Register/InputWrapper.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-
-const InputWrapper = styled.div`
-  display: flex;
-  justify-content: space-between;
-`;
-
-export default InputWrapper;

package/admin/src/pages/AuthPage/components/Register/Span.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { Text } from '@buffetjs/core';
-
-const Span = styled(Text)`
-  color: #0097f7;
-  cursor: pointer;
-`;
-
-Span.defaultProps = {
-  as: 'span',
-};
-
-export default Span;