@akemona-org/strapi-admin 3.13.2 → 3.14.0

package/admin/src/components/Webhooks/EventInput/Wrapper.js

@@ -16,7 +16,7 @@ const Wrapper = styled.div`
     overflow: hidden;
   }
   tr {
-    &:before {
+    &::before {
       content: '-';
       position: absolute;
       left: 20px;
@@ -28,7 +28,7 @@ const Wrapper = styled.div`
       color: transparent;
       background-color: #f6f6f6;
     }
-    &:first-of-type:before {
+    &:first-of-type::before {
       left: 0;
       height: 2px;
       width: 100%;
@@ -48,11 +48,11 @@ const Wrapper = styled.div`
   tbody {
     border-bottom-left-radius: ${sizes.borderRadius};
     border-bottom-right-radius: ${sizes.borderRadius};
-    box-shadow: inset 0px 0px 0px 1px #f6f6f6;
+    box-shadow: inset 0 0 0 1px #f6f6f6;
     td {
       height: 54px;
       padding-top: 3px;
-      input[type='checkbox']:disabled:before {
+      input[type='checkbox']:disabled::before {
         background-color: #e8e5e5;
       }
       &:first-of-type {

package/admin/src/components/Webhooks/HeadersInput/Wrapper.js

@@ -9,7 +9,7 @@ import { sizes } from '@buffetjs/styles';
 
 const Wrapper = styled.div`
   margin-top: 12px;
-  padding: 23px 24px 26px 24px;
+  padding: 23px 24px 26px;
   background-color: #fafafb;
   border-radius: ${sizes.borderRadius};
   > ul {

package/admin/src/components/Webhooks/Switch/Wrapper.js

@@ -31,13 +31,10 @@ const Wrapper = styled.div`
       height: 17px;
       border-radius: 9px;
       background-color: #f1f1f1;
-      &:before {
+      &::before {
         content: '';
         position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
+        inset: 0;
         z-index: -1;
         margin: -1px;
         border-radius: inherit;

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

@@ -45,7 +45,7 @@ const Wrapper = styled.div`
     }
   }
 
-  &:after {
+  &::after {
     position: absolute;
     right: -1px;
     top: calc(50% - 10px);
@@ -57,7 +57,7 @@ const Wrapper = styled.div`
     transition: opacity 0.2s ease-out;
   }
 
-  &:hover:after {
+  &:hover::after {
     opacity: 0;
   }
 
@@ -74,29 +74,29 @@ const Wrapper = styled.div`
     border-top-right-radius: 0 !important;
     font-size: 14px;
     overflow: hidden;
-    box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05);
+    box-shadow: 0 1px 4px 0 rgb(40 42 49 / 5%);
     &:active {
       outline: 0;
     }
 
-    &:before {
+    &::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);
+      box-shadow: 0 1px 2px 0 rgb(40 42 49 / 16%);
     }
 
     > button {
       height: 54px;
-      padding: 0px 15px;
+      padding: 0 15px;
       &:hover,
       &:focus,
       &:active {
         background-color: #fafafb !important;
-        border-radius: 0px;
+        border-radius: 0;
         cursor: pointer;
         outline: 0;
       }

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 const Wrapper = styled.div`
-  font-family: 'Lato';
+  font-family: Lato;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.5;

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

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

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

@@ -4,14 +4,16 @@ import { Text } from '@buffetjs/core';
 import Wrapper from './Wrapper';
 
 function Box({ children, errorMessage, withoutError }) {
-  return <Wrapper>
-    {!withoutError && (
-      <Text fontSize="md" color="lightOrange" style={{ textAlign: 'center' }} lineHeight="18px">
-        {errorMessage}&nbsp;
-      </Text>
-    )}
-    {children}
-  </Wrapper>
+  return (
+    <Wrapper>
+      {!withoutError && (
+        <Text fontSize="md" color="lightOrange" style={{ textAlign: 'center' }} lineHeight="18px">
+          {errorMessage}&nbsp;
+        </Text>
+      )}
+      {children}
+    </Wrapper>
+  );
 }
 
 Box.defaultProps = {

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

@@ -2,19 +2,21 @@
 import React from 'react';
 
 function Envelope() {
-  return <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>
+  return (
+    <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/containers/AuthPage/components/Logo/index.js

@@ -3,7 +3,7 @@ import LogoStrapi from '../../../../assets/images/logo_strapi.png';
 import Img from './Img';
 
 function Logo() {
-  return <Img src={LogoStrapi} alt="strapi-logo" />
+  return <Img src={LogoStrapi} alt="strapi-logo" />;
 }
 
 export default Logo;

package/admin/src/containers/HomePage/components.js

@@ -5,8 +5,8 @@ const Block = styled.div`
   width: 100%;
   position: relative;
   margin-bottom: 34px;
-  background: #ffffff;
-  padding: 19px 30px 30px 30px;
+  background: #fff;
+  padding: 19px 30px 30px;
   box-shadow: 0 2px 4px 0 #e3e9f3;
   border-radius: 3px;
   line-height: 18px;
@@ -24,7 +24,7 @@ const Block = styled.div`
       border-radius: 0.3rem;
       content: '';
       opacity: 0.1;
-      background: #ffffff;
+      background: #fff;
     }
   }
   h2,
@@ -35,7 +35,7 @@ const Block = styled.div`
     display: inline-block;
   }
   #mainHeader {
-    &:after {
+    &::after {
       content: '';
       width: 100%;
       height: 3px;
@@ -58,7 +58,7 @@ const Block = styled.div`
 `;
 
 const Container = styled.div`
-  padding: 47px 13px 0 13px;
+  padding: 47px 13px 0;
   > div {
     margin: 0;
   }
@@ -76,7 +76,7 @@ const P = styled.p`
 `;
 
 const Wave = styled.div`
-  &:before {
+  &::before {
     content: '👋';
     position: absolute;
     top: 24px;
@@ -96,12 +96,11 @@ const ALink = styled.a`
   line-height: 34px;
   font-size: 13px;
 
-  &:before {
+  &::before {
     content: '\f105';
-
     font-weight: 600;
     margin-right: 10px;
-    font-family: 'FontAwesome';
+    font-family: FontAwesome;
   }
 
   &:hover,
@@ -120,7 +119,7 @@ const ALink = styled.a`
     border-radius: 0.3rem;
     content: '';
     opacity: 0.1;
-    background: #ffffff;
+    background: #fff;
   }
 
   ${({ type }) =>
@@ -128,22 +127,22 @@ const ALink = styled.a`
       ? css`
           padding-left: 20px;
           margin-top: 16px;
-          color: #ffffff;
+          color: #fff;
           text-transform: uppercase;
           font-size: 13px;
           font-weight: 500;
-          &:before {
+          &::before {
             font-size: 16px;
           }
           &:hover {
-            color: #ffffff;
+            color: #fff;
           }
         `
       : css`
           margin-top: 9px;
           font-size: 14px;
           color: #005fea;
-          &:before {
+          &::before {
             font-size: 12px;
           }
           &:hover {
@@ -185,11 +184,11 @@ const LinkWrapper = styled.a`
     outline: 0;
   }
 
-  &:before {
+  &::before {
     position: absolute;
     left: 30px;
     top: 38px;
-    font-family: 'FontAwesome';
+    font-family: FontAwesome;
     font-size: 38px;
 
     ${({ type }) => {
@@ -213,6 +212,7 @@ const LinkWrapper = styled.a`
     &:first-child {
       font-size: 16px;
     }
+
     color: #919bae;
     text-overflow: ellipsis;
     overflow: hidden;

package/admin/src/containers/InstalledPluginsPage/Logo.js

@@ -17,10 +17,7 @@ const LogoContainer = styled.div`
     width: auto;
     height: auto;
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     margin: auto;
   }
 

package/admin/src/containers/LeftMenu/LoaderWrapper.js

@@ -2,10 +2,7 @@ import styled from 'styled-components';
 
 const LoaderWrapper = styled.div`
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: 1140;
   background: ${({ theme }) => theme.main.colors.white};
 `;

package/admin/src/containers/LocaleToggle/Wrapper.js

@@ -60,21 +60,21 @@ const Wrapper = styled.div`
     border: none !important;
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
-    box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05);
+    box-shadow: 0 1px 4px 0 rgb(40 42 49 / 5%);
 
-    &:before {
+    &::before {
       content: '';
       position: absolute;
       top: -3px;
       left: -1px;
       width: calc(100% + 1px);
       height: 3px;
-      box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16);
+      box-shadow: 0 1px 2px 0 rgb(40 42 49 / 16%);
     }
 
     > button {
       height: 40px;
-      padding: 0px 15px;
+      padding: 0 15px;
       line-height: 40px;
       color: #f75b1d;
       font-size: 13px;
@@ -84,7 +84,7 @@ const Wrapper = styled.div`
       &:focus,
       &:active {
         background-color: #fafafb !important;
-        border-radius: 0px;
+        border-radius: 0;
         cursor: pointer;
       }
     }
@@ -112,7 +112,7 @@ const Wrapper = styled.div`
     background: transparent !important;
     box-shadow: none !important;
     border: 1px solid #e3e9f3 !important;
-    border-top: 0px !important;
+    border-top: 0 !important;
 
     button {
       padding-left: 17px;
@@ -121,7 +121,7 @@ const Wrapper = styled.div`
       }
     }
 
-    &:before {
+    &::before {
       box-shadow: none !important;
     }
   }

package/admin/src/containers/MarketplacePage/MarketplaceBanner/Wrapper.js

@@ -11,7 +11,6 @@ const Wrapper = styled.div`
   padding: 8px 16px;
 
   .bannerImage {
-    margin-right: 1rem;
     width: 48px;
     height: 48px;
     margin-right: 16px;

package/admin/src/containers/MarketplacePage/PluginCard/Wrapper.js

@@ -48,6 +48,7 @@ const Wrapper = styled.div`
     > span:last-child {
       color: #1c5de7;
     }
+
     -webkit-font-smoothing: antialiased;
   }
 
@@ -135,7 +136,7 @@ const Wrapper = styled.div`
     -webkit-font-smoothing: antialiased;
 
     &:active {
-      box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
+      box-shadow: inset 1px 1px 3px rgb(0 0 0 / 15%);
     }
   }
 

package/admin/src/containers/NewNotification/Notification/styledComponents.js

@@ -19,7 +19,7 @@ const NotificationWrapper = styled.div`
   pointer-events: auto;
 
   &:hover {
-    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
   }
 `;
 

package/admin/src/containers/NotFoundPage/index.js

@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import { NotFound } from '@akemona-org/strapi-helper-plugin';
 
 function NotFoundPage(props) {
-  return <NotFound {...props} />
+  return <NotFound {...props} />;
 }
 
 NotFoundPage.propTypes = {

package/admin/src/containers/Onboarding/Li.js

@@ -56,7 +56,7 @@ const Li = styled.li`
         display: inline-block;
         vertical-align: top;
         height: 100%;
-        font-family: 'FontAwesome';
+        font-family: FontAwesome;
         color: white;
         font-size: 10px;
         margin-left: 3px;

package/admin/src/containers/Onboarding/Wrapper.js

@@ -46,7 +46,7 @@ const Wrapper = styled.div`
     margin-bottom: 0;
   }
   .videosHeader {
-    padding: 25px 15px 18px 15px;
+    padding: 25px 15px 18px;
     p {
       display: inline-block;
       vertical-align: top;
@@ -86,11 +86,11 @@ const Wrapper = styled.div`
       animation: ${fadeOut} 0.5s forwards;
     }
     ul {
-      padding: 0 0 8px 0;
+      padding: 0 0 8px;
       margin-bottom: 0;
       list-style: none;
       &:last-of-type {
-        padding: 8px 0 10px 0;
+        padding: 8px 0 10px;
         border-top: 1px solid #f6f6f6;
       }
     }
@@ -105,7 +105,7 @@ const Wrapper = styled.div`
       border-radius: 50%;
       color: white;
       background: #0e7de7;
-      box-shadow: 0px 2px 4px 0px rgba(227, 233, 243, 1);
+      box-shadow: 0 2px 4px 0 rgb(227 233 243 / 100%);
       i,
       svg {
         margin: auto;

package/admin/src/containers/PrivateRoute/index.js

@@ -15,20 +15,22 @@ import { auth } from '@akemona-org/strapi-helper-plugin';
 /* eslint-disable react/jsx-curly-newline */
 
 function PrivateRoute({ component: Component, path, ...rest }) {
-  return <Route
-    path={path}
-    render={(props) =>
-      auth.getToken() !== null ? (
-        <Component {...rest} {...props} />
-      ) : (
-        <Redirect
-          to={{
-            pathname: '/auth/login',
-          }}
-        />
-      )
-    }
-  />
+  return (
+    <Route
+      path={path}
+      render={(props) =>
+        auth.getToken() !== null ? (
+          <Component {...rest} {...props} />
+        ) : (
+          <Redirect
+            to={{
+              pathname: '/auth/login',
+            }}
+          />
+        )
+      }
+    />
+  );
 }
 
 PrivateRoute.propTypes = {

package/admin/src/containers/Roles/ProtectedListPage/index.js

@@ -4,9 +4,11 @@ import adminPermissions from '../../../permissions';
 import ListPage from '../ListPage';
 
 function ProtectedListPage() {
-  return <CheckPagePermissions permissions={adminPermissions.settings.roles.main}>
-    <ListPage />
-  </CheckPagePermissions>
+  return (
+    <CheckPagePermissions permissions={adminPermissions.settings.roles.main}>
+      <ListPage />
+    </CheckPagePermissions>
+  );
 }
 
 export default ProtectedListPage;

package/admin/src/containers/SettingsPage/components/ApplicationDetailLink/Notif.js

@@ -4,7 +4,7 @@ const Notif = styled.div`
   margin: auto;
   margin-right: 15px;
 
-  &:before {
+  &::before {
     content: '';
     display: flex;
     width: 6px;

package/admin/src/containers/SettingsPage/components/ApplicationDetailLink/Wrapper.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 const Wrapper = styled.div`
   position: relative;
   margin-bottom: -5px;
-  padding: 25px 20px 0 20px;
+  padding: 25px 20px 0;
 `;
 
 export default Wrapper;

package/admin/src/containers/SettingsPage/components/StyledLeftMenu/index.js

@@ -6,6 +6,7 @@ const StyledLeftMenu = styled(LeftMenu)`
   > div {
     margin-bottom: 27px;
   }
+
   min-height: unset;
   height: unset;
 `;

package/admin/src/containers/Users/ProtectedListPage/index.js

@@ -4,9 +4,11 @@ import adminPermissions from '../../../permissions';
 import ListPage from '../ListPage';
 
 function ProtectedListPage() {
-  return <CheckPagePermissions permissions={adminPermissions.settings.users.main}>
-    <ListPage />
-  </CheckPagePermissions>
+  return (
+    <CheckPagePermissions permissions={adminPermissions.settings.users.main}>
+      <ListPage />
+    </CheckPagePermissions>
+  );
 }
 
 export default ProtectedListPage;

package/admin/src/containers/Webhooks/EditView/Wrapper.js

@@ -16,7 +16,7 @@ const Wrapper = styled.div`
     }
   }
   .header-title + div {
-    button: first-of-type {
+    button:first-of-type {
       position: relative;
       margin-right: 30px;
       overflow: initial;
@@ -42,8 +42,8 @@ const Wrapper = styled.div`
   }
   .form-card {
     margin-bottom: 30px;
-    padding: 21px 25px 0px 25px;
-    background-color: #ffffff;
+    padding: 21px 25px 0;
+    background-color: #fff;
     border-radius: 2px;
     box-shadow: 0 2px 4px 0 #e3e9f3;
   }

package/admin/src/containers/Webhooks/ProtectedCreateView/index.js

@@ -4,9 +4,11 @@ import adminPermissions from '../../../permissions';
 import EditView from '../EditView';
 
 function ProtectedCreateView() {
-  return <CheckPagePermissions permissions={adminPermissions.settings.webhooks.create}>
-    <EditView />
-  </CheckPagePermissions>
+  return (
+    <CheckPagePermissions permissions={adminPermissions.settings.webhooks.create}>
+      <EditView />
+    </CheckPagePermissions>
+  );
 }
 
 export default ProtectedCreateView;

package/admin/src/containers/Webhooks/ProtectedEditView/index.js

@@ -4,9 +4,11 @@ import adminPermissions from '../../../permissions';
 import EditView from '../EditView';
 
 function ProtectedEditView() {
-  return <CheckPagePermissions permissions={adminPermissions.settings.webhooks.update}>
-    <EditView />
-  </CheckPagePermissions>
+  return (
+    <CheckPagePermissions permissions={adminPermissions.settings.webhooks.update}>
+      <EditView />
+    </CheckPagePermissions>
+  );
 }
 
 export default ProtectedEditView;

package/admin/src/containers/Webhooks/ProtectedListView/index.js

@@ -4,9 +4,11 @@ import adminPermissions from '../../../permissions';
 import ListView from '../ListView';
 
 function ProtectedListView() {
-  return <CheckPagePermissions permissions={adminPermissions.settings.webhooks.main}>
-    <ListView />
-  </CheckPagePermissions>
+  return (
+    <CheckPagePermissions permissions={adminPermissions.settings.webhooks.main}>
+      <ListView />
+    </CheckPagePermissions>
+  );
 }
 
 export default ProtectedListView;