@akemona-org/strapi-plugin-content-manager 3.13.2 → 3.14.0

package/admin/src/components/PreviewWysiwyg/Wrapper.js

@@ -6,11 +6,11 @@ const Wrapper = styled.div`
   max-height: 555px;
   min-height: 294px;
   overflow: auto;
-  padding: 20px 20px 0 20px;
+  padding: 20px 20px 0;
   font-size: 16px;
   background-color: #fff;
   line-height: 24px !important;
-  font-family: 'Lato';
+  font-family: Lato;
   cursor: text;
 
   h1,
@@ -19,9 +19,8 @@ const Wrapper = styled.div`
   h4,
   h5,
   h6 {
-    margin-block-start: 10px;
-    margin-block-end: 10px;
-    font-family: 'Lato';
+    margin-block: 10px 10px;
+    font-family: Lato;
   }
 
   h1 {
@@ -61,7 +60,7 @@ const Wrapper = styled.div`
   table {
     font-size: 13px;
     thead {
-      background: rgb(243, 243, 243);
+      background: rgb(243 243 243);
       tr {
         height: 43px;
       }
@@ -87,7 +86,7 @@ const Wrapper = styled.div`
   pre,
   code {
     font-size: 13px;
-    font-family: 'Lato';
+    font-family: Lato;
     border-radius: 3px;
     background-color: #002b36;
   }

package/admin/src/components/RepeatableComponent/AddFieldButton.js

@@ -5,13 +5,12 @@ const Button = styled.button`
   width: 100%;
   height: 37px;
   margin-bottom: 25px;
-  padding: 0 0 3px 0;
+  padding: 0 0 3px;
   text-align: center;
-  border: 1px solid rgba(227, 233, 243, 0.75);
+  border: 1px solid rgb(227 233 243 / 75%);
   border-top: 1px solid
     ${({ doesPreviousFieldContainErrorsAndIsClosed }) =>
       doesPreviousFieldContainErrorsAndIsClosed ? '#FFA784' : 'rgba(227, 233, 243, 0.75)'};
-
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   ${({ withBorderRadius }) => {
@@ -20,10 +19,9 @@ const Button = styled.button`
         border-radius: 2px;
       `;
     }
-
+    // eslint-disable-next-line newline-before-return
     return '';
   }}
-
   ${({ hasMinError }) => {
     if (hasMinError) {
       return `
@@ -31,10 +29,9 @@ const Button = styled.button`
         border-top-color: rgba(227, 233, 243, 0.75);
       `;
     }
-
+    // eslint-disable-next-line newline-before-return
     return '';
   }}
-
   color: ${({ disabled }) => (disabled ? '#9EA7B8' : ' #007eff')};
   font-size: 12px;
   font-weight: 700;

package/admin/src/components/RepeatableComponent/BannerWrapper.js

@@ -17,7 +17,6 @@ const BannerWrapper = styled.button`
         return 'rgba(227, 233, 243, 0.75)';
       }
     }};
-
   ${({ doesPreviousFieldContainErrorsAndIsOpen }) => {
     if (doesPreviousFieldContainErrorsAndIsOpen) {
       return `
@@ -25,7 +24,6 @@ const BannerWrapper = styled.button`
       `;
     }
   }}
-
   ${({ isFirst }) => {
     if (isFirst) {
       return `
@@ -34,7 +32,6 @@ const BannerWrapper = styled.button`
       `;
     }
   }}
-
   ${({ hasMinError, isFirst }) => {
     if (hasMinError) {
       return `
@@ -44,12 +41,10 @@ const BannerWrapper = styled.button`
         `;
     }
   }}
-
   border-bottom: 0;
   font-size: 13px;
   font-weight: 500;
   cursor: pointer;
