@akemona-org/strapi-admin 3.12.4 → 3.13.1

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

@@ -4,8 +4,8 @@ import { BaselineAlignment, LoadingIndicator, Row } from '@akemona-org/strapi-he
 import PropTypes from 'prop-types';
 import Bloc from '../Bloc';
 
-const FormBloc = ({ children, actions, isLoading, title, subtitle }) => (
-  <Bloc>
+function FormBloc({ children, actions, isLoading, title, subtitle }) {
+  return <Bloc>
     <BaselineAlignment top size={title ? '18px' : '22px'} />
     <Padded left right size="sm">
       {isLoading ? (
@@ -40,7 +40,7 @@ const FormBloc = ({ children, actions, isLoading, title, subtitle }) => (
       )}
     </Padded>
   </Bloc>
-);
+}
 
 FormBloc.defaultProps = {
   actions: null,

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

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 import { useQuery } from '@akemona-org/strapi-helper-plugin';
 import StyledHeaderSearch from './HeaderSearch';
 
-const HeaderSearch = ({ label, queryParameter }) => {
+function HeaderSearch({ label, queryParameter }) {
   const { formatMessage } = useIntl();
   const query = useQuery();
   const searchValue = query.get(queryParameter) || '';
@@ -79,7 +79,7 @@ const HeaderSearch = ({ label, queryParameter }) => {
       onClear={handleClear}
     />
   );
-};
+}
 
 HeaderSearch.defaultProps = {
   queryParameter: '_q',

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

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl';
 import { Inputs } from '@buffetjs/custom';
 import PropTypes from 'prop-types';
 
-const IntlInput = ({ label: labelId, defaultMessage, error, ...rest }) => {
+function IntlInput({ label: labelId, defaultMessage, error, ...rest }) {
   const { formatMessage } = useIntl();
   const label = formatMessage({ id: labelId, defaultMessage: defaultMessage || labelId });
   const translatedError = error ? formatMessage(error) : null;
@@ -20,7 +20,7 @@ const IntlInput = ({ label: labelId, defaultMessage, error, ...rest }) => {
   return (
     <Inputs {...rest} label={label} error={translatedError} translatedErrors={formattedErrors} />
   );
-};
+}
 
 IntlInput.defaultProps = {
   defaultMessage: null,

package/admin/src/components/LeftMenu/LeftMenuFooter/Wrapper.js

@@ -23,8 +23,10 @@ const Wrapper = styled.div`
 `;
 
 const A = styled.a`
+  color: ${(props) => props.theme.main.colors.lightBlue};
+
   &:hover {
-    color: #007bff;
+    color: ${(props) => props.theme.main.colors.mediumBlue};
     text-decoration: underline;
   }
 `;

package/admin/src/components/LeftMenu/LeftMenuHeader/index.js

@@ -3,12 +3,12 @@ import { Link } from 'react-router-dom';
 
 import Wrapper from './Wrapper';
 
-const LeftMenuHeader = () => (
-  <Wrapper>
+function LeftMenuHeader() {
+  return <Wrapper>
     <Link to="/" className="leftMenuHeaderLink">
       <span className="projectName" />
     </Link>
   </Wrapper>
-);
+}
 
 export default LeftMenuHeader;

package/admin/src/components/LeftMenu/LeftMenuLink/LeftMenuIcon.js

@@ -11,7 +11,9 @@ const FaIcon = styled(({ small, ...props }) => <FontAwesomeIcon {...props} />)`
   font-size: ${({ small }) => (small ? '.5rem' : '1.3rem')};
 `;
 
-const LeftMenuIcon = ({ icon }) => <FaIcon small={icon === 'circle'} icon={icon} />;
+function LeftMenuIcon({ icon }) {
+  return <FaIcon small={icon === 'circle'} icon={icon} />
+}
 
 LeftMenuIcon.propTypes = {
   icon: PropTypes.string,

package/admin/src/components/LeftMenu/LeftMenuLink/LeftMenuLinkContent.js

@@ -23,14 +23,14 @@ const LinkLabel = styled.span`
 `;
 
 // TODO: refacto this file
-const LeftMenuLinkContent = ({
+function LeftMenuLinkContent({
   destination,
   iconName,
   label,
   location,
   notificationsCount,
   search,
-}) => {
+}) {
   const isLinkActive = startsWith(
     location.pathname.replace('/admin', '').concat('/'),
     destination.concat('/')
@@ -78,7 +78,7 @@ const LeftMenuLinkContent = ({
       {notificationsCount > 0 && <NotificationCount count={notificationsCount} />}
     </A>
   );
-};
+}
 
 LeftMenuLinkContent.defaultProps = {
   search: null,

package/admin/src/components/LeftMenu/LeftMenuLink/NotificationCount.js

@@ -13,13 +13,13 @@ const NotificationWrapper = styled.div`
   font-size: 11px;
 `;
 
-const NotificationCount = ({ count }) => (
-  <NotificationWrapper>
+function NotificationCount({ count }) {
+  return <NotificationWrapper>
     <Text fontWeight="bold" fontSize="xs" lineHeight="14px" color="#919bae">
       {count}
     </Text>
   </NotificationWrapper>
-);
+}
 
 NotificationCount.defaultProps = {
   count: 0,

package/admin/src/components/LeftMenu/LeftMenuLink/index.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 
 import LeftMenuLinkContent from './LeftMenuLinkContent';
 
-const LeftMenuLink = ({ destination, iconName, label, location, notificationsCount, search }) => {
+function LeftMenuLink({ destination, iconName, label, location, notificationsCount, search }) {
   return (
     <LeftMenuLinkContent
       destination={destination}
@@ -20,7 +20,7 @@ const LeftMenuLink = ({ destination, iconName, label, location, notificationsCou
       search={search}
     />
   );
-};
+}
 
 LeftMenuLink.propTypes = {
   destination: PropTypes.string.isRequired,

package/admin/src/components/LeftMenu/LeftMenuLinkHeader/index.js

@@ -11,7 +11,7 @@ import Title from './Title';
 import SearchButton from './SearchButton';
 import SearchWrapper from './SearchWrapper';
 
-const LeftMenuLinkHeader = ({ section, searchable, setSearch, search }) => {
+function LeftMenuLinkHeader({ section, searchable, setSearch, search }) {
   const [showSearch, setShowSearch] = useState(false);
   const ref = createRef();
   const { id, defaultMessage } = messages[camelCase(section)];
@@ -63,7 +63,7 @@ const LeftMenuLinkHeader = ({ section, searchable, setSearch, search }) => {
       )}
     </Title>
   );
-};
+}
 
 LeftMenuLinkHeader.propTypes = {
   section: PropTypes.string.isRequired,

package/admin/src/components/LeftMenu/LeftMenuLinkSection/index.js

@@ -10,14 +10,14 @@ import LeftMenuListLink from './LeftMenuListLink';
 import EmptyLinksList from './EmptyLinksList';
 import EmptyLinksListWrapper from './EmptyLinksListWrapper';
 
-const LeftMenuLinksSection = ({
+function LeftMenuLinksSection({
   section,
   searchable,
   location,
   links,
   emptyLinksListMessage,
   shrink,
-}) => {
+}) {
   const [search, setSearch] = useState('');
 
   const filteredList = sortBy(
@@ -60,7 +60,7 @@ const LeftMenuLinksSection = ({
       </LeftMenuListLink>
     </>
   );
-};
+}
 
 LeftMenuLinksSection.defaultProps = {
   shrink: false,

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

@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
 
 import favicon from '../../favicon.png';
 
-const PageTitle = ({ title }) => (
-  <Helmet title={title} link={[{ rel: 'icon', type: 'image/png', href: favicon }]} />
-);
+function PageTitle({ title }) {
+  return <Helmet title={title} link={[{ rel: 'icon', type: 'image/png', href: favicon }]} />
+}
 
 PageTitle.propTypes = {
   title: PropTypes.string.isRequired,

package/admin/src/components/Roles/ButtonWithNumber/index.js

@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 import NumberCard from './NumberCard';
 
-const ButtonWithNumber = ({ number, onClick }) => {
+function ButtonWithNumber({ number, onClick }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -29,7 +29,7 @@ const ButtonWithNumber = ({ number, onClick }) => {
       </Flex>
     </Button>
   );
-};
+}
 
 ButtonWithNumber.defaultProps = {
   number: 0,

package/admin/src/components/Roles/ConditionsButton/index.js

@@ -7,7 +7,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 import Wrapper from './Wrapper';
 
-const ConditionsButton = ({ onClick, className, hasConditions, isRight }) => {
+function ConditionsButton({ onClick, className, hasConditions, isRight }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -29,7 +29,7 @@ const ConditionsButton = ({ onClick, className, hasConditions, isRight }) => {
       </Padded>
     </Wrapper>
   );
-};
+}
 
 ConditionsButton.defaultProps = {
   className: null,

package/admin/src/components/Roles/ConditionsModal/ActionRow/index.js

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 import ConditionsSelect from '../ConditionsSelect';
 import Wrapper from './Wrapper';
 
-const ActionRow = ({
+function ActionRow({
   arrayOfOptionsGroupedByCategory,
   isFormDisabled,
   isGrey,
@@ -15,7 +15,7 @@ const ActionRow = ({
   onCategoryChange,
   onChange,
   value,
-}) => {
+}) {
   const { formatMessage } = useIntl();
 
   return (
@@ -73,7 +73,7 @@ const ActionRow = ({
       />
     </Wrapper>
   );
-};
+}
 
 ActionRow.propTypes = {
   arrayOfOptionsGroupedByCategory: PropTypes.array.isRequired,

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/ClearIndicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Remove } from '@buffetjs/icons';
 import { components } from 'react-select';
 
-const ClearIndicator = (props) => {
+function ClearIndicator(props) {
   const Component = components.ClearIndicator;
 
   return (
@@ -10,6 +10,6 @@ const ClearIndicator = (props) => {
       <Remove width="11px" height="11px" fill="#9EA7B8" />
     </Component>
   );
-};
+}
 
 export default ClearIndicator;

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/CustomDropdownIndicator.js

@@ -15,7 +15,7 @@ const Wrapper = styled(Flex)`
   }
 `;
 
-const DropdownIndicator = ({ selectProps: { menuIsOpen } }) => {
+function DropdownIndicator({ selectProps: { menuIsOpen } }) {
   const icon = menuIsOpen ? 'caret-up' : 'caret-down';
 
   return (
@@ -23,7 +23,7 @@ const DropdownIndicator = ({ selectProps: { menuIsOpen } }) => {
       <FontAwesomeIcon icon={icon} />
     </Wrapper>
   );
-};
+}
 
 DropdownIndicator.propTypes = {
   selectProps: PropTypes.shape({

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/IndicatorSeparator.js

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

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/MenuList/SubUl.js

@@ -27,13 +27,13 @@ const ToggleUl = styled(Collapse)`
   }
 `;
 
-const SubUl = ({ children, isOpen }) => {
+function SubUl({ children, isOpen }) {
   return (
     <ToggleUl tag="ul" isOpen={isOpen}>
       {children}
     </ToggleUl>
   );
-};
+}
 
 SubUl.defaultProps = {
   children: null,

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/MenuList/index.js

@@ -15,7 +15,7 @@ import UpperFirst from './UpperFirst';
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-const MenuList = ({ selectProps, ...rest }) => {
+function MenuList({ selectProps, ...rest }) {
   const Component = components.MenuList;
   const { arrayOfOptionsGroupedByCategory } = selectProps;
 
@@ -127,7 +127,7 @@ const MenuList = ({ selectProps, ...rest }) => {
       </Ul>
     </Component>
   );
-};
+}
 
 MenuList.propTypes = {
   selectProps: PropTypes.shape({

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/SingleValue.js

@@ -6,7 +6,7 @@ import { Text } from '@buffetjs/core';
 import { useIntl } from 'react-intl';
 import { createArrayOfValues } from '../../utils';
 
-const Value = ({ children, selectProps, ...props }) => {
+function Value({ children, selectProps, ...props }) {
   const { formatMessage } = useIntl();
   const SingleValue = components.SingleValue;
   const valuesArray = createArrayOfValues(selectProps.value).filter((val) => val);
@@ -27,7 +27,7 @@ const Value = ({ children, selectProps, ...props }) => {
       </Text>
     </SingleValue>
   );
-};
+}
 
 Value.defaultProps = {
   children: null,

package/admin/src/components/Roles/ConditionsModal/ConditionsSelect/index.js

@@ -16,14 +16,14 @@ const Wrapper = styled.div`
   cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'default')};
 `;
 
-const ConditionsSelect = ({
+function ConditionsSelect({
   arrayOfOptionsGroupedByCategory,
   isFormDisabled,
   name,
   onCategoryChange,
   onChange,
   value,
-}) => {
+}) {
   const { formatMessage } = useIntl();
 
   return (
@@ -53,7 +53,7 @@ const ConditionsSelect = ({
       />
     </Wrapper>
   );
-};
+}
 
 ConditionsSelect.propTypes = {
   arrayOfOptionsGroupedByCategory: PropTypes.array.isRequired,

package/admin/src/components/Roles/ConditionsModal/index.js

@@ -10,14 +10,14 @@ import ActionRow from './ActionRow';
 import Separator from './Separator';
 import updateValues from '../Permissions/utils/updateValues';
 
-const ConditionsModal = ({
+function ConditionsModal({
   actions,
   headerBreadCrumbs,
   isOpen,
   isFormDisabled,
   onClosed,
   onToggle,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const { availableConditions, modifiedData, onChangeConditions } = usePermissionsDataManager();
 
@@ -127,7 +127,7 @@ const ConditionsModal = ({
       </ModalFooter>
     </Modal>
   );
-};
+}
 
 ConditionsModal.propTypes = {
   actions: PropTypes.arrayOf(

package/admin/src/components/Roles/ContentTypeCollapse/Collapse/index.js

@@ -14,7 +14,7 @@ import RowLabelWithCheckbox from '../../RowLabelWithCheckbox';
 import Wrapper from './Wrapper';
 import generateCheckboxesActions from './utils/generateCheckboxesActions';
 
-const Collapse = ({
+function Collapse({
   availableActions,
   isActive,
   isGrey,
@@ -22,7 +22,7 @@ const Collapse = ({
   label,
   onClickToggle,
   pathToData,
-}) => {
+}) {
   const [modalState, setModalState] = useState({ isOpen: false, isMounted: false });
   const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
     usePermissionsDataManager();
@@ -138,7 +138,7 @@ const Collapse = ({
       )}
     </Wrapper>
   );
-};
+}
 
 Collapse.propTypes = {
   availableActions: PropTypes.array.isRequired,

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js

@@ -14,7 +14,7 @@ import SubActionRow from '../SubActionRow';
 import Wrapper from './Wrapper';
 import getRowLabelCheckboxeState from './utils/getRowLabelCheckboxeState';
 
-const ActionRow = ({
+function ActionRow({
   childrenForm,
   label,
   isFormDisabled,
@@ -23,7 +23,7 @@ const ActionRow = ({
   pathToData,
   propertyActions,
   propertyName,
-}) => {
+}) {
   const [rowToOpen, setRowToOpen] = useState(null);
   const {
     modifiedData,
@@ -141,7 +141,7 @@ const ActionRow = ({
       )}
     </>
   );
-};
+}
 
 ActionRow.defaultProps = {
   childrenForm: [],

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js

@@ -17,7 +17,7 @@ const PropertyLabelWrapper = styled.div`
   padding-left: 3.5rem;
 `;
 
-const Header = ({ headers, label }) => {
+function Header({ headers, label }) {
   const { formatMessage } = useIntl();
   const translatedLabel = formatMessage(
     {
@@ -50,7 +50,7 @@ const Header = ({ headers, label }) => {
       })}
     </Flex>
   );
-};
+}
 
 Header.propTypes = {
   headers: PropTypes.arrayOf(

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js

@@ -20,7 +20,7 @@ const SubLevelWrapper = styled.div`
   padding-bottom: 8px;
 `;
 
-const SubActionRow = ({
+function SubActionRow({
   childrenForm,
   isFormDisabled,
   recursiveLevel,
@@ -28,7 +28,7 @@ const SubActionRow = ({
   propertyActions,
   parentName,
   propertyName,
-}) => {
+}) {
   const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
     usePermissionsDataManager();
   const [rowToOpen, setRowToOpen] = useState(null);
@@ -157,7 +157,7 @@ const SubActionRow = ({
       })}
     </Wrapper>
   );
-};
+}
 
 SubActionRow.propTypes = {
   childrenForm: PropTypes.array.isRequired,

package/admin/src/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/index.js

@@ -6,7 +6,7 @@ import Header from './Header';
 import ActionRow from './ActionRow';
 import Wrapper from './Wrapper';
 
-const CollapsePropertyMatrix = ({
+function CollapsePropertyMatrix({
   availableActions,
   childrenForm,
   isLast,
@@ -14,7 +14,7 @@ const CollapsePropertyMatrix = ({
   label,
   pathToData,
   propertyName,
-}) => {
+}) {
   const propertyActions = useMemo(
     () => generateHeadersFromActions(availableActions, propertyName),
     [availableActions, propertyName]
@@ -40,7 +40,7 @@ const CollapsePropertyMatrix = ({
       </Padded>
     </Wrapper>
   );
-};
+}
 
 CollapsePropertyMatrix.propTypes = {
   childrenForm: PropTypes.array.isRequired,

package/admin/src/components/Roles/ContentTypeCollapse/index.js

@@ -5,7 +5,7 @@ import CollapsePropertyMatrix from './CollapsePropertyMatrix';
 import { getAvailableActions } from './utils';
 import Wrapper from './Wrapper';
 
-const ContentTypeCollapse = ({
+function ContentTypeCollapse({
   allActions,
   contentTypeName,
   label,
@@ -15,7 +15,7 @@ const ContentTypeCollapse = ({
   onClickToggleCollapse,
   pathToData,
   properties,
-}) => {
+}) {
   const handleClickToggleCollapse = useCallback(() => {
     onClickToggleCollapse(contentTypeName);
   }, [contentTypeName, onClickToggleCollapse]);
@@ -55,7 +55,7 @@ const ContentTypeCollapse = ({
         })}
     </Wrapper>
   );
-};
+}
 
 ContentTypeCollapse.propTypes = {
   allActions: PropTypes.array.isRequired,

package/admin/src/components/Roles/ContentTypeCollapses/index.js

@@ -2,7 +2,7 @@ import React, { memo, useState } from 'react';
 import PropTypes from 'prop-types';
 import ContentTypeCollapse from '../ContentTypeCollapse';
 
-const ContentTypeCollapses = ({ actions, isFormDisabled, pathToData, subjects }) => {
+function ContentTypeCollapses({ actions, isFormDisabled, pathToData, subjects }) {
   const [collapseToOpen, setCollapseToOpen] = useState(null);
 
   const handleClickToggleCollapse = (collapseName) => {
@@ -27,7 +27,7 @@ const ContentTypeCollapses = ({ actions, isFormDisabled, pathToData, subjects })
       />
     );
   });
-};
+}
 
 ContentTypeCollapses.defaultProps = {
   actions: [],

package/admin/src/components/Roles/ContentTypes/index.js

@@ -5,7 +5,7 @@ import ContentTypeCollapses from '../ContentTypeCollapses';
 import GlobalActions from '../GlobalActions';
 import Wrapper from './Wrapper';
 
-const ContentTypes = ({ isFormDisabled, kind, layout: { actions, subjects } }) => {
+function ContentTypes({ isFormDisabled, kind, layout: { actions, subjects } }) {
   return (
     <Wrapper>
       <Padded left right bottom size="md">
@@ -19,7 +19,7 @@ const ContentTypes = ({ isFormDisabled, kind, layout: { actions, subjects } }) =
       </Padded>
     </Wrapper>
   );
-};
+}
 
 ContentTypes.propTypes = {
   isFormDisabled: PropTypes.bool.isRequired,

package/admin/src/components/Roles/Curve/index.js

@@ -1,8 +1,8 @@
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 
-const Curve = (props) => (
-  <svg
+function Curve(props) {
+  return <svg
     style={{
       height: '14px',
       transform: 'translate(-3.2px, -1px)',
@@ -23,7 +23,7 @@ const Curve = (props) => (
       />
     </g>
   </svg>
-);
+}
 
 Curve.defaultProps = {
   fill: '#f3f4f4',

package/admin/src/components/Roles/EmptyRole/index.js

@@ -3,7 +3,7 @@ import { Flex, Padded, Text } from '@buffetjs/core';
 import { useIntl } from 'react-intl';
 import { BaselineAlignment, useQuery } from '@akemona-org/strapi-helper-plugin';
 
-const EmptyRole = () => {
+function EmptyRole() {
   const { formatMessage } = useIntl();
   const query = useQuery();
   const search = query.get('_q');
@@ -26,6 +26,6 @@ const EmptyRole = () => {
       </Padded>
     </>
   );
-};
+}
 
 export default EmptyRole;