Move roles components in Roles/EditPage

Signed-off-by: soupette <cyril@strapi.io>
This commit is contained in:
soupette 2021-09-06 12:35:35 +02:00
parent ec3cd692b4
commit b2c2e7d161
108 changed files with 35 additions and 30 deletions

View File

@ -6,7 +6,7 @@ import { get } from 'lodash';
import { Checkbox, Flex } from '@buffetjs/core'; import { Checkbox, Flex } from '@buffetjs/core';
import { Label } from '@buffetjs/styles'; import { Label } from '@buffetjs/styles';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import IS_DISABLED from 'ee_else_ce/components/Roles/ConditionsModal/ConditionsSelect/MenuList/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/ConditionsModal/ConditionsSelect/MenuList/utils/constants';
import { getCheckboxState } from '../../../utils'; import { getCheckboxState } from '../../../utils';
import createCollapsesObject from './utils/createCollapsesObject'; import createCollapsesObject from './utils/createCollapsesObject';
import SubUl from './SubUl'; import SubUl from './SubUl';

View File

@ -16,7 +16,7 @@ import { get, groupBy, upperFirst } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { useMemo, useState } from 'react'; import React, { useMemo, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { usePermissionsDataManager } from '../../../hooks'; import { usePermissionsDataManager } from '../../../../../hooks';
import ActionRow from './ActionRow'; import ActionRow from './ActionRow';
import createDefaultConditionsForm from './utils/createDefaultConditionsForm'; import createDefaultConditionsForm from './utils/createDefaultConditionsForm';

View File

@ -1,12 +1,12 @@
import { Down, Up } from '@strapi/icons'; import { Down, Up } from '@strapi/icons';
import { Box, Checkbox, Row, Text } from '@strapi/parts'; import { Box, Checkbox, Row, Text } from '@strapi/parts';
import IS_DISABLED from 'ee_else_ce/components/Roles/ContentTypeCollapse/Collapse/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/utils/constants';
import { get, omit } from 'lodash'; import { get, omit } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { useMemo, useState } from 'react'; import React, { useMemo, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import styled from 'styled-components'; import styled from 'styled-components';
import { usePermissionsDataManager } from '../../../../hooks'; import { usePermissionsDataManager } from '../../../../../../hooks';
import ConditionsButton from '../../ConditionsButton'; import ConditionsButton from '../../ConditionsButton';
import ConditionsModal from '../../ConditionsModal'; import ConditionsModal from '../../ConditionsModal';
import HiddenAction from '../../HiddenAction'; import HiddenAction from '../../HiddenAction';
@ -191,13 +191,14 @@ const Collapse = ({
{ label: `${permissionLabel} ${label}` } { label: `${permissionLabel} ${label}` }
)} )}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91 // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value => onValueChange={value => {
onChangeParentCheckbox({ onChangeParentCheckbox({
target: { target: {
name: checkboxName, name: checkboxName,
value, value,
}, },
})} });
}}
indeterminate={hasSomeActionsSelected} indeterminate={hasSomeActionsSelected}
value={hasAllActionsSelected} value={hasAllActionsSelected}
/> />

View File

