@strapi/admin 4.5.4 → 4.5.6

package/admin/src/content-manager/components/DynamicComponentCard/Wrapper.js

@@ -1,63 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  position: relative;
-  height: 90px;
-  width: 139px !important;
-  margin: 0 10px 10px 0;
-  padding: 18px 10px;
-  background-color: #ffffff;
-  color: #919bae;
-  text-align: center;
-  border-radius: 2px;
-  cursor: pointer;
-  border: 1px solid #ffffff;
-
-  button {
-    outline: 0;
-  }
-
-  .component-uid {
-    width: 119px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    color: #919bae;
-    font-weight: 500;
-    font-size: 13px;
-    line-height: normal;
-  }
-
-  .component-icon {
-    width: 35px;
-    height: 35px;
-    margin-bottom: 5px;
-    line-height: 35px;
-    align-self: center;
-    border-radius: 50%;
-    background-color: #e9eaeb;
-    color: #b4b6ba;
-    padding: 0;
-    i,
-    svg {
-      margin: auto;
-      display: block;
-    }
-  }
-
-  &:hover {
-    background-color: #e6f0fb;
-    color: #007eff;
-    border: 1px solid #aed4fb;
-
-    .component-icon {
-      background-color: #aed4fb;
-      color: #007eff;
-    }
-    .component-uid {
-      color: #007eff;
-    }
-  }
-`;
-
-export default Wrapper;

package/admin/src/content-manager/components/FilterOptionsCTA/index.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-
-const FilterOptionsCTA = styled.button`
-  display: flex;
-  justify-content: center;
-  height: 20px;
-  width: 20px;
-  margin: 8px 5px 0px 0px;
-  border-radius: 50%;
-  border: 1px solid #e3e9f3;
-  cursor: pointer;
-`;
-
-export default FilterOptionsCTA;

package/admin/src/content-manager/components/FormTitle/index.js

@@ -1,22 +0,0 @@
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-
-const FormTitle = ({ description, title }) => (
-  <>
-    {!!title && <FormattedMessage id={title} />}
-    {!!description && <FormattedMessage id={description}>{(msg) => <p>{msg}</p>}</FormattedMessage>}
-  </>
-);
-
-FormTitle.propTypes = {
-  description: PropTypes.string,
-  title: PropTypes.string,
-};
-
-FormTitle.defaultProps = {
-  description: null,
-  title: null,
-};
-
-export default memo(FormTitle);

package/admin/src/content-manager/components/FormWrapper/index.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-
-const FormWrapper = styled.div`
-  padding: 22px 10px 0 10px;
-  background: #ffffff;
-  border-radius: 2px;
-  box-shadow: 0 2px 4px #e3e9f3;
-  margin-bottom: 17px;
-  > div {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .row {
-    &:last-of-type {
-      margin-bottom: 0;
-    }
-  }
-`;
-
-export default FormWrapper;

package/admin/src/content-manager/components/InputJSON/FieldError.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { Typography } from '@strapi/design-system/Typography';
-
-export const FieldError = ({ id, error, name }) => {
-  const { formatMessage } = useIntl();
-  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';
-
-  if (!error) {
-    return null;
-  }
-
-  return (
-    <Typography
-      as="p"
-      variant="pi"
-      id={`${id || name}-error`}
-      textColor="danger600"
-      data-strapi-field-error
-    >
-      {errorMessage}
-    </Typography>
-  );
-};
-
-FieldError.defaultProps = {
-  id: undefined,
-  error: undefined,
-};
-
-FieldError.propTypes = {
-  error: PropTypes.string,
-  id: PropTypes.string,
-  name: PropTypes.string.isRequired,
-};
-
-export default FieldError;

package/admin/src/content-manager/components/LayoutTitle/index.js

@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-
-const LayoutTitle = styled.div`
-  color: #333740;
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 18px;
-
-  p {
-    margin-top: 2px;
-    margin-bottom: 13px;
-    color: #9ea7b8;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: normal;
-  }
-`;
-
-export default LayoutTitle;

package/admin/src/content-manager/components/PlusButton/index.js

@@ -1,52 +0,0 @@
-import styled from 'styled-components';
-
-const beforeStyle = `
-  content: ' ';
-  position: absolute;
-  display: block;
-  width: 14px;
-  height: 2px;
-  left: 11px;
-  top: 17px;
-  bottom: 10px;
-  z-index: 9;
-`;
-
-const afterStyle = `
-  content: ' ';
-  position: absolute;
-  display: block;
-  height: 14px;
-  width: 2px;
-  left: 17px;
-  top: 11px;
-  right: 10px;
-  z-index: 9;
-`;
-
-const Button = styled.button`
-  position: relative;
-  height: 36px;
-  width: 36px;
-  background-color: #f3f4f4;
-  border-radius: 50%;
-  text-align: center;
-
-  :focus {
-    outline: 0;
-  }
-
-  :before {
-    ${beforeStyle}
-  }
-  :after {
-    ${afterStyle}
-  }
-
-  :before,
-  :after {
-    background-color: #b4b6ba;
-  }
-`;
-
-export default Button;

package/admin/src/content-manager/components/PreviewCarret/components.js

@@ -1,27 +0,0 @@
-import styled from 'styled-components';
-
-/* eslint-disable indent */
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  height: 30px;
-  width: 100%;
-  padding: 0 5px;
-
-  ${({ isComponent }) =>
-    isComponent &&
-    `
-    height: 34px;
-    padding: 0;
-  `}
-
-  border-radius: 2px;
-  > div {
-    width: 100%;
-    height: 2px;
-    background: #007eff;
-  }
-`;
-
-export default Wrapper;

package/admin/src/content-manager/components/PreviewCarret/index.js

@@ -1,22 +0,0 @@
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-
-import Wrapper from './components';
-
-const PreviewCarret = ({ isComponent, style }) => (
-  <Wrapper isComponent={isComponent} style={style}>
-    <div />
-  </Wrapper>
-);
-
-PreviewCarret.defaultProps = {
-  isComponent: false,
-  style: {},
-};
-
-PreviewCarret.propTypes = {
-  isComponent: PropTypes.bool,
-  style: PropTypes.object,
-};
-
-export default memo(PreviewCarret);

package/admin/src/content-manager/components/SectionTitle/Title.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-
-const Title = styled.div`
-  color: #787e8f;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.77px;
-  text-transform: uppercase;
-`;
-
-export default Title;

package/admin/src/content-manager/components/SectionTitle/index.js

@@ -1,26 +0,0 @@
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { getTrad } from '../../utils';
-import Title from './Title';
-
-const SectionTitle = ({ isSettings }) => {
-  const suffix = isSettings ? 'settings' : 'view';
-  const msgId = getTrad(`containers.SettingPage.${suffix}`);
-
-  return (
-    <div style={{ marginBottom: '18px' }}>
-      <FormattedMessage id={msgId}>{(msg) => <Title>{msg}</Title>}</FormattedMessage>
-    </div>
-  );
-};
-
-SectionTitle.propTypes = {
-  isSettings: PropTypes.bool,
-};
-
-SectionTitle.defaultProps = {
-  isSettings: false,
-};
-
-export default memo(SectionTitle);