-
   background-color: ${({ hasErrors, isOpen, isReadOnly }) => {
     if (isReadOnly) {
       return '#fafafb';

package/admin/src/components/RepeatableComponent/DraggedItem/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return function (props) {
     const selectors = select(props);
 
     return <WrappedComponent {...props} {...selectors} />;

package/admin/src/components/RepeatableComponent/EmptyComponent.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 /* eslint-disable indent */
 const EmptyComponent = styled.div`
   height: 71px;
-  border: 1px solid rgba(227, 233, 243, 0.75);
+  border: 1px solid rgb(227 233 243 / 75%);
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   border-bottom: 0;

package/admin/src/components/RepeatableComponent/FormWrapper.js

@@ -3,10 +3,7 @@ import styled from 'styled-components';
 /* eslint-disable indent */
 
 const FormWrapper = styled.div`
-  padding-top: 24px;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-bottom: 10px;
+  padding: 24px 20px 10px;
   border-top: 1px solid
     ${({ hasErrors, isOpen, isReadOnly }) => {
       if (hasErrors) {

package/admin/src/components/RepeatableComponent/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return function (props) {
     const selectors = select(props);
 
     return <WrappedComponent {...props} {...selectors} />;

package/admin/src/components/SelectMany/components.js

@@ -4,7 +4,7 @@ const ListWrapper = styled.div`
   max-height: 116px;
 
   > ul {
-    margin: 0 -20px 0;
+    margin: 0 -20px;
     padding: 0 20px !important;
     list-style: none !important;
     overflow: auto;
@@ -16,9 +16,9 @@ const ListShadow = styled.div`
   position: relative;
   display: inline-block;
   width: 100%;
-  height: 0px;
+  height: 0;
 
-  &:after {
+  &::after {
     position: absolute;
     top: -15px;
     left: -5px;
@@ -27,20 +27,19 @@ const ListShadow = styled.div`
     width: calc(100% + 10px);
     height: 1px;
     margin-bottom: -25px;
-    box-shadow: 0px -2px 4px 0px rgba(227, 233, 243, 0.5);
+    box-shadow: 0 -2px 4px 0 rgb(227 233 243 / 50%);
   }
 `;
 
 const Li = styled.li`
   display: flex;
   flex-wrap: nowrap;
-  align-content: center;
-  justify-content: space-between;
+  place-content: center space-between;
   height: 18px;
   margin-top: 9px;
   line-height: 1;
   &:last-of-type {
-    margin-bottom: 0px;
+    margin-bottom: 0;
   }
   &:active {
     .dragHandle {
@@ -61,13 +60,13 @@ const Li = styled.li`
       display: inline-block;
       width: 6px;
       height: 1px;
-      padding: 0px !important;
+      padding: 0 !important;
       background: #b3b5b9;
       overflow: visible !important;
       transition: background 0.25s ease-out;
 
-      &:before,
-      &:after {
+      &::before,
+      &::after {
         content: '';
         display: inline-block;
         width: 6px;
@@ -75,13 +74,13 @@ const Li = styled.li`
         background: inherit;
       }
 
-      &:before {
+      &::before {
         position: absolute;
         top: -2px;
         left: 0;
       }
 
-      &:after {
+      &::after {
         position: absolute;
         bottom: -2px;
         left: 0;
@@ -94,7 +93,7 @@ const Li = styled.li`
     > a {
       flex-grow: 2;
       max-width: 100%;
-      color: rgb(35, 56, 77);
+      color: rgb(35 56 77);
     }
     > a:hover {
       text-decoration: none;
@@ -114,6 +113,7 @@ const Li = styled.li`
         > a {
           color: #007eff;
         }
+
         color: #007eff;
       }
 
@@ -127,7 +127,7 @@ const Li = styled.li`
     &:last-of-type {
       display: inline-block;
       height: 100%;
-      padding-right: 0px;
+      padding-right: 0;
       line-height: 18px;
       text-align: right;
       white-space: nowrap;

package/admin/src/components/SelectWrapper/IndicatorSeparator.js

@@ -1,5 +1,5 @@
 function IndicatorSeparator() {
-  return null
+  return null;
 }
 
 export default IndicatorSeparator;

package/admin/src/components/SelectWrapper/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return function (props) {
     // eslint-disable-next-line react/prop-types
     const selectors = select(props);
 

package/admin/src/components/SettingFormWrapper/index.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 const SettingFormWrapper = styled.div`
-  padding: 24px 30px 0px;
+  padding: 24px 30px 0;
   background-color: #fafafb;
   border-radius: 2px;
 `;

package/admin/src/components/Truncate/index.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 
+/* stylelint-disable no-empty-source */
 const Truncate = styled.div``;
 
 export default Truncate;

package/admin/src/components/Wysiwyg/EditorWrapper.js

@@ -5,11 +5,7 @@ const EditorWrapper = styled.div`
     if (isFullscreen) {
       return css`
         position: fixed;
-        z-index: 1040;
-        top: calc(6rem + 90px);
-        left: calc(24rem + 28px);
-        right: 28px;
-        bottom: 32px;
+        inset: calc(6rem + 90px) 28px 32px calc(24rem + 28px);
         display: flex;
         background-color: transparent;
         z-index: 99999;
@@ -58,7 +54,7 @@ const EditorWrapper = styled.div`
     border-radius: 0.25rem;
     line-height: 18px !important;
     font-size: 13px;
-    box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
+    box-shadow: 0 1px 1px rgb(104 118 142 / 5%);
     background-color: #fff;
     position: relative;
   }
@@ -70,7 +66,7 @@ const EditorWrapper = styled.div`
   .editor {
     min-height: 294px;
     max-height: 555px;
-    padding: 20px 20px 0 20px;
+    padding: 20px 20px 0;
     font-size: 13px;
     background-color: #fff;
     line-height: 18px !important;

package/admin/src/components/Wysiwyg/PreviewControlWrapper.js

@@ -16,10 +16,11 @@ const PreviewControlWrapper = styled.div`
       font-size: 12px;
     }
   }
+
   cursor: pointer;
 
   .wysiwygCollapse {
-    &:after {
+    &::after {
       content: '\f066';
       font-family: FontAwesome;
       margin-left: 8px;

package/admin/src/components/Wysiwyg/SelectWrapper.js

@@ -17,7 +17,7 @@ const SelectWrapper = styled.div`
         `;
       }
     }}
-    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
+    box-shadow: 0 0 0 rgb(0 0 0 / 0%) !important;
   }
 `;
 

package/admin/src/components/Wysiwyg/ToggleModeWrapper.js

@@ -10,7 +10,7 @@ const ToggleModeWrapper = styled.div`
     min-width: 32px;
     padding-left: 10px;
     padding-right: 10px;
-    border: 1px solid rgba(16, 22, 34, 0.1);
+    border: 1px solid rgb(16 22 34 / 10%);
     border-radius: 3px;
     background: #f3f4f4;
     font-size: 13px;

package/admin/src/components/Wysiwyg/previewControl.js

@@ -10,12 +10,14 @@ import { FormattedMessage } from 'react-intl';
 import PreviewControlWrapper from './PreviewControlWrapper';
 
 function PreviewControl({ onClick }) {
-  return <PreviewControlWrapper onClick={onClick}>
-    <div />
-    <div className="wysiwygCollapse">
-      <FormattedMessage id="components.Wysiwyg.collapse" />
-    </div>
-  </PreviewControlWrapper>
+  return (
+    <PreviewControlWrapper onClick={onClick}>
+      <div />
+      <div className="wysiwygCollapse">
+        <FormattedMessage id="components.Wysiwyg.collapse" />
+      </div>
+    </PreviewControlWrapper>
+  );
 }
 
 PreviewControl.defaultProps = {

package/admin/src/components/WysiwygBottomControls/components.js

@@ -26,7 +26,7 @@ const Wrapper = styled.div`
 
   .fullScreenWrapper {
     cursor: pointer;
-    &:after {
+    &::after {
       content: '\f065';
       margin-left: 8px;
       font-family: FontAwesome;

package/admin/src/components/WysiwygDropUpload/Label.js

@@ -2,11 +2,8 @@ import styled from 'styled-components';
 
 const Label = styled.label`
   position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background-color: rgba(28, 93, 231, 0.01);
+  inset: 0;
+  background-color: rgb(28 93 231 / 1%);
 
   > input {
     display: none;

package/admin/src/components/WysiwygInlineControls/StyledButton.js

@@ -5,8 +5,8 @@ const Button = styled.button`
   display: flex;
   height: 32px;
   min-width: 32px;
-  background-color: #ffffff;
-  border: 1px solid rgba(16, 22, 34, 0.1);
+  background-color: #fff;
+  border: 1px solid rgb(16 22 34 / 10%);
   font-size: 13px;
   font-weight: 500;
   line-height: 32px;
@@ -25,10 +25,10 @@ const Button = styled.button`
     if (active) {
       return css`
         border: 0;
-        background: rgba(16, 22, 34, 0);
+        background: rgb(16 22 34 / 0%);
         box-shadow:
-          inset 0 -1px 0 0 rgba(16, 22, 34, 0.04),
-          inset 0 1px 0 0 rgba(16, 22, 34, 0.04);
+          inset 0 -1px 0 0 rgb(16 22 34 / 4%),
+          inset 0 1px 0 0 rgb(16 22 34 / 4%);
       `;
     }
 

package/admin/src/components/WysiwygInlineControls/Wrapper.js

@@ -18,7 +18,7 @@ const Wrapper = styled.div`
   > button:last-child {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
-    border-right: 1px solid rgba(16, 22, 34, 0.1);
+    border-right: 1px solid rgb(16 22 34 / 10%);
   }
 `;
 

package/admin/src/components/WysiwygWithErrors/Wrapper.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 const Wrapper = styled.div`
   padding-bottom: 2.8rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: Lato;
   label {
     display: block;
     margin-bottom: 1rem;

package/admin/src/containers/EditView/DeleteLink/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return function (props) {
     // eslint-disable-next-line react/prop-types
     const selectors = select();
 

package/admin/src/containers/EditView/Header/utils/connect.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function connect(WrappedComponent, select) {
-  return function(props) {
+  return function (props) {
     // eslint-disable-next-line react/prop-types
     const selectors = select();
 

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

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { Flex, Text } from '@buffetjs/core';
 
 const SubWrapper = styled.div`
-  background: #ffffff;
+  background: #fff;
   border-radius: 2px;
   box-shadow: 0 2px 4px #e3e9f3;
 `;
@@ -12,11 +12,12 @@ const MainWrapper = styled(SubWrapper)`
     margin-right: 0;
     margin-left: 0;
   }
+
   padding: 22px 10px;
 `;
 
 const LinkWrapper = styled(SubWrapper)`
-  background: #ffffff;
+  background: #fff;
   border-radius: 2px;
   box-shadow: 0 2px 4px #e3e9f3;
   ul {
@@ -50,7 +51,6 @@ const StatusWrapper = styled.div`
   display: flex;
   align-items: center;
   border-radius: 2px;
-
   height: 36px;
   padding: 0 15px;
   ${({ theme, isGreen }) =>

package/admin/src/containers/EditViewDataManagerProvider/utils/schema.js

@@ -13,11 +13,11 @@ import moment from 'moment';
 import * as yup from 'yup';
 import { translatedErrors as errorsTrads } from '@akemona-org/strapi-helper-plugin';
 
-yup.addMethod(yup.mixed, 'defined', function() {
+yup.addMethod(yup.mixed, 'defined', function () {
   return this.test('defined', errorsTrads.required, (value) => value !== undefined);
 });
 
-yup.addMethod(yup.array, 'notEmptyMin', function(min) {
+yup.addMethod(yup.array, 'notEmptyMin', function (min) {
   return this.test('notEmptyMin', errorsTrads.min, (value) => {
     if (isEmpty(value)) {
       return true;
@@ -27,8 +27,8 @@ yup.addMethod(yup.array, 'notEmptyMin', function(min) {
   });
 });
 
-yup.addMethod(yup.string, 'isInferior', function(message, max) {
-  return this.test('isInferior', message, function(value) {
+yup.addMethod(yup.string, 'isInferior', function (message, max) {
+  return this.test('isInferior', message, function (value) {
     if (!value) {
       return true;
     }
@@ -41,8 +41,8 @@ yup.addMethod(yup.string, 'isInferior', function(message, max) {
   });
 });
 
-yup.addMethod(yup.string, 'isSuperior', function(message, min) {
-  return this.test('isSuperior', message, function(value) {
+yup.addMethod(yup.string, 'isSuperior', function (message, min) {
+  return this.test('isSuperior', message, function (value) {
     if (!value) {
       return true;
     }

package/admin/src/containers/ListSettingsView/DragWrapper.js

@@ -13,8 +13,7 @@ const DragWrapper = styled.div`
     padding: 0;
   }
   > div > div {
-    overflow-x: auto;
-    overflow-y: scroll;
+    overflow: auto scroll;
   }
 `;
 

package/admin/src/containers/ListSettingsView/MenuDropdown.js

@@ -11,9 +11,8 @@ const MenuDropdown = styled(DropdownMenu)`
   border-top-right-radius: 0;
   border-color: #e3e9f3 !important;
   border-top-color: #aed4fb !important;
-  box-shadow: 0 2px 3px rgba(227, 233, 245, 0.5);
-  transform: translate3d(-199px, 30px, 0px) !important;
-
+  box-shadow: 0 2px 3px rgb(227 233 245 / 50%);
+  transform: translate3d(-199px, 30px, 0) !important;
   overflow: scroll;
 
   button {

package/admin/src/containers/ListSettingsView/Toggle.js

@@ -26,14 +26,13 @@ const Toggle = styled(DropdownToggle)`
 
   &:disabled {
     cursor: not-allowed !important;
-
     background: #fafafb;
     border: 1px solid #e3e9f3;
     border-radius: 2px;
     color: #b3b5b9;
   }
 
-  &:before {
+  &::before {
     ${beforeStyle}
   }
 
@@ -42,7 +41,7 @@ const Toggle = styled(DropdownToggle)`
   :focus {
     ${openedStyle}
 
-    &:before {
+    &::before {
       ${beforeStyle}
     }
   }

package/admin/src/containers/ListView/FieldPicker/ConfigureLink/StyledLink.js

@@ -4,7 +4,6 @@ import { Link } from 'react-router-dom';
 const StyledLink = styled(Link)`
   display: block;
   width: 100%;
-
   text-decoration: none;
   color: #333740;
   font-size: 13px;

package/admin/src/containers/ListView/FieldPicker/Fields/Wrapper.js

@@ -5,7 +5,7 @@ import { Text } from '@buffetjs/core';
 
 const Wrapper = styled((props) => <Text as="ul" fontSize="md" {...props} />)`
   margin-bottom: 0;
-  padding: 9px 0 0 0;
+  padding: 9px 0 0;
   min-width: 228px;
   list-style-type: none;
   background-color: ${({ theme }) => theme.main.colors.white};

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

@@ -20,7 +20,7 @@ const AddFilterCta = styled(Button)`
   margin-right: 10px;
   padding: 0 10px;
   text-align: center;
-  background-color: #ffffff;
+  background-color: #fff;
   border: 1px solid #e3e9f3;
   border-radius: 2px;
   line-height: 28px;
@@ -44,7 +44,7 @@ const AddFilterCta = styled(Button)`
 const Img = styled.img`
   height: 7px;
   margin: auto;
-  margin-right: 0px;
+  margin-right: 0;
   font-size: 12px;
 `;
 
@@ -72,8 +72,8 @@ const FilterWrapper = styled.div`
   margin-bottom: 6px;
   margin-right: 10px;
   padding: 0 10px;
-  background: rgba(0, 126, 255, 0.08);
-  border: 1px solid rgba(0, 126, 255, 0.24);
+  background: rgb(0 126 255 / 8%);
+  border: 1px solid rgb(0 126 255 / 24%);
   border-radius: 2px;
   line-height: 28px;
   color: #007eff;
@@ -100,7 +100,7 @@ const Separator = styled.span`
   margin-left: 10px;
   margin-right: 10px;
   line-height: 30px;
-  &:after {
+  &::after {
     content: '';
     height: 15px;
     border-left: 1px solid #007eff;
@@ -113,7 +113,7 @@ const Remove = styled.span`
   cursor: pointer;
   vertical-align: middle;
 
-  &:after {
+  &::after {
     display: inline-block;
     content: '';
     width: 8px;