@akemona-org/strapi-plugin-content-manager 3.7.0 → 3.7.1

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

@@ -16,7 +16,7 @@ import InputJSON from '../InputJSON';
 import Wrapper from './Wrapper';
 
 class InputJSONWithErrors extends React.Component {
-  handleChange = e => {
+  handleChange = (e) => {
     this.props.onChange(e);
   };
 
@@ -67,7 +67,7 @@ class InputJSONWithErrors extends React.Component {
                 deactivateErrorHighlight={deactivateErrorHighlight}
                 name={name}
                 onBlur={isFunction(handleBlur) ? handleBlur : onBlur}
-                onChange={e => {
+                onChange={(e) => {
                   if (!canCheck) {
                     dispatch({
                       type: 'SET_CHECK',

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

@@ -11,11 +11,11 @@ import RightOptionLabel from './RightOptionLabel';
 const Options = ({ options, title }) => (
   <OptionsWrapper>
     {title && <OptionsTitle>{title}</OptionsTitle>}
-    {options.map(option => (
+    {options.map((option) => (
       <Option key={option.id} onClick={option.onClick}>
         <div>{option.label}</div>
         <FormattedMessage id={getTrad('components.uid.apply')}>
-          {msg => <RightOptionLabel className="right-label">{msg}</RightOptionLabel>}
+          {(msg) => <RightOptionLabel className="right-label">{msg}</RightOptionLabel>}
         </FormattedMessage>
       </Option>
     ))}

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

@@ -4,7 +4,7 @@ const wrapper = styled.div`
   position: absolute;
   width: 100%;
   margin-top: 3px;
-  border: 1px solid ${props => props.theme.main.colors.border};
+  border: 1px solid ${(props) => props.theme.main.colors.border};
   border-radius: 2px;
   background-color: white;
   z-index: 11;

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

@@ -237,7 +237,7 @@ const InputUID = ({
                 error={hasError}
                 onFocus={handleFocus}
                 name={name}
-                onChange={e => handleChange(e, canCheck, dispatch)}
+                onChange={(e) => handleChange(e, canCheck, dispatch)}
                 type="text"
                 onBlur={onBlur}
                 // eslint-disable-next-line no-irregular-whitespace
@@ -272,7 +272,7 @@ const InputUID = ({
               </RightContent>
               {availability && availability.suggestion && isSuggestionOpen && (
                 <FormattedMessage id={`${pluginId}.components.uid.suggested`}>
-                  {msg => (
+                  {(msg) => (
                     <Options
                       title={msg}
                       options={[

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

@@ -168,10 +168,10 @@ function Inputs({
     return disabled;
   }, [disabled, isCreatingEntry, isUserAllowedToEditField, isUserAllowedToReadField]);
 
-  const options = useMemo(() => generateOptions(fieldSchema.enum || [], isRequired), [
-    fieldSchema,
-    isRequired,
-  ]);
+  const options = useMemo(
+    () => generateOptions(fieldSchema.enum || [], isRequired),
+    [fieldSchema, isRequired]
+  );
 
   const otherFields = useMemo(() => {
     return fieldApi.getFields();

package/admin/src/components/Inputs/utils/generateOptions.js

@@ -3,13 +3,13 @@ import { FormattedMessage } from 'react-intl';
 
 const generateOptions = (options, isRequired = false) => [
   <FormattedMessage id="components.InputSelect.option.placeholder" key="__enum_option_null">
-    {msg => (
+    {(msg) => (
       <option disabled={isRequired} hidden={isRequired} value="">
         {msg}
       </option>
     )}
   </FormattedMessage>,
-  ...options.map(v => (
+  ...options.map((v) => (
     <option key={v} value={v}>
       {v}
     </option>

package/admin/src/components/Inputs/utils/getStep.js

@@ -1,4 +1,4 @@
-const getStep = type => {
+const getStep = (type) => {
   let step;
 
   if (type === 'float' || type === 'decimal') {

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

@@ -14,7 +14,7 @@ import {
 const IMAGE_PREVIEW_COUNT = 3;
 
 function MediaPreviewList({ hoverable, files }) {
-  const renderImage = image => {
+  const renderImage = (image) => {
     const { name, size, url } = image;
     const thumbnail = get(image, ['formats', 'thumbnail', 'url'], null);
     const fileUrl = thumbnail || url;
@@ -33,7 +33,7 @@ function MediaPreviewList({ hoverable, files }) {
     );
   };
 
-  const renderFile = file => {
+  const renderFile = (file) => {
     const { ext, name } = file;
     const fileExtension = getFileExtension(ext);
 
@@ -54,7 +54,7 @@ function MediaPreviewList({ hoverable, files }) {
     );
   };
 
-  const renderItem = file => {
+  const renderItem = (file) => {
     const { mime } = file;
 
     return (
@@ -64,7 +64,7 @@ function MediaPreviewList({ hoverable, files }) {
     );
   };
 
-  const renderText = count => {
+  const renderText = (count) => {
     return (
       <MediaPreviewText>
         <div>
@@ -74,7 +74,7 @@ function MediaPreviewList({ hoverable, files }) {
     );
   };
 
-  const renderMultipleItems = files => {
+  const renderMultipleItems = (files) => {
     return files.map((file, index) => {
       return (
         <React.Fragment key={JSON.stringify(file)}>

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

@@ -10,10 +10,10 @@ import FieldComponent from '../FieldComponent';
 
 const NonRepeatableComponent = ({ componentUid, isFromDynamicZone, name }) => {
   const { getComponentLayout } = useContentTypeLayout();
-  const componentLayoutData = useMemo(() => getComponentLayout(componentUid), [
-    componentUid,
-    getComponentLayout,
-  ]);
+  const componentLayoutData = useMemo(
+    () => getComponentLayout(componentUid),
+    [componentUid, getComponentLayout]
+  );
   const fields = componentLayoutData.layouts.edit;
 
   return (

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

@@ -107,7 +107,7 @@ const Wrapper = styled.div`
     border-radius: 3px;
   }
   .tip {
-    background-color: ${props => props.theme.main.colors.darkBlue};
+    background-color: ${(props) => props.theme.main.colors.darkBlue};
     padding: 30px;
     border-radius: 3px;
   }

package/admin/src/components/PreviewWysiwyg/utils/satinizeHtml.js

@@ -11,6 +11,6 @@ const options = {
   },
 };
 
-const clean = dirty => sanitizeHtml(dirty, options);
+const clean = (dirty) => sanitizeHtml(dirty, options);
 
 export default clean;

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

@@ -18,7 +18,7 @@ const RelationPreviewTooltip = ({
   const tooltipRef = useRef();
 
   const fetchRelationData = useCallback(
-    async signal => {
+    async (signal) => {
       const requestURL = getRequestUrl(`${endPoint}/${rowId}/${name}`);
       try {
         const { results } = await request(requestURL, {
@@ -51,7 +51,7 @@ const RelationPreviewTooltip = ({
   }, [fetchRelationData]);
 
   const getValueToDisplay = useCallback(
-    item => {
+    (item) => {
       return getDisplayedValue(mainField.schema.type, item[mainField.name], mainField.name);
     },
     [mainField]
@@ -79,7 +79,7 @@ const RelationPreviewTooltip = ({
           </Padded>
         ) : (
           <>
-            {relationData.map(item => (
+            {relationData.map((item) => (
               <Padded key={item.id} top bottom size="xs">
                 <Text ellipsis color="white">
                   {getValueToDisplay(item)}

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

@@ -51,7 +51,7 @@ const RelationPreviewList = ({
   const size = value ? value.count : 0;
 
   const handleTooltipToggle = () => {
-    setDisplayTooltip(prev => !prev);
+    setDisplayTooltip((prev) => !prev);
   };
 
   return (

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

@@ -49,7 +49,7 @@ const Banner = forwardRef(
           </div>
 
           <FormattedMessage id={`${pluginId}.containers.Edit.pluginHeader.title.new`}>
-            {msg => {
+            {(msg) => {
               // The displayed value may be "falsey" when the main field is a number or boolean
               return <div style={{ display }}>{displayedValue ?? msg}</div>;
             }}
@@ -60,7 +60,7 @@ const Banner = forwardRef(
                 <div
                   className="trash-icon"
                   style={{ marginRight: 10, padding: '0 5px' }}
-                  onClick={e => {
+                  onClick={(e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     onClickRemove();

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

@@ -105,7 +105,6 @@ const BannerWrapper = styled.button`
     outline: 0;
   }
 
-
   .img-wrapper {
     width: 19px;
     height: 19px;
@@ -136,7 +135,7 @@ const BannerWrapper = styled.button`
       svg {
         font-size: 10px;
         path {
-          fill: #4B515A;
+          fill: #4b515a;
         }
       }
     }

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

@@ -60,14 +60,8 @@ const DraggedItem = ({
       const dragPath = item.originalPath;
       const hoverPath = componentFieldName;
       const fullPathToComponentArray = dragPath.split('.');
-      const dragIndexString = fullPathToComponentArray
-        .slice()
-        .splice(-1)
-        .join('');
-      const hoverIndexString = hoverPath
-        .split('.')
-        .splice(-1)
-        .join('');
+      const dragIndexString = fullPathToComponentArray.slice().splice(-1).join('');
+      const hoverIndexString = hoverPath.split('.').splice(-1).join('');
       const pathToComponentArray = fullPathToComponentArray.slice(
         0,
         fullPathToComponentArray.length - 1
@@ -120,7 +114,7 @@ const DraggedItem = ({
       // Update the errors
       triggerFormValidation();
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
     }),
   });

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

@@ -30,20 +30,20 @@ const RepeatableComponent = ({
   const [collapseToOpen, setCollapseToOpen] = useState('');
   const [, drop] = useDrop({ accept: ItemTypes.COMPONENT });
   const { getComponentLayout } = useContentTypeLayout();
-  const componentLayoutData = useMemo(() => getComponentLayout(componentUid), [
-    componentUid,
-    getComponentLayout,
-  ]);
+  const componentLayoutData = useMemo(
+    () => getComponentLayout(componentUid),
+    [componentUid, getComponentLayout]
+  );
 
   const nextTempKey = useMemo(() => {
     return getMaxTempKey(componentValue || []) + 1;
   }, [componentValue]);
 
   const componentErrorKeys = Object.keys(formErrors)
-    .filter(errorKey => {
+    .filter((errorKey) => {
       return take(errorKey.split('.'), isNested ? 3 : 1).join('.') === name;
     })
-    .map(errorKey => {
+    .map((errorKey) => {
       return errorKey
         .split('.')
         .slice(0, name.split('.').length + 1)
@@ -54,7 +54,7 @@ const RepeatableComponent = ({
     setCollapseToOpen('');
   };
   const missingComponentsValue = min - componentValueLength;
-  const errorsArray = componentErrorKeys.map(key => get(formErrors, [key, 'id'], ''));
+  const errorsArray = componentErrorKeys.map((key) => get(formErrors, [key, 'id'], ''));
 
   const hasMinError = get(errorsArray, [0], '').includes('min');
 
@@ -86,7 +86,7 @@ const RepeatableComponent = ({
       {componentValueLength === 0 && (
         <EmptyComponent hasMinError={hasMinError}>
           <FormattedMessage id={`${pluginId}.components.empty-repeatable`}>
-            {msg => <p>{msg}</p>}
+            {(msg) => <p>{msg}</p>}
           </FormattedMessage>
         </EmptyComponent>
       )}

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

@@ -3,27 +3,27 @@ import getTrad from '../../utils/getTrad';
 
 const initialState = fromJS({ collapses: [] });
 
-const getMax = arr => {
+const getMax = (arr) => {
   if (arr.size === 0) {
     return -1;
   }
 
   return Math.max.apply(
     Math,
-    arr.toJS().map(o => o._temp__id)
+    arr.toJS().map((o) => o._temp__id)
   );
 };
 
 const reducer = (state, action) => {
   switch (action.type) {
     case 'ADD_NEW_FIELD':
-      return state.update('collapses', list => {
+      return state.update('collapses', (list) => {
         return list
-          .map(obj => obj.update('isOpen', () => false))
+          .map((obj) => obj.update('isOpen', () => false))
           .push(fromJS({ isOpen: true, _temp__id: getMax(list) + 1 }));
       });
     case 'MOVE_COLLAPSE':
-      return state.updateIn(['collapses'], list => {
+      return state.updateIn(['collapses'], (list) => {
         const oldList = list;
         const newList = list
           .delete(action.dragIndex)
@@ -44,10 +44,10 @@ const reducer = (state, action) => {
         return newList;
       });
     case 'TOGGLE_COLLAPSE':
-      return state.update('collapses', list => {
+      return state.update('collapses', (list) => {
         return list.map((obj, index) => {
           if (index === action.index) {
-            return obj.update('isOpen', v => !v);
+            return obj.update('isOpen', (v) => !v);
           }
 
           return obj.update('isOpen', () => false);
@@ -56,8 +56,8 @@ const reducer = (state, action) => {
     case 'REMOVE_COLLAPSE':
       return state
         .removeIn(['collapses', action.index])
-        .update('collapses', list => list.map(obj => obj.set('isOpen', false)))
-        .update('collapses', list => {
+        .update('collapses', (list) => list.map((obj) => obj.set('isOpen', false)))
+        .update('collapses', (list) => {
           if (action.shouldAddEmptyField) {
             return list.push(fromJS({ isOpen: true }));
           }

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

@@ -45,7 +45,7 @@ class Search extends React.Component {
     this.triggerChange('');
   };
 
-  triggerChange = value => {
+  triggerChange = (value) => {
     const method = value ? 'push' : 'remove';
     const params = method === 'push' ? { _q: value, page: 1 } : { _q: '' };
 
@@ -58,7 +58,7 @@ class Search extends React.Component {
 
     return (
       <FormattedMessage id={getTrad('components.Search.placeholder')}>
-        {placeholder => (
+        {(placeholder) => (
           <HeaderSearch
             label={upperFirst(model)}
             onChange={this.handleChange}

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

@@ -11,9 +11,7 @@ const SectionTitle = ({ isSettings }) => {
 
   return (
     <div style={{ marginBottom: '18px' }}>
-      <FormattedMessage id={msgId}>
-        {msg => <Title>{msg}</Title>}
-      </FormattedMessage>
+      <FormattedMessage id={msgId}>{(msg) => <Title>{msg}</Title>}</FormattedMessage>
     </div>
   );
 };

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

@@ -35,7 +35,7 @@ function ListItem({
       hasDraftAndPublish,
       mainField,
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
     }),
   });
@@ -58,7 +58,7 @@ function ListItem({
 
   return (
     <Li
-      ref={node => {
+      ref={(node) => {
         if (!isDisabled) {
           drag(drop(node));
         }

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

@@ -29,8 +29,8 @@ function SelectMany({
   value,
 }) {
   const [, drop] = useDrop({ accept: ItemTypes.RELATION });
-  const findRelation = id => {
-    const relation = value.filter(c => {
+  const findRelation = (id) => {
+    const relation = value.filter((c) => {
       return `${c.id}` === `${id}`;
     })[0];
 
@@ -65,7 +65,7 @@ function SelectMany({
         id={name}
         filterOption={(candidate, input) => {
           if (!isEmpty(value)) {
-            const isSelected = value.findIndex(item => item.id === candidate.value.id) !== -1;
+            const isSelected = value.findIndex((item) => item.id === candidate.value.id) !== -1;
 
             if (isSelected) {
               return false;

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

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

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 => {
+const ClearIndicator = (props) => {
   const Component = components.ClearIndicator;
 
   return (

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

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

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

@@ -62,13 +62,8 @@ function SelectWrapper({
   const [{ query }] = useQueryParams();
   // Disable the input in case of a polymorphic relation
   const isMorph = useMemo(() => relationType.toLowerCase().includes('morph'), [relationType]);
-  const {
-    addRelation,
-    modifiedData,
-    moveRelation,
-    onChange,
-    onRemoveRelation,
-  } = useContentManagerEditViewDataManager();
+  const { addRelation, modifiedData, moveRelation, onChange, onRemoveRelation } =
+    useContentManagerEditViewDataManager();
   const { pathname } = useLocation();
 
   const value = get(modifiedData, name, null);
@@ -78,11 +73,11 @@ function SelectWrapper({
   const [isOpen, setIsOpen] = useState(false);
 
   const filteredOptions = useMemo(() => {
-    return options.filter(option => {
+    return options.filter((option) => {
       if (!isEmpty(value)) {
         // SelectMany
         if (Array.isArray(value)) {
-          return findIndex(value, o => o.id === option.value.id) === -1;
+          return findIndex(value, (o) => o.id === option.value.id) === -1;
         }
 
         // SelectOne
@@ -93,13 +88,8 @@ function SelectWrapper({
     });
   }, [options, value]);
 
-  const {
-    endPoint,
-    containsKey,
-    defaultParams,
-    shouldDisplayRelationLink,
-    paramsToKeep,
-  } = queryInfos;
+  const { endPoint, containsKey, defaultParams, shouldDisplayRelationLink, paramsToKeep } =
+    queryInfos;
 
   const isSingle = ['oneWay', 'oneToOne', 'manyToOne', 'oneToManyMorph', 'oneToOneMorph'].includes(
     relationType
@@ -114,11 +104,11 @@ function SelectWrapper({
       return [value.id];
     }
 
-    return value.map(val => val.id);
+    return value.map((val) => val.id);
   }, [isSingle, value]);
 
   const getData = useCallback(
-    async signal => {
+    async (signal) => {
       // Currently polymorphic relations are not handled
       if (isMorph) {
         setIsLoading(false);
@@ -148,19 +138,19 @@ function SelectWrapper({
           body: { idsToOmit },
         });
 
-        const formattedData = data.map(obj => {
+        const formattedData = data.map((obj) => {
           return { value: obj, label: obj[mainField.name] };
         });
 
-        setOptions(prevState =>
+        setOptions((prevState) =>
           prevState.concat(formattedData).filter((obj, index) => {
-            const objIndex = prevState.findIndex(el => el.value.id === obj.value.id);
+            const objIndex = prevState.findIndex((el) => el.value.id === obj.value.id);
 
             if (objIndex === -1) {
               return true;
             }
 
-            return prevState.findIndex(el => el.value.id === obj.value.id) === index;
+            return prevState.findIndex((el) => el.value.id === obj.value.id) === index;
           })
         );
         setIsLoading(false);
@@ -194,7 +184,7 @@ function SelectWrapper({
 
   const handleInputChange = (inputValue, { action }) => {
     if (action === 'input-change') {
-      setState(prevState => {
+      setState((prevState) => {
         if (prevState._contains === inputValue) {
           return prevState;
         }
@@ -207,7 +197,7 @@ function SelectWrapper({
   };
 
   const handleMenuScrollToBottom = () => {
-    setState(prevState => ({ ...prevState, _limit: prevState._limit + 20 }));
+    setState((prevState) => ({ ...prevState, _limit: prevState._limit + 20 }));
   };
 
   const handleMenuClose = () => {
@@ -215,11 +205,11 @@ function SelectWrapper({
     setIsOpen(false);
   };
 
-  const handleChange = value => {
+  const handleChange = (value) => {
     onChange({ target: { name, value: value ? value.value : value } });
   };
 
-  const handleAddRelation = value => {
+  const handleAddRelation = (value) => {
     if (!isEmpty(value)) {
       addRelation({ target: { name, value } });
     }
@@ -245,7 +235,7 @@ function SelectWrapper({
     return (
       <Link to={{ pathname: to, state: { from: pathname }, search: searchToPersist }}>
         <FormattedMessage id="content-manager.containers.Edit.seeDetails">
-          {msg => <A color="mediumBlue">{msg}</A>}
+          {(msg) => <A color="mediumBlue">{msg}</A>}
         </FormattedMessage>
       </Link>
     );

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

@@ -2,7 +2,7 @@
 /* eslint-disable no-nested-ternary */
 
 const styles = {
-  container: base => ({ ...base, background: '#ffffff' }),
+  container: (base) => ({ ...base, background: '#ffffff' }),
   control: (base, state) => {
     const borderRadiusStyle = state.selectProps.menuIsOpen
       ? {
@@ -49,8 +49,8 @@ const styles = {
       backgroundColor,
     };
   },
-  input: base => ({ ...base, marginLeft: 10 }),
-  menu: base => {
+  input: (base) => ({ ...base, marginLeft: 10 }),
+  menu: (base) => {
     return {
       ...base,
       width: '100%',
@@ -65,7 +65,7 @@ const styles = {
       fontSize: '13px',
     };
   },
-  menuList: base => ({
+  menuList: (base) => ({
     ...base,
     maxHeight: '112px',
     paddingTop: 2,
@@ -85,7 +85,7 @@ const styles = {
       WebkitFontSmoothing: 'antialiased',
     };
   },
-  placeholder: base => ({
+  placeholder: (base) => ({
     ...base,
     marginTop: 0,
     marginLeft: 10,
@@ -95,7 +95,7 @@ const styles = {
     textOverflow: 'ellipsis',
     maxWidth: 'calc(100% - 32px)',
   }),
-  valueContainer: base => ({
+  valueContainer: (base) => ({
     ...base,
     padding: '2px 0px 4px 0px',
     lineHeight: '18px',