strapi-plugin-comments 2.0.11 → 2.1.1

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

@@ -1,57 +0,0 @@
-/**
- *
- * Discussion thread - Item
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Box } from '@strapi/design-system/Box';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
-import DiscussionThreadItemFooter from '../DiscussionThreadItemFooter';
-import DiscussionThreadItemActions from '../DiscussionThreadItemActions';
-import { DiscussionThreadItemContainer, DiscussionThreadFullsize, DiscussionThreadItemContent } from './styles';
-
-const DiscussionThreadItem = (props) => {
-    const { 
-        as = "li",
-        isSelected, 
-        content, 
-        root, 
-        preview, 
-        pinned } = props;
-    
-    return (<DiscussionThreadFullsize as={as} marginBottom={preview ? 4 : 0}>
-        <DiscussionThreadItemContainer 
-            as={Flex} 
-            direction="column" 
-            alignItems="flex-start" 
-            hasRadius 
-            background={isSelected ? 'neutral100' : null} 
-            paddingLeft={2} paddingRight={2} paddingTop={4} paddingBottom={4}>
-            <DiscussionThreadItemContent 
-                as={Flex} 
-                paddingBottom={2} 
-                direction="row">
-                <Box as={Flex} grow={1} alignItems="center" marginTop="6px">
-                    <Typography variant="omega" textColor="neutral800">{ content }</Typography>
-                </Box>
-                { !preview && (<DiscussionThreadItemActions { ...props } root={root || pinned} preview={preview} />) }
-            </DiscussionThreadItemContent>
-            <DiscussionThreadItemFooter { ...props } />
-        </DiscussionThreadItemContainer>
-    </DiscussionThreadFullsize>);
-};
-
-DiscussionThreadItem.propTypes = {
-    content: PropTypes.string.isRequired,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool,
-    }),
-};
-
-export default DiscussionThreadItem;
- 

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

@@ -1,231 +0,0 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { useHistory } from 'react-router-dom';
-import { isNil, isEmpty } from 'lodash';
-import { Flex } from '@strapi/design-system/Flex';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { Eye } from '@strapi/icons';
-import { getMessage, getUrl, handleAPIError, resolveCommentStatus, resolveCommentStatusColor } from '../../utils';
-import { DiscussionThreadItemActionsWrapper } from './styles';
-import ConfirmationDialog from '../ConfirmationDialog';
-import { blockItem, blockItemThread, unblockItem, unblockItemThread } from '../../pages/utils/api';
-import pluginId from '../../pluginId';
-import { LockIcon, UnlockIcon } from '../icons';
-import DiscussionThreadItemApprovalFlowActions from '../DiscussionThreadItemApprovalFlowActions';
-import StatusBadge from '../StatusBadge';
-import { IconButtonGroupStyled } from '../IconButton/styles';
-import { ActionButton } from '../ActionButton/styles';
-import DiscussionThreadItemReviewAction from '../DiscussionThreadItemReviewAction';
-
-const DiscussionThreadItemActions = ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }) => {
-    const { id, 
-        blocked, 
-        removed, 
-        blockedThread, 
-        gotThread, 
-        threadItemsCount,
-        threadFirstItemId,
-        pinned, 
-        preview,
-        reports = [], 
-        approvalStatus } = item;
-
-    const [blockConfirmationVisible, setBlockConfirmationVisible] = useState(false);
-    const [blockThreadConfirmationVisible, setBlockThreadConfirmationVisible] = useState(false);
-    const [blockButtonsDisabled, setBlockButtonsDisabled] = useState(blockedThread);
-
-    const { push } = useHistory();
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { lockApp, unlockApp } = useOverlayBlocker();
-
-    const onSuccess = (message, stateAction = () => {}) => async () => {
-        await queryClient.invalidateQueries('get-details-data');
-        toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
-        });
-        stateAction(false);
-        unlockApp();
-    };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const blockItemMutation = useMutation(blockItem, {
-        onSuccess: onSuccess(
-            'page.details.actions.comment.block.confirmation.success', 
-            setBlockConfirmationVisible
-        ),
-        onError,
-        refetchActive: false,
-    });
-    const unblockItemMutation = useMutation(unblockItem, {
-        onSuccess: onSuccess('page.details.actions.comment.unblock.confirmation.success'),
-        onError,
-        refetchActive: false,
-    });
-    const blockItemThreadMutation = useMutation(blockItemThread, {
-        onSuccess: onSuccess(
-            'page.details.actions.thread.block.confirmation.success', 
-            setBlockThreadConfirmationVisible
-        ),
-        onError,
-        refetchActive: false,
-    });
-    const unblockItemThreadMutation = useMutation(unblockItemThread, {
-        onSuccess: onSuccess('page.details.actions.thread.unblock.confirmation.success'),
-        onError,
-        refetchActive: false,
-    });
-
-    const gotApprovalFlow = !isNil(approvalStatus);
-    const needsApproval = gotApprovalFlow && (approvalStatus === 'PENDING');
-    const isBlocked = blocked || blockedThread;
-    const isRejected = gotApprovalFlow && (approvalStatus === 'REJECTED');
-    const openReports = reports?.filter(_ => !_.resolved);
-    const hasReports = !isEmpty(openReports);
-    const reviewFlowEnabled = (canAccessReports || canReviewReports) && hasReports;
-    const hasActiveThread = gotThread && !(removed || preview || pinned || blockedThread);
-    const isStatusBadgeVisible = isBlocked || reviewFlowEnabled;
-
-    const renderStatus = (props) => {
-        const status = resolveCommentStatus({ ...props, reviewFlowEnabled });
-        const color = resolveCommentStatusColor(status);
-   
-        return (<StatusBadge backgroundColor={`${color}100`} textColor={`${color}700`} color={color}>{ getMessage({
-            id: `page.common.item.status.${status}`,
-            props: {
-                count: openReports.length
-            }
-        }, status) }</StatusBadge>);
-      };
-
-    const handleBlockClick = () => setBlockConfirmationVisible(true);
-    const handleBlockConfirm = async () => {
-        if (canModerate) {
-            lockApp();
-            blockItemMutation.mutate(id);
-        }
-    };
-    const handleBlockCancel = () => {
-        setBlockConfirmationVisible(false);
-    };
-    const handleUnblockClick = async () => {
-        if (canModerate) {
-            lockApp();
-            unblockItemMutation.mutate(id);
-        }
-    };
-
-    const handleBlockThreadClick = () => setBlockThreadConfirmationVisible(true);
-    const handleBlockThreadConfirm = async () => {
-        if (canModerate) {
-            lockApp();
-            blockItemThreadMutation.mutate(id);
-        }
-    };
-    const handleBlockThreadCancel = () => {
-        setBlockThreadConfirmationVisible(false);
-    };
-    const handleUnblockThreadClick = async () => {
-        if (canModerate) {
-            lockApp();
-            unblockItemThreadMutation.mutate(id);
-        }
-    };
-
-    const handleDrilldownClick = () => {
-        if (hasActiveThread) {
-            push(getUrl(`discover/${threadFirstItemId}`));
-        }
-    };
-
-    const handleBlockActionClick = async (mutation, onCallback) => {
-        lockApp();
-        await mutation.mutateAsync(id);
-        onCallback();
-    };
-
-    const handleBlockButtonsStateChange = disabled => setBlockButtonsDisabled(disabled);
-
-    const anyGroupButtonsVisible = needsApproval || reviewFlowEnabled || !blockedThread;
-    const isLoading = unblockItemMutation.isLoading || blockItemMutation.isLoading || blockItemThreadMutation.isLoading || unblockItemThreadMutation.isLoading;
-
-    if (removed || isRejected || !canModerate) {
-        return (<DiscussionThreadItemActionsWrapper as={Flex} direction="row">
-            { renderStatus(item) }
-        </DiscussionThreadItemActionsWrapper>);
-    }
-
-    return (<>
-        <DiscussionThreadItemActionsWrapper as={Flex} direction="row">
-            { isStatusBadgeVisible && (renderStatus(item))}
-            { (!blockedThread && (gotThread || pinned)) && (<ActionButton onClick={handleBlockThreadClick} startIcon={<LockIcon />} loading={blockItemThreadMutation.isLoading} variant="danger">{ getMessage('page.details.actions.thread.block', 'Block thread') }</ActionButton>) }
-            { (blockedThread && (gotThread || pinned)) && (<ActionButton onClick={handleUnblockThreadClick} startIcon={<UnlockIcon />} loading={unblockItemThreadMutation.isLoading} variant="success">{ getMessage('page.details.actions.thread.unblock', 'Unblock thread') }</ActionButton>) }
-            { anyGroupButtonsVisible && (<IconButtonGroupStyled isSingle withMargin>
-                { !blockedThread && !(blocked || needsApproval) && (<IconButton onClick={handleBlockClick} loading={blockItemMutation.isLoading} icon={<LockIcon />} label={getMessage('page.details.actions.comment.block', 'Block')} />)}
-                { !blockedThread && blocked && (<IconButton onClick={handleUnblockClick} loading={unblockItemMutation.isLoading} icon={<UnlockIcon />} label={getMessage('page.details.actions.comment.unblock', 'Unblock')} />)}
-                { needsApproval && (<DiscussionThreadItemApprovalFlowActions id={id} allowedActions={{ canModerate }} queryToInvalidate="get-details-data" />) }
-                <DiscussionThreadItemReviewAction
-                    item={item}
-                    queryToInvalidate="get-details-data"
-                    areBlockButtonsDisabled={blockButtonsDisabled}
-                    isLoading={isLoading}
-                    allowedActions={{ canModerate, canAccessReports, canReviewReports }}
-                    blockItemMutation={blockItemMutation}
-                    blockItemThreadMutation={blockItemThreadMutation}
-                    onBlockButtonsStateChange={handleBlockButtonsStateChange}
-                    onBlockActionClick={handleBlockActionClick}
-                />
-            </IconButtonGroupStyled>)}
-            { hasActiveThread && (<IconButtonGroupStyled isSingle withMargin>
-                <IconButton 
-                    onClick={handleDrilldownClick} 
-                    icon={<Eye />} 
-                    label={getMessage('page.details.panel.discussion.nav.drilldown', 'Drilldown thread')}  
-                    style={(blocked && !blockedThread) ? { marginTop: '1px', marginRight: '.5rem' } : {}} />
-            </IconButtonGroupStyled>) }
-        </DiscussionThreadItemActionsWrapper>
-        { !blocked && (<ConfirmationDialog 
-            isVisible={blockConfirmationVisible}
-            isActionAsync={blockItemMutation.isLoading}
-            header={getMessage('page.details.actions.comment.block.confirmation.header')}
-            labelConfirm={getMessage('page.details.actions.comment.block.confirmation.button.confirm')}
-            iconConfirm={<LockIcon />}
-            onConfirm={handleBlockConfirm} 
-            onCancel={handleBlockCancel}>
-                { getMessage('page.details.actions.comment.block.confirmation.description') }
-        </ConfirmationDialog>) }
-        { !blockedThread && (<ConfirmationDialog 
-            isVisible={blockThreadConfirmationVisible}
-            isActionAsync={blockItemThreadMutation.isLoading}
-            header={getMessage('page.details.actions.thread.block.confirmation.header')}
-            labelConfirm={getMessage('page.details.actions.thread.block.confirmation.button.confirm')}
-            iconConfirm={<LockIcon />}
-            onConfirm={handleBlockThreadConfirm} 
-            onCancel={handleBlockThreadCancel}>
-                { getMessage('page.details.actions.thread.block.confirmation.description') }
-        </ConfirmationDialog>) }
-    </>);
-};
-
-DiscussionThreadItemActions.propTypes = {
-    isRoot: PropTypes.bool,
-    blocked: PropTypes.bool.isRequired,
-    blockedThread: PropTypes.bool.isRequired,
-    approvalStatus: PropTypes.oneOfType([PropTypes.nullable, PropTypes.oneOf(['PENDING', 'APPROVED', 'REJECTED'])]),
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-    }),
-};
-
-export default DiscussionThreadItemActions;
- 

package/admin/src/components/DiscussionThreadItemActions/styles.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { Box } from '@strapi/design-system/Box';
-
-export const DiscussionThreadItemActionsWrapper = styled(Box)`
-    margin-left: 1rem;
-    align-items: flex-start;
-`;

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

@@ -1,80 +0,0 @@
-/**
- *
- * Approval Flow Actions
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { Check, Cross } from '@strapi/icons';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { getMessage, handleAPIError } from '../../utils';
-import { approveItem, rejectItem } from '../../pages/utils/api';
-import pluginId from '../../pluginId';
-
-const DiscussionThreadItemApprovalFlowActions = ({ id, allowedActions: { canModerate }, queryToInvalidate }) => {
-
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { lockApp, unlockApp } = useOverlayBlocker();
-
-    const onSuccess = (message) => async () => {
-        if (queryToInvalidate) {
-            await queryClient.invalidateQueries(queryToInvalidate);
-        }
-        toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
-        });
-        unlockApp();
-    };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const approveItemMutation = useMutation(approveItem, {
-        onSuccess: onSuccess('page.details.actions.comment.approve.confirmation.success'),
-        onError,
-        refetchActive: false,
-    });
-    const rejectItemMutation = useMutation(rejectItem, {
-        onSuccess: onSuccess('page.details.actions.comment.reject.confirmation.success'),
-        onError,
-        refetchActive: false,
-    });
-
-    const handleApproveClick = () => {
-        if (canModerate) {
-            lockApp();
-            approveItemMutation.mutate(id);
-        }
-    };
-
-    const handleRejectClick = () => {
-        if (canModerate) {
-            lockApp();
-            rejectItemMutation.mutate(id);
-        }
-    };
-
-    if (canModerate) {
-        return (<>
-            <IconButton icon={<Check />} label={getMessage('page.details.actions.comment.approve', 'Approve')} onClick={handleApproveClick} />
-            <IconButton icon={<Cross />} label={getMessage('page.details.actions.comment.reject', 'Reject')} onClick={handleRejectClick} />
-        </>);
-        }
-    return null;
-};
-
-DiscussionThreadItemApprovalFlowActions.propTypes = {
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    queryToInvalidate: PropTypes.string,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
-    }),
-    wrapped: PropTypes.bool,
-};
-
-export default DiscussionThreadItemApprovalFlowActions;
- 

package/admin/src/components/DiscussionThreadItemApprovalFlowActions/styles.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-import { IconButtonGroup } from '@strapi/design-system/IconButton';
-
-export const DiscussionThreadItemActionsGroupWrapper = styled(IconButtonGroup)`
-    margin-left: .5rem;
-`;

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

@@ -1,47 +0,0 @@
-/**
- *
- * Discussion thread - Item footer
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { Avatar, Initials } from '@strapi/design-system/Avatar';
-import { Box } from '@strapi/design-system/Box';
-import { Typography } from '@strapi/design-system/Typography';
-import { renderInitials } from '../../utils';
-import { DiscussionThreadItemFooterMeta, DiscussionThreadItemFooterStyled } from './styles';
-
-const DiscussionThreadItemFooter = ({ children, author, createdAt, updatedAt }) => {
-
-    const { formatDate } = useIntl();
-
-    const dateTime = formatDate(updatedAt || createdAt, { dateStyle: 'medium', timeStyle: 'short' });
-    const { name, avatar } = author;
-
-
-    return (<DiscussionThreadItemFooterStyled as={Box} paddingTop={2} direction="row">
-        <DiscussionThreadItemFooterMeta size={3} horizontal>
-            { avatar ? <Avatar src={avatar} alt={name} /> : <Initials>{ renderInitials(name) }</Initials> } 
-            <Typography variant="pi" fontWeight="bold" textColor="neutral800">{ name }</Typography>
-            <Typography variant="pi" textColor="neutral600">{ dateTime }</Typography>
-        </DiscussionThreadItemFooterMeta>
-        { children }
-    </DiscussionThreadItemFooterStyled>);
-};
-
-DiscussionThreadItemFooter.propTypes = {
-    author: PropTypes.shape({
-        id: PropTypes.oneOfType(PropTypes.string, PropTypes.number).isRequired,
-        name: PropTypes.string.isRequired,
-        email: PropTypes.string,
-        avatar: PropTypes.string,
-    }).isRequired,
-    createdAt: PropTypes.string.isRequired,
-    updatedAt: PropTypes.string,
-    children: PropTypes.array,
-};
-
-export default DiscussionThreadItemFooter;
- 

package/admin/src/components/DiscussionThreadItemFooter/styles.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { Flex } from '@strapi/design-system/Flex';
-import { Stack } from '@strapi/design-system/Stack';
-
-export const DiscussionThreadItemFooterStyled = styled(Flex)`
-    width: 100%;
-`;
-
-export const DiscussionThreadItemFooterMeta = styled(Stack)`
-    * + * {
-        margin-left: 8px;
-    }
-`;

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

@@ -1,131 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { isNil, isEmpty, orderBy } from 'lodash';
-import { Button } from '@strapi/design-system/Button'; 
-import { IconButton } from '@strapi/design-system/IconButton';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { ReviewIcon, LockIcon } from '../icons';
-import { resolveReport } from '../../pages/utils/api';
-import { getMessage, handleAPIError } from '../../utils';
-import ReportsReviewTable from '../ReportsReviewTable';
-import ReportsReviewModal from '../ReportsReviewModal';
-import pluginId from '../../pluginId';
-
-const DiscussionThreadItemReviewAction = ({ 
-    item, 
-    isAnyActionLoading: isAnyActionLoading,
-    queryToInvalidate, 
-    areBlockButtonsDisabled, 
-    allowedActions: { canModerate, canAccessReports, canReviewReports }, 
-    blockItemMutation,
-    blockItemThreadMutation,
-    onBlockButtonsStateChange,
-    onBlockActionClick }) => {
-
-    const { reports } = item;
-
-    const [reportsReviewVisible, setReportsReviewVisible] = useState(false);
-
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { unlockApp } = useOverlayBlocker();
-
-    const onSuccess = (message, stateAction = () => {}, indalidate = true) => async () => {
-        if (indalidate) {
-            await queryClient.invalidateQueries(queryToInvalidate);
-        }
-        toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
-        });
-        stateAction(false);
-        unlockApp();
-    };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const resolveReportMutation = useMutation(resolveReport, {
-        onSuccess: onSuccess('page.details.panel.discussion.warnings.reports.dialog.confirmation.success', () => {}, false),
-        onError,
-        refetchActive: false,
-    });
-
-    const handleBlockActionClick = () => setReportsReviewVisible(false);
-
-    const handleReportsReviewClick = () => {
-        if (canAccessReports) {
-            setReportsReviewVisible(true);
-        }
-    };
-    const handleBlockItemClick = async () => {
-        if (canModerate) {
-            await onBlockActionClick(blockItemMutation, handleBlockActionClick);
-        }
-    };
-    const handleBlockItemThreadClick = async () => {
-        if (canModerate) {
-            await onBlockActionClick(blockItemThreadMutation, handleBlockActionClick);
-        }
-    };
-
-    const handleReportsReviewClose = async () => {
-        await queryClient.invalidateQueries(queryToInvalidate);
-        setReportsReviewVisible(false);
-    };
-
-    const isLoading = isAnyActionLoading && resolveReportMutation.isLoading;
-    const openReports = reports?.filter(_ => !_.resolved);
-    const hasReports = !isEmpty(openReports);
-    const reviewFlowEnabled = (canAccessReports && hasReports) && !(item.blocked || item.blockedThread);
-
-    if (reviewFlowEnabled) {
-        return (<>
-            <IconButton onClick={handleReportsReviewClick} label={ getMessage('page.discover.table.reports.review') } icon={<ReviewIcon />} />
-            <ReportsReviewModal 
-                isVisible={reportsReviewVisible}
-                isActionAsync={isLoading}
-                allowedActions={{ canModerate, canAccessReports, canReviewReports }}
-                onClose={handleReportsReviewClose}
-                startActions={<Button onClick={handleReportsReviewClose} variant="tertiary">
-                    { getMessage('compontents.confirmation.dialog.button.cancel', 'Cancel') }
-                </Button>}
-                endActions={canModerate && (<>
-                    <Button onClick={handleBlockItemClick} variant="danger-light" startIcon={<LockIcon />} disabled={areBlockButtonsDisabled}>
-                        { getMessage(`page.details.actions.comment.block`, 'Block comment') }
-                    </Button>
-                    { item.gotThread && (<Button onClick={handleBlockItemThreadClick} variant="danger" startIcon={<LockIcon />} disabled={areBlockButtonsDisabled}>
-                        { getMessage(`page.details.actions.thread.block`, 'Block thread') }
-                    </Button>) }
-                </>)}
-                item={item}>
-                    <ReportsReviewTable
-                            commentId={item.id} 
-                            items={orderBy(reports, ['resolved', 'createdAt'], ['DESC', 'DESC'])} 
-                            mutation={resolveReportMutation}
-                            allowedActions={{ canAccessReports, canReviewReports }}
-                            onBlockButtonsStateChange={onBlockButtonsStateChange}
-                        />
-            </ReportsReviewModal>
-        </>);
-    }
-    return null;
-};
-
-DiscussionThreadItemReviewAction.propTypes = {
-    item: PropTypes.object.isRequired,
-    isLoading: PropTypes.bool, 
-    queryToInvalidate: PropTypes.string.isRequired, 
-    areBlockButtonsDisabled: PropTypes.bool, 
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool, 
-        canAccessReports: PropTypes.bool,
-        canReviewReports: PropTypes.bool, 
-    }),
-    blockItemMutation: PropTypes.func.isRequired,
-    blockItemThreadMutation: PropTypes.func.isRequired,
-    onBlockButtonsStateChange: PropTypes.func.isRequired,
-    onBlockActionClick: PropTypes.func.isRequired,
-};
-
-export default DiscussionThreadItemReviewAction;

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

@@ -1,18 +0,0 @@
-/**
- *
- * Form Switch
- *
- */
-
- import React from 'react';
- import { Stack } from '@strapi/design-system/Stack';
- import { Typography } from '@strapi/design-system/Typography';
-import { StyledSwitch } from './styles';
-
-const FormSwitch = ({ label, hint, ...props }) => (<Stack size={1}>
-    { label && (<Typography variant="pi" as="label" fontWeight="bold" textColor="neutral800">{ label }</Typography>) }
-    <StyledSwitch label={label} { ...props } />
-    { hint && (<Typography variant="pi" as="label" textColor="neutral600">{ hint }</Typography>) }
-</Stack>);
-
-export default FormSwitch;

