@akemona-org/strapi-admin 3.12.4 → 3.13.1

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

@@ -9,7 +9,7 @@ import CheckboxWithCondition from '../CheckboxWithCondition';
 import { findDisplayedActions, getCheckboxesState } from './utils';
 import Wrapper from './Wrapper';
 
-const GlobalActions = ({ actions, isFormDisabled, kind }) => {
+function GlobalActions({ actions, isFormDisabled, kind }) {
   const { formatMessage } = useIntl();
   const { modifiedData, onChangeCollectionTypeGlobalActionCheckbox } = usePermissionsDataManager();
 
@@ -45,7 +45,7 @@ const GlobalActions = ({ actions, isFormDisabled, kind }) => {
       </Flex>
     </Wrapper>
   );
-};
+}
 
 GlobalActions.defaultProps = {
   actions: [],

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

@@ -2,13 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { PermissionsDataManagerContext } from '../../../contexts';
 
-const PermissionsDataManagerProvider = ({ children, value }) => {
+function PermissionsDataManagerProvider({ children, value }) {
   return (
     <PermissionsDataManagerContext.Provider value={value}>
       {children}
     </PermissionsDataManagerContext.Provider>
   );
-};
+}
 
 PermissionsDataManagerProvider.propTypes = {
   children: PropTypes.node.isRequired,

package/admin/src/components/Roles/PluginsAndSettings/Row/index.js

@@ -7,7 +7,7 @@ import { useIntl } from 'react-intl';
 import SubCategory from '../SubCategory';
 import RowStyle from './Wrapper';
 
-const PermissionRow = ({
+function PermissionRow({
   childrenForm,
   kind,
   name,
@@ -16,7 +16,7 @@ const PermissionRow = ({
   isWhite,
   onOpenCategory,
   pathToData,
-}) => {
+}) {
   const { formatMessage } = useIntl();
 
   const handleClick = () => {
@@ -64,7 +64,7 @@ const PermissionRow = ({
       )}
     </RowContainer>
   );
-};
+}
 
 PermissionRow.defaultProps = {};
 

package/admin/src/components/Roles/PluginsAndSettings/SubCategory/index.js

@@ -22,7 +22,7 @@ const Border = styled.div`
   padding: 0px 10px;
 `;
 
-const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, pathToData }) => {
+function SubCategory({ categoryName, isFormDisabled, subCategoryName, actions, pathToData }) {
   const [modalState, setModalState] = useState({ isOpen: false, isMounted: false });
   const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox } =
     usePermissionsDataManager();
@@ -120,7 +120,7 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
       )}
     </>
   );