@ -1,11 +1,11 @@
import { Checkbox, Row } from '@strapi/parts'; import { Checkbox, Row } from '@strapi/parts';
import IS_DISABLED from 'ee_else_ce/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/utils/constants';
import { get } from 'lodash'; import { get } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import React, { memo, useCallback, useMemo, useState } from 'react'; import React, { memo, useCallback, useMemo, useState } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { usePermissionsDataManager } from '../../../../../hooks'; import { usePermissionsDataManager } from '../../../../../../../hooks';
import HiddenAction from '../../../HiddenAction'; import HiddenAction from '../../../HiddenAction';
import { cellWidth, rowHeight } from '../../../Permissions/utils/constants'; import { cellWidth, rowHeight } from '../../../Permissions/utils/constants';
import RequiredSign from '../../../RequiredSign'; import RequiredSign from '../../../RequiredSign';
@ -143,13 +143,14 @@ const ActionRow = ({
{ label: `${name} ${label}` } { label: `${name} ${label}` }
)} )}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91 // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value => onValueChange={value => {
onChangeSimpleCheckbox({ onChangeSimpleCheckbox({
target: { target: {
name: checkboxName.join('..'), name: checkboxName.join('..'),
value, value,
}, },
})} });
}}
value={checkboxValue} value={checkboxValue}
/> />
</Cell> </Cell>
@ -166,13 +167,14 @@ const ActionRow = ({
disabled={isFormDisabled || IS_DISABLED} disabled={isFormDisabled || IS_DISABLED}
name={checkboxName.join('..')} name={checkboxName.join('..')}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91 // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value => onValueChange={value => {
onChangeParentCheckbox({ onChangeParentCheckbox({
target: { target: {
name: checkboxName.join('..'), name: checkboxName.join('..'),
value, value,
}, },
})} });
}}
aria-label={formatMessage( aria-label={formatMessage(
{ {
id: `Settings.permissions.select-by-permission`, id: `Settings.permissions.select-by-permission`,

View File

@ -1,11 +1,11 @@
import { Box, Checkbox, Row, Text } from '@strapi/parts'; import { Box, Checkbox, Row, Text } from '@strapi/parts';
import IS_DISABLED from 'ee_else_ce/components/Roles/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/utils/constants';
import { get, upperFirst } from 'lodash'; import { get, upperFirst } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { memo, useMemo, useState } from 'react'; import React, { memo, useMemo, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import styled from 'styled-components'; import styled from 'styled-components';
import { usePermissionsDataManager } from '../../../../../hooks'; import { usePermissionsDataManager } from '../../../../../../../hooks';
import CollapseLabel from '../../../CollapseLabel'; import CollapseLabel from '../../../CollapseLabel';
import Curve from '../../../Curve'; import Curve from '../../../Curve';
import HiddenAction from '../../../HiddenAction'; import HiddenAction from '../../../HiddenAction';
@ -169,13 +169,14 @@ const SubActionRow = ({
{ label: `${parentName} ${label} ${propertyLabel}` } { label: `${parentName} ${label} ${propertyLabel}` }
)} )}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91 // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value => onValueChange={value => {
onChangeSimpleCheckbox({ onChangeSimpleCheckbox({
target: { target: {
name: checkboxName.join('..'), name: checkboxName.join('..'),
value, value,
}, },
})} });
}}
value={checkboxValue} value={checkboxValue}
/> />
</Cell> </Cell>

View File

@ -1,11 +1,11 @@
import { Checkbox, Stack, TableLabel, Box } from '@strapi/parts'; import { Checkbox, Stack, TableLabel, Box } from '@strapi/parts';
import IS_DISABLED from 'ee_else_ce/components/Roles/GlobalActions/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/GlobalActions/utils/constants';
import { get } from 'lodash'; import { get } from 'lodash';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { memo, useMemo } from 'react'; import React, { memo, useMemo } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import styled from 'styled-components'; import styled from 'styled-components';
import { usePermissionsDataManager } from '../../../hooks'; import { usePermissionsDataManager } from '../../../../../hooks';
import { cellWidth, firstRowWidth } from '../Permissions/utils/constants'; import { cellWidth, firstRowWidth } from '../Permissions/utils/constants';
import { findDisplayedActions, getCheckboxesState } from './utils'; import { findDisplayedActions, getCheckboxesState } from './utils';

View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { PermissionsDataManagerContext } from '../../../contexts'; import { PermissionsDataManagerContext } from '../../../../../contexts';
const PermissionsDataManagerProvider = ({ children, value }) => { const PermissionsDataManagerProvider = ({ children, value }) => {
return ( return (

View File

@ -5,8 +5,8 @@ import { Row, Box, TableLabel, Checkbox, Grid, GridItem } from '@strapi/parts';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { get } from 'lodash'; import { get } from 'lodash';
import IS_DISABLED from 'ee_else_ce/components/Roles/PluginsAndSettings/SubCategory/utils/constants'; import IS_DISABLED from 'ee_else_ce/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/utils/constants';
import { usePermissionsDataManager } from '../../../../hooks'; import { usePermissionsDataManager } from '../../../../../../hooks';
import { getCheckboxState, removeConditionKeyFromData } from '../../utils'; import { getCheckboxState, removeConditionKeyFromData } from '../../utils';
import ConditionsButton from '../../ConditionsButton'; import ConditionsButton from '../../ConditionsButton';
import ConditionsModal from '../../ConditionsModal'; import ConditionsModal from '../../ConditionsModal';
@ -80,13 +80,14 @@ const SubCategory = ({ categoryName, isFormDisabled, subCategoryName, actions, p
name={pathToData.join('..')} name={pathToData.join('..')}
disabled={isFormDisabled || IS_DISABLED} disabled={isFormDisabled || IS_DISABLED}
// Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91 // Keep same signature as packages/core/admin/admin/src/components/Roles/Permissions/index.js l.91
onValueChange={value => onValueChange={value => {
onChangeParentCheckbox({ onChangeParentCheckbox({
target: { target: {
name: pathToData.join('..'), name: pathToData.join('..'),
value, value,
}, },
})} });
}}
indeterminate={hasSomeActionsSelected} indeterminate={hasSomeActionsSelected}
value={hasAllActionsSelected} value={hasAllActionsSelected}
> >

View File

@ -1,4 +1,2 @@
export { default as EmptyRole } from './EmptyRole';
export { default as Permissions } from './Permissions'; export { default as Permissions } from './Permissions';
export { default as RoleForm } from './RoleForm'; export { default as RoleForm } from './RoleForm';
export { default as RoleRow } from './RoleRow';

View File

@ -12,7 +12,7 @@ import get from 'lodash/get';
import React, { useRef, useState } from 'react'; import React, { useRef, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { useRouteMatch } from 'react-router-dom'; import { useRouteMatch } from 'react-router-dom';
import { Permissions, RoleForm } from '../../../components/Roles'; import { Permissions, RoleForm } from './components';
import { useFetchPermissionsLayout, useFetchRole } from '../../../hooks'; import { useFetchPermissionsLayout, useFetchRole } from '../../../hooks';
import schema from './utils/schema'; import schema from './utils/schema';

View File

@ -18,7 +18,8 @@ import matchSorter from 'match-sorter';
import React, { useCallback, useState } from 'react'; import React, { useCallback, useState } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { useHistory } from 'react-router'; import { useHistory } from 'react-router';
import { EmptyRole, RoleRow } from '../../../components/Roles'; import RoleRow from './components/RoleRow';
import EmptyRole from './components/EmptyRole';
import UpgradePlanModal from '../../../components/UpgradePlanModal'; import UpgradePlanModal from '../../../components/UpgradePlanModal';
import { useRolesList } from '../../../hooks'; import { useRolesList } from '../../../hooks';

View File

@ -21,7 +21,7 @@ jest.mock('react-intl', () => ({
FormattedMessage: ({ id }) => id, FormattedMessage: ({ id }) => id,
useIntl: () => ({ formatMessage: jest.fn(({ id }) => id) }), useIntl: () => ({ formatMessage: jest.fn(({ id }) => id) }),
})); }));
jest.mock('../../ApplicationInfosPage', () => () => <h1>App infos</h1>); jest.mock('../pages/ApplicationInfosPage', () => () => <h1>App infos</h1>);
const makeApp = (history, settings) => ( const makeApp = (history, settings) => (
<Theme> <Theme>

Some files were not shown because too many files have changed in this diff Show More