package/admin/src/components/FormSwitch/styles.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { Switch } from '@strapi/design-system/Switch';
-
-export const StyledSwitch = styled(Switch)`
-    &>div>span {
-        font-size: 12px;
-    }
-`;

package/admin/src/components/IconButton/styles.js

@@ -1,14 +0,0 @@
-
-import styled from 'styled-components';
-import { IconButtonGroup } from '@strapi/design-system/IconButton';
-
-export const IconButtonGroupStyled = styled(IconButtonGroup)`
-    ${ ({ isSingle }) => isSingle && (`
-        span:first-child button {
-            border-radius: 4px;
-        }
-    `)}
-    ${ ({ withMargin }) => withMargin && (`
-        margin-left: .5rem;
-    `)}
-`;

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

@@ -1,15 +0,0 @@
-/**
- *
- * Entity Details
- *
- */
-
- import React from 'react';
- import { LoadingIndicatorPage } from '@strapi/helper-plugin';
-import { LoadingIndicatorOverlayWrapper } from './styles';
-
-const LoadingIndicatorOverlay = () => (<LoadingIndicatorOverlayWrapper>
-    <LoadingIndicatorPage />
-</LoadingIndicatorOverlayWrapper>);
-
-  export default LoadingIndicatorOverlay;

package/admin/src/components/LoadingIndicatorOverlay/styles.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-import { Box } from '@strapi/design-system/Box';
-
-export const LoadingIndicatorOverlayWrapper = styled(Box)`
-    height: 100% !important;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    background: rgba(255,255,255,.7);
-    z-index: 1;
-
-    &>div {
-        height: 100% !important;
-    }
-`;
-
-export const LoadingIndicatorContainer = styled((props) => props.as)`
-    position: relative;
-`