-};
+}
 
 SubCategory.propTypes = {
   actions: PropTypes.array.isRequired,

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

@@ -4,7 +4,7 @@ import { Padded } from '@buffetjs/core';
 import ListWrapper from './ListWrapper';
 import PermissionRow from './Row';
 
-const PluginsAndSettingsPermissions = ({ isFormDisabled, kind, layout }) => {
+function PluginsAndSettingsPermissions({ isFormDisabled, kind, layout }) {
   const [openedCategory, setOpenedCategory] = useState(null);
 
   const handleOpenCategory = (categoryName) => {
@@ -32,7 +32,7 @@ const PluginsAndSettingsPermissions = ({ isFormDisabled, kind, layout }) => {
       </Padded>
     </ListWrapper>
   );
-};
+}
 
 PluginsAndSettingsPermissions.propTypes = {
   isFormDisabled: PropTypes.bool.isRequired,

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

@@ -6,6 +6,8 @@ const Required = styled.span`
   padding-left: 2px;
 `;
 
-const RequiredSign = () => <Required>*</Required>;
+function RequiredSign() {
+  return <Required>*</Required>
+}
 
 export default RequiredSign;

package/admin/src/components/Roles/RoleForm/NameInput.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import SizedInput from '../../SizedInput';
 
-const NameInput = (inputProps) => <SizedInput name="name" type="text" {...inputProps} />;
+function NameInput(inputProps) {
+  return <SizedInput name="name" type="text" {...inputProps} />
+}
 
 export default NameInput;

package/admin/src/components/Roles/RoleForm/RoleForm.js

@@ -8,7 +8,7 @@ import FormCard from '../../FormBloc';
 import SizedInput from '../../SizedInput';
 import ButtonWithNumber from '../ButtonWithNumber';
 
-const RoleForm = ({ disabled, role, values, errors, onChange, onBlur, isLoading }) => {
+function RoleForm({ disabled, role, values, errors, onChange, onBlur, isLoading }) {
   const { formatMessage } = useIntl();
 
   const actions = [
@@ -73,7 +73,7 @@ const RoleForm = ({ disabled, role, values, errors, onChange, onBlur, isLoading
       />
     </FormCard>
   );
-};
+}
 
 RoleForm.defaultProps = {
   disabled: false,

package/admin/src/components/Roles/RoleList/RoleRow.js

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 
 import RoleDescription from './RoleDescription';
 
-const RoleRow = ({ role, onClick, links, prefix }) => {
+function RoleRow({ role, onClick, links, prefix }) {
   const { formatMessage } = useIntl();
   const number = role.usersCount;
   const text = formatMessage(
@@ -31,7 +31,7 @@ const RoleRow = ({ role, onClick, links, prefix }) => {
       </td>
     </CustomRow>
   );
-};
+}
 
 RoleRow.defaultProps = {
   onClick: null,

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

@@ -4,7 +4,7 @@ import { Checkbox, Text } from '@buffetjs/core';
 import CollapseLabel from '../CollapseLabel';
 import Wrapper from './Wrapper';
 
-const RowLabelWithCheckbox = ({
+function RowLabelWithCheckbox({
   children,
   isCollapsable,
   isFormDisabled,
@@ -16,7 +16,7 @@ const RowLabelWithCheckbox = ({
   textColor,
   value,
   width,
-}) => {
+}) {
   return (
     <Wrapper width={width} disabled={isFormDisabled}>
       <Checkbox
@@ -46,7 +46,7 @@ const RowLabelWithCheckbox = ({
       </CollapseLabel>
     </Wrapper>
   );
-};
+}
 
 RowLabelWithCheckbox.defaultProps = {
   children: null,

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

@@ -7,7 +7,7 @@ import { useIntl } from 'react-intl';
 import TabsWrapper from './TabsWrapper';
 import Tab from './Tab';
 
-const Tabs = ({ children, isLoading, tabsLabel }) => {
+function Tabs({ children, isLoading, tabsLabel }) {
   const { formatMessage } = useIntl();
   const [selectedTabIndex, setSelectedTabIndex] = useState(0);
   const selectedChild = React.Children.toArray(children)[selectedTabIndex];
@@ -44,7 +44,7 @@ const Tabs = ({ children, isLoading, tabsLabel }) => {
       )}
     </TabsWrapper>
   );
-};
+}
 
 Tabs.defaultProps = {
   isLoading: false,

package/admin/src/components/Settings/Header/index.js

@@ -4,7 +4,7 @@ import { isEqual } from 'lodash';
 import { useIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 
-const Header = ({
+function Header({
   content,
   initialData,
   isLoading,
@@ -12,7 +12,7 @@ const Header = ({
   modifiedData,
   onCancel,
   showHeaderButtonLoader,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const areButtonsDisabled = useMemo(() => {
     return isEqual(modifiedData, initialData);
@@ -52,7 +52,7 @@ const Header = ({
   /* eslint-enable indent */
 
   return <PluginHeader {...headerProps} isLoading={isLoading} />;
-};
+}
 
 Header.defaultProps = {
   content: null,

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

@@ -3,12 +3,12 @@ import { useIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 import PageTitle from '../PageTitle';
 
-const SettingsPageTitle = ({ name }) => {
+function SettingsPageTitle({ name }) {
   const { formatMessage } = useIntl();
   const text = formatMessage({ id: 'Settings.PageTitle' }, { name });
 
   return <PageTitle title={text} />;
-};
+}
 
 SettingsPageTitle.propTypes = {
   name: PropTypes.string.isRequired,

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

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import IntlInput from '../IntlInput';
 
 // TODO: remove this component
-const SizedInput = ({ size, ...rest }) => {
+function SizedInput({ size, ...rest }) {
   return (
     <Col {...size}>
       <IntlInput {...rest} />
     </Col>
   );
-};
+}
 
 SizedInput.defaultProps = {
   size: {

package/admin/src/components/UpgradePlanModal/components/Option/index.js

@@ -3,7 +3,7 @@ import { Text } from '@buffetjs/core';
 import { useIntl } from 'react-intl';
 import Wrapper from './Wrapper';
 
-const Option = () => {
+function Option() {
   const { formatMessage } = useIntl();
 
   return (
@@ -13,6 +13,6 @@ const Option = () => {
       </Text>
     </Wrapper>
   );
-};
+}
 
 export default Option;

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

@@ -7,7 +7,7 @@ import { Modal } from '@akemona-org/strapi-helper-plugin';
 import { useIntl } from 'react-intl';
 import { Arrow, Download, Option, Wrapper } from './components';
 
-const UpgradePlanModal = ({ isOpen, onToggle }) => {
+function UpgradePlanModal({ isOpen, onToggle }) {
   const ref = useRef();
   const { formatMessage } = useIntl();
 
@@ -61,7 +61,7 @@ const UpgradePlanModal = ({ isOpen, onToggle }) => {
       />
     </Modal>
   );
-};
+}
 
 UpgradePlanModal.defaultProps = {
   isOpen: false,

package/admin/src/components/Users/Filter/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import { Option, Text } from '@buffetjs/core';
 
-const Filter = ({ displayName, filter, name, onClick, value }) => {
+function Filter({ displayName, filter, name, onClick, value }) {
   const { formatMessage } = useIntl();
   const label = (
     <>
@@ -24,7 +24,7 @@ const Filter = ({ displayName, filter, name, onClick, value }) => {
   };
 
   return <Option label={label} margin="0 10px 6px 0" onClick={handleClick} />;
-};
+}
 
 Filter.defaultProps = {
   onClick: () => {},

package/admin/src/components/Users/FilterPicker/Button.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { FilterIcon } from '@akemona-org/strapi-helper-plugin';
 
-const Button = () => {
+function Button() {
   return (
     <>
       <FilterIcon />
       <FormattedMessage id="app.utils.filters" />
     </>
   );
-};
+}
 
 export default Button;

package/admin/src/components/Users/FilterPicker/Card/index.js

@@ -9,7 +9,7 @@ import init from './init';
 import Input from './Input';
 import Wrapper from './Wrapper';
 
-const Card = ({ onChange }) => {
+function Card({ onChange }) {
   const [
     {
       modifiedData: { name, filter, value },
@@ -78,7 +78,7 @@ const Card = ({ onChange }) => {
       </Button>
     </Wrapper>
   );
-};
+}
 
 Card.defaultProps = {
   onChange: () => {},

package/admin/src/components/Users/FilterPicker/index.js

@@ -5,7 +5,7 @@ import { Picker } from '@buffetjs/core';
 import Button from './Button';
 import Card from './Card';
 
-const FilterPicker = ({ onChange }) => {
+function FilterPicker({ onChange }) {
   return (
     <Picker
       renderButtonContent={Button}
@@ -22,7 +22,7 @@ const FilterPicker = ({ onChange }) => {
       )}
     />
   );
-};
+}
 
 FilterPicker.defaultProps = {
   onChange: () => {},

package/admin/src/components/Users/Footer/index.js

@@ -4,7 +4,7 @@ import { PageFooter } from '@akemona-org/strapi-helper-plugin';
 import { Padded } from '@buffetjs/core';
 import Wrapper from './Wrapper';
 
-const Footer = ({ count, onChange, params }) => {
+function Footer({ count, onChange, params }) {
   return (
     <Wrapper>
       <Padded left right size="xs">
@@ -17,7 +17,7 @@ const Footer = ({ count, onChange, params }) => {
       </Padded>
     </Wrapper>
   );
-};
+}
 
 Footer.defaultProps = {
   count: 0,

package/admin/src/components/Users/LinkNotification/Envelope.js

@@ -1,8 +1,8 @@
 /* eslint-disable jsx-a11y/accessible-emoji */
 import React from 'react';
 
-const Envelope = () => (
-  <svg width="24" height="17" xmlns="http://www.w3.org/2000/svg">
+function Envelope() {
+  return <svg width="24" height="17" xmlns="http://www.w3.org/2000/svg">
     <text
       transform="translate(-23 -9)"
       fill="#4B515A"
@@ -15,6 +15,6 @@ const Envelope = () => (
       </tspan>
     </text>
   </svg>
-);
+}
 
 export default Envelope;

package/admin/src/components/Users/LinkNotification/index.js

@@ -9,7 +9,7 @@ import IconWrapper from './IconWrapper';
 import Envelope from './Envelope';
 import Wrapper from './Wrapper';
 
-const LinkNotification = ({ target, children }) => {
+function LinkNotification({ target, children }) {
   const handleCopy = () => {
     strapi.notification.toggle({ type: 'info', message: { id: 'notification.link-copied' } });
   };
@@ -32,7 +32,7 @@ const LinkNotification = ({ target, children }) => {
       </Flex>
     </Wrapper>
   );
-};
+}
 
 LinkNotification.defaultProps = {
   target: '',

package/admin/src/components/Users/MagicLink/index.js

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl';
 import LinkNotification from '../LinkNotification';
 import basename from '../../../utils/basename';
 
-const MagicLink = ({ registrationToken }) => {
+function MagicLink({ registrationToken }) {
   const { formatMessage } = useIntl();
 
   const link = `${window.location.origin}${basename}auth/register?registrationToken=${registrationToken}`;
@@ -14,7 +14,7 @@ const MagicLink = ({ registrationToken }) => {
       {formatMessage({ id: 'app.components.Users.MagicLink.connect' })}
     </LinkNotification>
   );
-};
+}
 
 MagicLink.defaultProps = {
   registrationToken: '',

package/admin/src/components/Users/RoleSettingsModalSection/RolesSelectComponent.js

@@ -13,7 +13,7 @@ const Description = styled(BaseDescription)`
   line-height: normal;
 `;
 
-const RolesSelectComponent = ({ isDisabled, value, error, onChange }) => {
+function RolesSelectComponent({ isDisabled, value, error, onChange }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -37,7 +37,7 @@ const RolesSelectComponent = ({ isDisabled, value, error, onChange }) => {
       </Description>
     </Col>
   );
-};
+}
 
 RolesSelectComponent.defaultProps = {
   value: null,

package/admin/src/components/Users/RoleSettingsModalSection/index.js

@@ -9,7 +9,7 @@ import roleSettingsForm from 'ee_else_ce/components/Users/ModalCreateBody/utils/
 import Input from '../../SizedInput';
 import Wrapper from '../ModalCreateBody/Wrapper';
 
-const RoleSettingsModalSection = ({ isDisabled, modifiedData, onChange, formErrors }) => {
+function RoleSettingsModalSection({ isDisabled, modifiedData, onChange, formErrors }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -53,7 +53,7 @@ const RoleSettingsModalSection = ({ isDisabled, modifiedData, onChange, formErro
       </Wrapper>
     </ModalSection>
   );
-};
+}
 
 RoleSettingsModalSection.defaultProps = {
   isDisabled: false,

package/admin/src/components/Users/SelectRoles/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/Users/SelectRoles/DropdownIndicator.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/Users/SelectRoles/IndicatorSeparator.js

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

package/admin/src/components/Users/SelectRoles/MultiValueContainer.js

@@ -3,7 +3,7 @@ import { components } from 'react-select';
 import PropTypes from 'prop-types';
 import StyledOption from './StyledOption';
 
-const MultiValueContainer = ({ data, selectProps }) => {
+function MultiValueContainer({ data, selectProps }) {
   const Component = components.MultiValueContainer;
 
   const handleClick = () => {
@@ -23,7 +23,7 @@ const MultiValueContainer = ({ data, selectProps }) => {
       />
     </Component>
   );
-};
+}
 
 MultiValueContainer.defaultProps = {
   data: {},

package/admin/src/components/Users/SelectRoles/index.js

@@ -11,7 +11,7 @@ import ErrorMessage from './ErrorMessage';
 import IndicatorSeparator from './IndicatorSeparator';
 import MultiValueContainer from './MultiValueContainer';
 
-const SelectRoles = ({ error, isDisabled, name, onChange, value }) => {
+function SelectRoles({ error, isDisabled, name, onChange, value }) {
   const { formatMessage } = useGlobalContext();
   const translatedError = error && error.id ? formatMessage(error) : null;
   const { roles: data, isLoading } = useRolesList();
@@ -47,7 +47,7 @@ const SelectRoles = ({ error, isDisabled, name, onChange, value }) => {
       )}
     </>
   );
-};
+}
 
 SelectRoles.defaultProps = {
   error: null,

package/admin/src/components/Users/SortPicker/Button.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Carret } from '@akemona-org/strapi-helper-plugin';
 
-const Button = (isOpen) => {
+function Button(isOpen) {
   return (
     <>
       <FormattedMessage id="app.components.Users.SortPicker.button-label" />
       <Carret isUp={isOpen} fill={isOpen ? '#007eff' : '#292b2c'} />
     </>
   );
-};
+}
 
 export default Button;

package/admin/src/components/Users/SortPicker/List.js

@@ -15,7 +15,7 @@ const sortOptions = {
   username_desc: 'username:DESC',
 };
 
-const SortList = ({ onClick, selectedItem }) => {
+function SortList({ onClick, selectedItem }) {
   return (
     <ListWrapper>
       {Object.keys(sortOptions).map((item) => {
@@ -31,7 +31,7 @@ const SortList = ({ onClick, selectedItem }) => {
       })}
     </ListWrapper>
   );
-};
+}
 
 SortList.defaultProps = {
   onClick: () => {},

package/admin/src/components/Users/SortPicker/ListItem.js

@@ -4,7 +4,7 @@ import { Text } from '@buffetjs/core';
 import { useIntl } from 'react-intl';
 import StyledListItem from './StyledListItem';
 
-const ListItem = ({ onClick, selectedItem, label, value }) => {
+function ListItem({ onClick, selectedItem, label, value }) {
   const { formatMessage } = useIntl();
 
   const handleClick = () => {
@@ -18,7 +18,7 @@ const ListItem = ({ onClick, selectedItem, label, value }) => {
       </Text>
     </StyledListItem>
   );
-};
+}
 
 ListItem.defaultProps = {
   selectedItem: null,

package/admin/src/components/Users/SortPicker/index.js

@@ -4,7 +4,7 @@ import { Picker } from '@buffetjs/core';
 import Button from './Button';
 import List from './List';
 
-const SortPicker = ({ onChange, value }) => {
+function SortPicker({ onChange, value }) {
   return (
     <Picker
       renderButtonContent={Button}
@@ -19,7 +19,7 @@ const SortPicker = ({ onChange, value }) => {
       )}
     />
   );
-};
+}
 
 SortPicker.defaultProps = {
   onChange: () => {},

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Checkbox } from '@buffetjs/core';
 
-const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) => {
+function EventRow({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) {
   const enabledCheckboxes = events.filter((event) => {
     return !disabledEvents.includes(event);
   });
@@ -44,7 +44,7 @@ const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, hand
       })}
     </tr>
   );
-};
+}
 
 EventRow.defaultProps = {
   disabledEvents: [],