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

package/admin/src/InjectedComponents/ContentTypeBuilder/ConfigureViewButton/index.js

@@ -13,7 +13,7 @@ const StyledButton = styled(Base)`
   padding-right: 15px;
 `;
 
-const Button = ({ isTemporary, isInContentTypeView, contentTypeKind, targetUid }) => {
+function Button({ isTemporary, isInContentTypeView, contentTypeKind, targetUid }) {
   const { formatMessage } = useIntl();
   const { push } = useHistory();
   const { collectionTypesConfigurations, componentsConfigurations, singleTypesConfigurations } =
@@ -56,7 +56,7 @@ const Button = ({ isTemporary, isInContentTypeView, contentTypeKind, targetUid }
       />
     </CheckPermissions>
   );
-};
+}
 
 Button.defaultProps = {
   contentTypeKind: 'collectionType',

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

@@ -10,8 +10,8 @@ import { Wrapper, Sub } from './components';
 
 const renderMsg = (msg) => <p>{msg}</p>;
 
-const Block = ({ children, description, style, title }) => (
-  <div className="col-md-12">
+function Block({ children, description, style, title }) {
+  return <div className="col-md-12">
     <Wrapper style={style}>
       <Sub>
         {!!title && (
@@ -24,7 +24,7 @@ const Block = ({ children, description, style, title }) => (
       {children}
     </Wrapper>
   </div>
-);
+}
 
 Block.defaultProps = {
   children: null,

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

@@ -8,7 +8,7 @@ import NonRepeatableWrapper from '../NonRepeatableWrapper';
 import PlusButton from '../PlusButton';
 import P from './P';
 
-const ComponentInitializer = ({ componentUid, isReadOnly, name }) => {
+function ComponentInitializer({ componentUid, isReadOnly, name }) {
   const { addNonRepeatableComponentToField } = useContentManagerEditViewDataManager();
 
   return (
@@ -27,7 +27,7 @@ const ComponentInitializer = ({ componentUid, isReadOnly, name }) => {
       </FormattedMessage>
     </NonRepeatableWrapper>
   );
-};
+}
 
 ComponentInitializer.defaultProps = {
   isReadOnly: false,

package/admin/src/components/CustomTable/Headers/Header.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Carret, useGlobalContext } from '@akemona-org/strapi-helper-plugin';
 import { useListView } from '../../../hooks';
 
-const Header = ({ fieldSchema: { type }, metadatas: { label, sortable, mainField }, name }) => {
+function Header({ fieldSchema: { type }, metadatas: { label, sortable, mainField }, name }) {
   const { _sort, firstSortableHeader, setQuery } = useListView();
   const { emitEvent } = useGlobalContext();
   const [sortBy, sortOrder] = _sort.split(':');
@@ -42,7 +42,7 @@ const Header = ({ fieldSchema: { type }, metadatas: { label, sortable, mainField
       </span>
     </th>
   );
-};
+}
 
 Header.propTypes = {
   fieldSchema: PropTypes.shape({

package/admin/src/components/CustomTable/Row/Cell.js

@@ -6,7 +6,7 @@ import RelationPreviewList from '../../RelationPreviewList';
 import Truncate from '../../Truncate';
 import Truncated from '../../Truncated';
 
-const Cell = ({ options }) => {
+function Cell({ options }) {
   const [tooltipIsDisplayed, setDisplayTooltip] = useState(false);
 
   const handleTooltipToggle = () => {
@@ -33,7 +33,7 @@ const Cell = ({ options }) => {
       {tooltipIsDisplayed && <Tooltip id={cellId} />}
     </Truncate>
   );
-};
+}
 
 Cell.propTypes = {
   options: PropTypes.shape({

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

@@ -13,7 +13,7 @@ import ActionCollapse from './ActionCollapse';
 import Headers from './Headers';
 import Row from './Row';
 
-const CustomTable = ({
+function CustomTable({
   canCreate,
   canUpdate,
   canDelete,
@@ -22,7 +22,7 @@ const CustomTable = ({
   hasDraftAndPublish,
   isBulkable,
   showLoader,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const { entriesToDelete, label, filters, _q } = useListView();
   const { emitEvent } = useGlobalContext();
@@ -146,7 +146,7 @@ const CustomTable = ({
       </tbody>
     </Table>
   );
-};
+}
 
 CustomTable.propTypes = {
   canCreate: PropTypes.bool.isRequired,

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

@@ -34,7 +34,7 @@ function getItemStyles(initialOffset, currentOffset, mouseOffset) {
   };
 }
 
-const CustomDragLayer = () => {
+function CustomDragLayer() {
   const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(
     (monitor) => ({
       item: monitor.getItem(),
@@ -97,6 +97,6 @@ const CustomDragLayer = () => {
       </div>
     </LayoutDndProvider>
   );
-};
+}
 
 export default CustomDragLayer;

package/admin/src/components/DraggedFieldWithPreview/DynamicComponent.js

@@ -7,7 +7,7 @@ import pluginPermissions from '../../permissions';
 import DynamicComponentCard from '../DynamicComponentCard';
 import Tooltip from './Tooltip';
 
-const DynamicComponent = ({ componentUid, friendlyName, icon, setIsOverDynamicZone }) => {
+function DynamicComponent({ componentUid, friendlyName, icon, setIsOverDynamicZone }) {
   const [isOver, setIsOver] = useState(false);
   const [{ isLoading, canAccess }, setState] = useState({ isLoading: true, canAccess: false });
   const { push } = useHistory();
@@ -53,7 +53,7 @@ const DynamicComponent = ({ componentUid, friendlyName, icon, setIsOverDynamicZo
       <Tooltip isOver={isOver}>{componentUid}</Tooltip>
     </DynamicComponentCard>
   );
-};
+}
 
 DynamicComponent.defaultProps = {
   friendlyName: '',

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Wrapper from './Wrapper';
 
-const DynamicComponentCard = ({ children, componentUid, friendlyName, icon, onClick }) => {
+function DynamicComponentCard({ children, componentUid, friendlyName, icon, onClick }) {
   return (
     <Wrapper
       onClick={(e) => {
@@ -23,7 +23,7 @@ const DynamicComponentCard = ({ children, componentUid, friendlyName, icon, onCl
       {children}
     </Wrapper>
   );
-};
+}
 
 DynamicComponentCard.defaultProps = {
   children: null,

package/admin/src/components/DynamicZone/Component/index.js

@@ -7,7 +7,7 @@ import { useContentTypeLayout } from '../../../hooks';
 import FieldComponent from '../../FieldComponent';
 import RoundCTA from './RoundCTA';
 
-const Component = ({
+function Component({
   componentUid,
   index,
   isFieldAllowed,
@@ -17,7 +17,7 @@ const Component = ({
   removeComponentFromDynamicZone,
   showDownIcon,
   showUpIcon,
-}) => {
+}) {
   const { getComponentLayout } = useContentTypeLayout();
   const { icon, friendlyName } = useMemo(() => {
     const {
@@ -62,7 +62,7 @@ const Component = ({
       />
     </div>
   );
-};
+}
 
 Component.propTypes = {
   componentUid: PropTypes.string.isRequired,

package/admin/src/components/DynamicZone/Picker/Category/Banner/index.js

@@ -6,7 +6,7 @@ import Wrapper from './Wrapper';
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-const Banner = ({ category, isOpen, onToggle, isFirst }) => {
+function Banner({ category, isOpen, onToggle, isFirst }) {
   const handleClick = () => {
     onToggle(category);
   };
@@ -19,7 +19,7 @@ const Banner = ({ category, isOpen, onToggle, isFirst }) => {
       <div className="label">{category}</div>
     </Wrapper>
   );
-};
+}
 
 Banner.propTypes = {
   category: PropTypes.string.isRequired,

package/admin/src/components/DynamicZone/Picker/Category/index.js

@@ -4,7 +4,7 @@ import { Collapse } from 'reactstrap';
 import DynamicComponentCard from '../../../DynamicComponentCard';
 import Banner from './Banner';
 
-const Category = ({ category, components, isFirst, isOpen, onAddComponent, onToggle }) => {
+function Category({ category, components, isFirst, isOpen, onAddComponent, onToggle }) {
   const [showComponents, setShowComponents] = useState(false);
 
   useEffect(() => {
@@ -39,7 +39,7 @@ const Category = ({ category, components, isFirst, isOpen, onAddComponent, onTog
       </Collapse>
     </>
   );
-};
+}
 
 Category.propTypes = {
   category: PropTypes.string.isRequired,

package/admin/src/components/DynamicZone/Picker/index.js

@@ -8,7 +8,7 @@ import { useContentTypeLayout } from '../../../hooks';
 import Category from './Category';
 import Wrapper from './Wrapper';
 
-const Picker = ({ components, isOpen, onClickAddComponent }) => {
+function Picker({ components, isOpen, onClickAddComponent }) {
   const { getComponentLayout } = useContentTypeLayout();
   const [categoryToOpen, setCategoryToOpen] = useState('');
 
@@ -77,7 +77,7 @@ const Picker = ({ components, isOpen, onClickAddComponent }) => {
       </Wrapper>
     </Collapse>
   );
-};
+}
 
 Picker.propTypes = {
   components: PropTypes.array.isRequired,

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

@@ -19,7 +19,7 @@ import Picker from './Picker';
 
 /* eslint-disable react/no-array-index-key */
 
-const DynamicZone = ({
+function DynamicZone({
   name,
   // Passed with the select function
   addComponentToDynamicZone,
@@ -34,7 +34,7 @@ const DynamicZone = ({
   dynamicDisplayedComponents,
   fieldSchema,
   metadatas,
-}) => {
+}) {
   const [isOpen, setIsOpen] = useState(false);
   const { formatMessage } = useIntl();
   // We cannot use the default props here
@@ -191,7 +191,7 @@ const DynamicZone = ({
       )}
     </DynamicZoneWrapper>
   );
-};
+}
 
 DynamicZone.defaultProps = {
   dynamicDisplayedComponents: [],

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

@@ -17,7 +17,7 @@ import Label from './Label';
 import Reset from './ResetComponent';
 import Wrapper from './Wrapper';
 
-const FieldComponent = ({
+function FieldComponent({
   componentFriendlyName,
   componentUid,
   icon,
@@ -36,7 +36,7 @@ const FieldComponent = ({
   isReadOnly,
   componentValue,
   removeComponentFromField,
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const componentValueLength = size(componentValue);
   const isInitialized = componentValue !== null || isFromDynamicZone;
@@ -123,7 +123,7 @@ const FieldComponent = ({
       )}
     </Wrapper>
   );
-};
+}
 
 FieldComponent.defaultProps = {
   componentValue: null,

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

@@ -9,7 +9,7 @@ import DraggedFieldWithPreview from '../DraggedFieldWithPreview';
 
 import ItemTypes from '../../utils/ItemTypes';
 
-const Item = ({
+function Item({
   componentUid,
   dynamicZoneComponents,
   itemIndex,
@@ -20,7 +20,7 @@ const Item = ({
   rowIndex,
   size,
   type,
-}) => {
+}) {
   const {
     goTo,
     componentLayouts,
@@ -222,7 +222,7 @@ const Item = ({
       ref={refs}
     />
   );
-};
+}
 
 Item.defaultProps = {
   componentUid: '',

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

@@ -9,7 +9,7 @@ import SortWrapper from '../SortWrapper';
 import Wrapper from './components';
 import Item from './Item';
 
-const FieldsReorder = ({ className }) => {
+function FieldsReorder({ className }) {
   const { attributes, buttonData, layout, moveItem, moveRow, onAddData, removeField } =
     useLayoutDnd();
 
@@ -78,7 +78,7 @@ const FieldsReorder = ({ className }) => {
       </SortWrapper>
     </div>
   );
-};
+}
 
 FieldsReorder.defaultProps = {
   className: 'col-8',

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

@@ -2,11 +2,11 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import PropTypes from 'prop-types';
 
-const Option = ({ id, value }) => {
+function Option({ id, value }) {
   return (
     <FormattedMessage id={id}>{(msg) => <option value={value}>{msg}</option>}</FormattedMessage>
   );
-};
+}
 
 Option.propTypes = {
   id: PropTypes.string.isRequired,

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

@@ -2,12 +2,12 @@ import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 
-const FormTitle = ({ description, title }) => (
-  <>
+function FormTitle({ description, title }) {
+  return <>
     {!!title && <FormattedMessage id={title} />}
     {!!description && <FormattedMessage id={description}>{(msg) => <p>{msg}</p>}</FormattedMessage>}
   </>
-);
+}
 
 FormTitle.propTypes = {
   description: PropTypes.string,

package/admin/src/components/InputUID/Options/index.js

@@ -8,8 +8,8 @@ import Option from './Option';
 import OptionsTitle from './OptionsTitle';
 import RightOptionLabel from './RightOptionLabel';
 
-const Options = ({ options, title }) => (
-  <OptionsWrapper>
+function Options({ options, title }) {
+  return <OptionsWrapper>
     {title && <OptionsTitle>{title}</OptionsTitle>}
     {options.map((option) => (
       <Option key={option.id} onClick={option.onClick}>
@@ -20,7 +20,7 @@ const Options = ({ options, title }) => (
       </Option>
     ))}
   </OptionsWrapper>
-);
+}
 
 Options.propTypes = {
   options: PropTypes.array.isRequired,

package/admin/src/components/InputUID/RightLabel.js

@@ -7,7 +7,7 @@ import pluginId from '../../pluginId';
 import getTrad from '../../utils/getTrad';
 import RightContentLabel from './RightContentLabel';
 
-const RightLabel = ({ isAvailable }) => {
+function RightLabel({ isAvailable }) {
   const { formatMessage } = useGlobalContext();
 
   return isAvailable ? (
@@ -29,7 +29,7 @@ const RightLabel = ({ isAvailable }) => {
       </RightContentLabel>
     </>
   );
-};
+}
 
 RightLabel.propTypes = {
   isAvailable: PropTypes.bool,

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

@@ -41,7 +41,7 @@ const Name = styled(Label)`
 // TODO : Make this component generic -> InputDropdown.
 // TODO : Use the Compounds components pattern
 // https://blog.bitsrc.io/understanding-compound-components-in-react-23c4b84535b5
-const InputUID = ({
+function InputUID({
   attribute,
   contentTypeUID,
   description,
@@ -54,7 +54,7 @@ const InputUID = ({
   value,
   editable,
   ...inputProps
-}) => {
+}) {
   const { modifiedData, initialData, layout } = useContentManagerEditViewDataManager();
   const [isLoading, setIsLoading] = useState(false);
   const [availability, setAvailability] = useState(null);
@@ -294,7 +294,7 @@ const InputUID = ({
       }}
     </Error>
   );
-};
+}
 
 InputUID.propTypes = {
   attribute: PropTypes.object.isRequired,

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

@@ -8,7 +8,7 @@ import NonRepeatableWrapper from '../NonRepeatableWrapper';
 import Inputs from '../Inputs';
 import FieldComponent from '../FieldComponent';
 
-const NonRepeatableComponent = ({ componentUid, isFromDynamicZone, name }) => {
+function NonRepeatableComponent({ componentUid, isFromDynamicZone, name }) {
   const { getComponentLayout } = useContentTypeLayout();
   const componentLayoutData = useMemo(
     () => getComponentLayout(componentUid),
@@ -58,7 +58,7 @@ const NonRepeatableComponent = ({ componentUid, isFromDynamicZone, name }) => {
       })}
     </NonRepeatableWrapper>
   );
-};
+}
 
 NonRepeatableComponent.defaultProps = {
   isFromDynamicZone: false,

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

@@ -12,7 +12,7 @@ import { FormattedMessage } from 'react-intl';
 import { upperFirst } from 'lodash';
 import { AttributeIcon, Button } from '@buffetjs/core';
 
-const PopupForm = ({
+function PopupForm({
   headerId,
   isOpen,
   onClosed,
@@ -21,7 +21,7 @@ const PopupForm = ({
   renderForm,
   subHeaderContent,
   type,
-}) => {
+}) {
   const getAttrType = () => {
     if (type === 'timestamp') {
       return 'date';
@@ -67,7 +67,7 @@ const PopupForm = ({
       </form>
     </Modal>
   );
-};
+}
 
 PopupForm.defaultProps = {
   isOpen: false,

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

@@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
 
 import Wrapper from './components';
 
-const PreviewCarret = ({ isComponent, style }) => (
-  <Wrapper isComponent={isComponent} style={style}>
+function PreviewCarret({ isComponent, style }) {
+  return <Wrapper isComponent={isComponent} style={style}>
     <div />
   </Wrapper>
-);
+}
 
 PreviewCarret.defaultProps = {
   isComponent: false,

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

@@ -12,7 +12,7 @@ import md from './utils/mdRenderer';
 import sanitizeHtml from './utils/satinizeHtml';
 import Wrapper from './Wrapper';
 
-const PreviewWysiwyg = ({ data }) => {
+function PreviewWysiwyg({ data }) {
   const { isFullscreen } = useWysiwyg();
   const html = useMemo(() => sanitizeHtml(md.render(data || '')), [data]);
 
@@ -21,7 +21,7 @@ const PreviewWysiwyg = ({ data }) => {
       <div dangerouslySetInnerHTML={{ __html: html }} />
     </Wrapper>
   );
-};
+}
 
 PreviewWysiwyg.defaultProps = {
   data: '',

package/admin/src/components/RelationPreviewList/RelationPreviewTooltip.js

@@ -5,14 +5,14 @@ import { LoadingIndicator, Tooltip } from '@buffetjs/styles';
 import PropTypes from 'prop-types';
 import { getDisplayedValue, getRequestUrl } from '../../utils';
 
-const RelationPreviewTooltip = ({
+function RelationPreviewTooltip({
   tooltipId,
   rowId,
   mainField,
   name,
   queryInfos: { endPoint },
   size,
-}) => {
+}) {
   const [isLoading, setIsLoading] = useState(true);
   const [relationData, setRelationData] = useState([]);
   const tooltipRef = useRef();
@@ -96,7 +96,7 @@ const RelationPreviewTooltip = ({
       </div>
     </Tooltip>
   );
-};
+}
 
 RelationPreviewTooltip.propTypes = {
   tooltipId: PropTypes.string.isRequired,

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

@@ -10,7 +10,7 @@ import Truncated from '../Truncated';
 import CountWrapper from './CountWrapper';
 import RelationPreviewTooltip from './RelationPreviewTooltip';
 
-const RelationPreviewList = ({
+function RelationPreviewList({
   options: {
     metadatas: { mainField },
     relationType,
@@ -20,7 +20,7 @@ const RelationPreviewList = ({
     name,
     queryInfos,
   },
-}) => {
+}) {
   const { formatMessage } = useIntl();
   const [tooltipIsDisplayed, setDisplayTooltip] = useState(false);
   const isSingle = ['oneWay', 'oneToOne', 'manyToOne'].includes(relationType);
@@ -89,7 +89,7 @@ const RelationPreviewList = ({
       )}
     </Truncate>
   );
-};
+}
 
 RelationPreviewList.propTypes = {
   options: PropTypes.shape({

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

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const CarretTop = () => {
+function CarretTop() {
   return (
     <svg width="7" height="5" xmlns="http://www.w3.org/2000/svg">
       <path
@@ -9,6 +9,6 @@ const CarretTop = () => {
       />
     </svg>
   );
-};
+}
 
 export default CarretTop;

package/admin/src/components/RepeatableComponent/DraggedItem/index.js

@@ -17,7 +17,7 @@ import { connect, select } from './utils';
 // https://github.com/react-dnd/react-dnd/issues/1368
 // https://github.com/frontend-collective/react-sortable-tree/issues/490
 
-const DraggedItem = ({
+function DraggedItem({
   componentFieldName,
   doesPreviousFieldContainErrorsAndIsOpen,
   hasErrors,
@@ -34,7 +34,7 @@ const DraggedItem = ({
   triggerFormValidation,
   checkFormErrors,
   displayedValue,
-}) => {
+}) {
   const dragRef = useRef(null);
   const dropRef = useRef(null);
   const [showForm, setShowForm] = useState(false);
@@ -203,7 +203,7 @@ const DraggedItem = ({
       </Collapse>
     </>
   );
-};
+}
 
 DraggedItem.defaultProps = {
   doesPreviousFieldContainErrorsAndIsOpen: false,

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

@@ -15,7 +15,7 @@ import Button from './AddFieldButton';
 import DraggedItem from './DraggedItem';
 import EmptyComponent from './EmptyComponent';
 
-const RepeatableComponent = ({
+function RepeatableComponent({
   addRepeatableComponentToField,
   formErrors,
   componentUid,
@@ -26,7 +26,7 @@ const RepeatableComponent = ({
   max,
   min,
   name,
-}) => {
+}) {
   const [collapseToOpen, setCollapseToOpen] = useState('');
   const [, drop] = useDrop({ accept: ItemTypes.COMPONENT });
   const { getComponentLayout } = useContentTypeLayout();
@@ -156,7 +156,7 @@ const RepeatableComponent = ({
       )}
     </div>
   );
-};
+}
 
 RepeatableComponent.defaultProps = {
   componentValue: null,