@akemona-org/strapi-plugin-content-manager 3.12.3 → 3.13.0

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

@@ -5,7 +5,7 @@ import { FormattedMessage } from 'react-intl';
 import pluginId from '../../pluginId';
 import Title from './Title';
 
-const SectionTitle = ({ isSettings }) => {
+function SectionTitle({ isSettings }) {
   const suffix = isSettings ? 'settings' : 'view';
   const msgId = `${pluginId}.containers.SettingPage.${suffix}`;
 
@@ -14,7 +14,7 @@ const SectionTitle = ({ isSettings }) => {
       <FormattedMessage id={msgId}>{(msg) => <Title>{msg}</Title>}</FormattedMessage>
     </div>
   );
-};
+}
 
 SectionTitle.propTypes = {
   isSettings: PropTypes.bool,

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

@@ -11,7 +11,7 @@ import { Span } from './components';
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 
-const Relation = ({
+function Relation({
   data,
   displayNavigationLink,
   hasDraftAndPublish,
@@ -21,7 +21,7 @@ const Relation = ({
   onRemove,
   searchToPersist,
   to,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const cursor = useMemo(() => {
     if (isDisabled) {
@@ -77,7 +77,7 @@ const Relation = ({
       </div>
     </>
   );
-};
+}
 
 Relation.defaultProps = {
   isDragging: false,

package/admin/src/components/SelectOne/SingleValue.js

@@ -6,7 +6,7 @@ import { Flex, Padded, Text } from '@buffetjs/core';
 import { RelationDPState } from '@akemona-org/strapi-helper-plugin';
 import { getDisplayedValue } from '../../utils';
 
-const SingleValue = (props) => {
+function SingleValue(props) {
   const Component = components.SingleValue;
   const hasDraftAndPublish = has(get(props, 'data.value'), 'published_at');
   const isDraft = isEmpty(get(props, 'data.value.published_at'));
@@ -41,7 +41,7 @@ const SingleValue = (props) => {
       </Padded>
     </Component>
   );
-};
+}
 
 SingleValue.propTypes = {
   data: PropTypes.object.isRequired,

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

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

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

@@ -12,7 +12,7 @@ const TextGrow = styled(Text)`
   flex-grow: 2;
 `;
 
-const Option = (props) => {
+function Option(props) {
   const { formatMessage } = useIntl();
   const Component = components.Option;
   const hasDraftAndPublish = has(get(props, 'data.value'), 'published_at');
@@ -53,7 +53,7 @@ const Option = (props) => {
       </Text>
     </Component>
   );
-};
+}
 
 Option.defaultProps = {
   label: '',

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

@@ -18,7 +18,7 @@ import Container from '../Container';
 import SectionTitle from '../SectionTitle';
 import Separator from '../Separator';
 
-const SettingsViewWrapper = ({
+function SettingsViewWrapper({
   children,
   history: { goBack },
   displayedFields,
@@ -32,7 +32,7 @@ const SettingsViewWrapper = ({
   onConfirmReset,
   onConfirmSubmit,
   onModalConfirmClosed,
-}) => {
+}) {
   const { emitEvent, formatMessage } = useGlobalContext();
   const [showWarningCancel, setWarningCancel] = useState(false);
   const [showWarningSubmit, setWarningSubmit] = useState(false);
@@ -226,7 +226,7 @@ const SettingsViewWrapper = ({
       </Container>
     </>
   );
-};
+}
 
 SettingsViewWrapper.defaultProps = {
   displayedFields: [],

package/admin/src/components/SortableList/Item.js

@@ -9,7 +9,7 @@ import DraggedFieldWithPreview from '../DraggedFieldWithPreview';
 
 import ItemTypes from '../../utils/ItemTypes';
 
-const Item = ({ index, move, name, removeItem }) => {
+function Item({ index, move, name, removeItem }) {
   const { goTo, metadatas, selectedItemName, setEditFieldToSelect, setIsDraggingSibling } =
     useLayoutDnd();
   const dragRef = useRef(null);
@@ -104,7 +104,7 @@ const Item = ({ index, move, name, removeItem }) => {
       i={index === 0}
     />
   );
-};
+}
 
 Item.defaultProps = {
   move: () => {},

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

@@ -6,7 +6,7 @@ import Add from '../AddDropdown';
 import SortWrapper from '../SortWrapper';
 import Item from './Item';
 
-const SortableList = ({ addItem, buttonData, moveItem, removeItem }) => {
+function SortableList({ addItem, buttonData, moveItem, removeItem }) {
   const { relationsLayout } = useLayoutDnd();
 
   return (
@@ -44,7 +44,7 @@ const SortableList = ({ addItem, buttonData, moveItem, removeItem }) => {
       </SortWrapper>
     </div>
   );
-};
+}
 
 SortableList.defaultProps = {
   buttonData: [],

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

@@ -5,7 +5,7 @@ import { Text } from '@buffetjs/core';
 import { getTrad } from '../../utils';
 import Wrapper from './Wrapper';
 
-const State = ({ isPublished }) => {
+function State({ isPublished }) {
   const { formatMessage } = useIntl();
 
   return (
@@ -17,7 +17,7 @@ const State = ({ isPublished }) => {
       </Text>
     </Wrapper>
   );
-};
+}
 
 State.propTypes = {
   isPublished: PropTypes.bool.isRequired,

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

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useStrapi, prefixFileUrlWithBackendUrl } from '@akemona-org/strapi-helper-plugin';
 import PropTypes from 'prop-types';
 
-const MediaLib = ({ isOpen, onChange, onToggle }) => {
+function MediaLib({ isOpen, onChange, onToggle }) {
   const {
     strapi: {
       componentApi: { getComponent },
@@ -54,7 +54,7 @@ const MediaLib = ({ isOpen, onChange, onToggle }) => {
   }
 
   return null;
-};
+}
 
 MediaLib.defaultProps = {
   isOpen: false,

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

@@ -12,7 +12,7 @@ import useWysiwyg from '../../hooks/useWysiwyg';
 import { SELECT_OPTIONS } from './constants';
 import SelectWrapper from './SelectWrapper';
 
-const CustomSelect = ({ disabled }) => {
+function CustomSelect({ disabled }) {
   const { headerValue, isFullscreen, handleChangeSelect } = useWysiwyg();
 
   return (
@@ -26,7 +26,7 @@ const CustomSelect = ({ disabled }) => {
       />
     </SelectWrapper>
   );
-};
+}
 
 CustomSelect.defaultProps = {
   disabled: false,

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

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

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

@@ -9,7 +9,7 @@ import { FormattedMessage } from 'react-intl';
 import PropTypes from 'prop-types';
 import ToggleModeWrapper from './ToggleModeWrapper';
 
-const ToggleMode = (props) => {
+function ToggleMode(props) {
   const label = props.isPreviewMode
     ? 'components.Wysiwyg.ToggleMode.markdown'
     : 'components.Wysiwyg.ToggleMode.preview';
@@ -25,7 +25,7 @@ const ToggleMode = (props) => {
       </FormattedMessage>
     </ToggleModeWrapper>
   );
-};
+}
 
 ToggleMode.defaultProps = {
   isPreviewMode: false,

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

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { Wrapper } from './components';
 
-const WysiwygBottomControls = ({ onClick }) => {
+function WysiwygBottomControls({ onClick }) {
   return (
     <Wrapper>
       <div />
@@ -20,7 +20,7 @@ const WysiwygBottomControls = ({ onClick }) => {
       </div>
     </Wrapper>
   );
-};
+}
 
 WysiwygBottomControls.defaultProps = {
   onClick: () => {},

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

@@ -7,12 +7,12 @@
 import React from 'react';
 import Label from './Label';
 
-const WysiwygDropUpload = (props) => {
+function WysiwygDropUpload(props) {
   return (
     <Label {...props}>
       <input onChange={() => {}} type="file" tabIndex="-1" />
     </Label>
   );
-};
+}
 
 export default WysiwygDropUpload;

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

@@ -25,7 +25,7 @@ const icons = {
   img: Media,
 };
 
-const Button = ({
+function Button({
   active,
   disabled,
   className: type,
@@ -35,7 +35,7 @@ const Button = ({
   label,
   style,
   text,
-}) => {
+}) {
   const handleClick = (e) => {
     e.preventDefault();
 
@@ -50,7 +50,7 @@ const Button = ({
       {!hideLabel && label}
     </StyledButton>
   );
-};
+}
 
 Button.defaultProps = {
   active: false,

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

@@ -26,7 +26,9 @@ const Button = styled.button`
       return css`
         border: 0;
         background: rgba(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);
+        box-shadow:
+          inset 0 -1px 0 0 rgba(16, 22, 34, 0.04),
+          inset 0 1px 0 0 rgba(16, 22, 34, 0.04);
       `;
     }
 

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

@@ -9,14 +9,14 @@ import PropTypes from 'prop-types';
 import Button from './Button';
 import Wrapper from './Wrapper';
 
-const WysiwygInlineControls = ({
+function WysiwygInlineControls({
   buttons,
   disabled,
   editorState,
   handlers,
   onToggle,
   onToggleBlock,
-}) => {
+}) {
   const selection = editorState.getSelection();
   const blockType = editorState
     .getCurrentContent()
@@ -45,7 +45,7 @@ const WysiwygInlineControls = ({
       ))}
     </Wrapper>
   );
-};
+}
 
 WysiwygInlineControls.defaultProps = {
   buttons: [],

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

@@ -27,7 +27,7 @@ import selectCrudReducer from '../../sharedReducers/crudReducer/selectors';
 import { getRequestUrl } from './utils';
 
 // This container is used to handle the CRUD
-const CollectionTypeFormWrapper = ({ allLayoutData, children, slug, id, origin }) => {
+function CollectionTypeFormWrapper({ allLayoutData, children, slug, id, origin }) {
   const { emitEvent } = useGlobalContext();
   const { push, replace } = useHistory();
   const [{ rawQuery }] = useQueryParams();
@@ -338,7 +338,7 @@ const CollectionTypeFormWrapper = ({ allLayoutData, children, slug, id, origin }
     status,
     redirectionLink,
   });
-};
+}
 
 CollectionTypeFormWrapper.defaultProps = {
   id: null,

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

@@ -17,12 +17,12 @@ import EditSettingsView from '../EditSettingsView';
 import ListViewLayout from '../ListViewLayoutManager';
 import ListSettingsView from '../ListSettingsView';
 
-const CollectionTypeRecursivePath = ({
+function CollectionTypeRecursivePath({
   match: {
     params: { slug },
     url,
   },
-}) => {
+}) {
   const { isLoading, layout, updateLayout } = useFetchContentTypeLayout(slug);
 
   const { rawContentTypeLayout, rawComponentsLayouts } = useMemo(() => {
@@ -115,7 +115,7 @@ const CollectionTypeRecursivePath = ({
       </ContentTypeLayoutContext.Provider>
     </ErrorBoundary>
   );
-};
+}
 
 CollectionTypeRecursivePath.propTypes = {
   match: PropTypes.shape({

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

@@ -13,7 +13,7 @@ import crudReducer, { crudInitialState } from '../../sharedReducers/crudReducer/
 import { getData, getDataSucceeded } from '../../sharedReducers/crudReducer/actions';
 import EditSettingsView from '../EditSettingsView';
 
-const ComponentSettingsView = () => {
+function ComponentSettingsView() {
   const [{ isLoading, data: layout }, dispatch] = useReducer(crudReducer, crudInitialState);
   const schemasSelector = useMemo(makeSelectModelAndComponentSchemas, []);
   const { schemas } = useSelector((state) => schemasSelector(state), shallowEqual);
@@ -54,6 +54,6 @@ const ComponentSettingsView = () => {
       <EditSettingsView components={layout.components} mainLayout={layout.component} slug={uid} />
     </CheckPagePermissions>
   );
-};
+}
 
 export default memo(ComponentSettingsView);

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

@@ -21,7 +21,7 @@ import reducer, { initialState } from './reducer';
 import { createPossibleMainFieldsForModelsAndComponents, getInputProps } from './utils';
 import { unformatLayout } from './utils/layout';
 
-const EditSettingsView = ({ components, mainLayout, isContentTypeView, slug, updateLayout }) => {
+function EditSettingsView({ components, mainLayout, isContentTypeView, slug, updateLayout }) {
   const { push } = useHistory();
   const { currentEnvironment, emitEvent, plugins } = useGlobalContext();
 
@@ -379,7 +379,7 @@ const EditSettingsView = ({ components, mainLayout, isContentTypeView, slug, upd
       />
     </LayoutDndProvider>
   );
-};
+}
 
 EditSettingsView.defaultProps = {
   isContentTypeView: false,

package/admin/src/containers/EditView/DeleteLink/index.js

@@ -11,7 +11,7 @@ import { getTrad } from '../../../utils';
 import { DeleteButton } from '../components';
 import { connect, select } from './utils';
 
-const DeleteLink = ({ isCreatingEntry, onDelete, onDeleteSucceeded, trackerProperty }) => {
+function DeleteLink({ isCreatingEntry, onDelete, onDeleteSucceeded, trackerProperty }) {
   const [showWarningDelete, setWarningDelete] = useState(false);
   const [didDeleteEntry, setDidDeleteEntry] = useState(false);
   const [isModalConfirmButtonLoading, setIsModalConfirmButtonLoading] = useState(false);
@@ -80,7 +80,7 @@ const DeleteLink = ({ isCreatingEntry, onDelete, onDeleteSucceeded, trackerPrope
       />
     </>
   );
-};
+}
 
 DeleteLink.propTypes = {
   isCreatingEntry: PropTypes.bool.isRequired,

package/admin/src/containers/EditView/Header/index.js

@@ -18,7 +18,7 @@ const primaryButtonObject = {
   },
 };
 
-const Header = ({
+function Header({
   allowedActions: { canUpdate, canCreate, canPublish },
   componentLayouts,
   initialData,
@@ -30,7 +30,7 @@ const Header = ({
   onPublish,
   onUnpublish,
   status,
-}) => {
+}) {
   const [showWarningUnpublish, setWarningUnpublish] = useState(false);
   const { formatMessage } = useIntl();
   const formatMessageRef = useRef(formatMessage);
@@ -234,7 +234,7 @@ const Header = ({
       )}
     </>
   );
-};
+}
 
 Header.propTypes = {
   allowedActions: PropTypes.shape({

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

@@ -16,7 +16,7 @@ const BaselineAlignment = styled.div`
   padding-top: ${({ size }) => size};
 `;
 
-const InformationCard = () => {
+function InformationCard() {
   const { initialData, hasDraftAndPublish, layout } = useContentManagerEditViewDataManager();
   const { formatMessage } = useIntl();
 
@@ -98,6 +98,6 @@ const InformationCard = () => {
       <BaselineAlignment size="2px" />
     </>
   );
-};
+}
 
 export default InformationCard;

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

@@ -28,7 +28,7 @@ import DeleteLink from './DeleteLink';
 import InformationCard from './InformationCard';
 
 /* eslint-disable  react/no-array-index-key */
-const EditView = ({
+function EditView({
   allowedActions,
   isSingleType,
   goBack,
@@ -37,7 +37,7 @@ const EditView = ({
   id,
   origin,
   userPermissions,
-}) => {
+}) {
   const { currentEnvironment, plugins } = useGlobalContext();
 
   const { createActionAllowedFields, readActionAllowedFields, updateActionAllowedFields } =
@@ -256,7 +256,7 @@ const EditView = ({
       }}
     </DataManagementWrapper>
   );
-};
+}
 
 EditView.defaultProps = {
   id: null,

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

@@ -12,7 +12,7 @@ import { getTrad, removeKeyInObject } from '../../utils';
 import reducer, { initialState } from './reducer';
 import { cleanData, createYupSchema, getYupInnerErrors } from './utils';
 
-const EditViewDataManagerProvider = ({
+function EditViewDataManagerProvider({
   allLayoutData,
   allowedActions: { canRead, canUpdate },
   children,
@@ -34,7 +34,7 @@ const EditViewDataManagerProvider = ({
   slug,
   status,
   updateActionAllowedFields,
-}) => {
+}) {
   const [reducerState, dispatch] = useReducer(reducer, initialState);
   const { formErrors, initialData, modifiedData, modifiedDZName, shouldCheckErrors } =
     reducerState.toJS();
@@ -481,7 +481,7 @@ const EditViewDataManagerProvider = ({
       </>
     </ContentManagerEditViewDataManagerContext.Provider>
   );
-};
+}
 
 EditViewDataManagerProvider.defaultProps = {
   from: '/',

package/admin/src/containers/EditViewLayoutManager/Permissions.js

@@ -5,7 +5,7 @@ import isEqual from 'react-fast-compare';
 import EditView from '../EditView';
 import { generatePermissionsObject } from '../../utils';
 
-const Permissions = (props) => {
+function Permissions(props) {
   const viewPermissions = useMemo(() => generatePermissionsObject(props.slug), [props.slug]);
   const { isLoading, allowedActions } = useUserPermissions(viewPermissions, props.userPermissions);
 
@@ -14,7 +14,7 @@ const Permissions = (props) => {
   }
 
   return <EditView {...props} allowedActions={allowedActions} />;
-};
+}
 
 Permissions.defaultProps = {
   permissions: [],

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

@@ -7,7 +7,7 @@ import { resetProps, setLayout } from './actions';
 import selectLayout from './selectors';
 import Permissions from './Permissions';
 
-const EditViewLayoutManager = ({ layout, ...rest }) => {
+function EditViewLayoutManager({ layout, ...rest }) {
   const currentLayout = useSelector(selectLayout);
   const dispatch = useDispatch();
   const [{ query }] = useQueryParams();
@@ -26,7 +26,7 @@ const EditViewLayoutManager = ({ layout, ...rest }) => {
   }
 
   return <Permissions {...rest} layout={currentLayout} userPermissions={permissions} />;
-};
+}
 
 EditViewLayoutManager.propTypes = {
   layout: PropTypes.shape({

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

@@ -6,7 +6,7 @@ import ItemTypes from '../../utils/ItemTypes';
 import DraggedField from '../../components/DraggedField';
 import useLayoutDnd from '../../hooks/useLayoutDnd';
 
-const Label = ({ count, index, label, move, name, onClick, onRemove, selectedItem }) => {
+function Label({ count, index, label, move, name, onClick, onRemove, selectedItem }) {
   const ref = useRef(null);
   const { setIsDraggingSibling } = useLayoutDnd();
 
@@ -60,7 +60,7 @@ const Label = ({ count, index, label, move, name, onClick, onRemove, selectedIte
       selectedItem={selectedItem}
     />
   );
-};
+}
 
 Label.defaultProps = {
   index: 0,

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

@@ -21,7 +21,7 @@ import init from './init';
 import reducer, { initialState } from './reducer';
 import forms from './forms.json';
 
-const ListSettingsView = ({ layout, slug, updateLayout }) => {
+function ListSettingsView({ layout, slug, updateLayout }) {
   const [reducerState, dispatch] = useReducer(reducer, initialState, () =>
     init(initialState, layout)
   );
@@ -281,7 +281,7 @@ const ListSettingsView = ({ layout, slug, updateLayout }) => {
       />
     </LayoutDndProvider>
   );
-};
+}
 
 ListSettingsView.propTypes = {
   layout: PropTypes.shape({

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

@@ -5,7 +5,7 @@ import { FormattedMessage } from 'react-intl';
 import Link from './StyledLink';
 import Wrapper from './Wrapper';
 
-const ConfigureLink = ({ slug }) => {
+function ConfigureLink({ slug }) {
   const { emitEvent } = useGlobalContext();
 
   const handleClick = () => {
@@ -20,7 +20,7 @@ const ConfigureLink = ({ slug }) => {
       </Link>
     </Wrapper>
   );
-};
+}
 
 ConfigureLink.propTypes = {
   slug: PropTypes.string.isRequired,