- {renderSelectOption()}
- {compositeAttributes.length > 0 ? renderTable() : null}
-
- );
-};
-
-AttributeListTableComposite.propTypes = {
- attributesList: PropTypes.arrayOf(PropTypes.string).isRequired,
- compositeAttributes: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- onAddAttribute: PropTypes.func.isRequired,
- onClickDelete: PropTypes.func.isRequired,
- onMove: PropTypes.func.isRequired,
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- isMonolistCompositeType: PropTypes.bool,
-};
-
-AttributeListTableComposite.defaultProps = {
- invalid: false,
- submitting: false,
- isMonolistCompositeType: false,
-};
-
-export default AttributeListTableComposite;
diff --git a/src/ui/common/contenttype-attributes/AttributeMonoListMonoSettings.js b/src/ui/common/contenttype-attributes/AttributeMonoListMonoSettings.js
deleted file mode 100644
index 25450489b..000000000
--- a/src/ui/common/contenttype-attributes/AttributeMonoListMonoSettings.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Row, Col } from 'patternfly-react';
-import { required } from '@entando/utils';
-import { Field, FormSection } from 'redux-form';
-
-import RenderSelectInput from 'ui/common/form/RenderSelectInput';
-import FormLabel from 'ui/common/form/FormLabel';
-
-const AttributeMonoListMonoSettings = ({ attributesList }) => {
- const selectAttribute = attributesList.map(item => ({
- value: item,
- text: item,
- }));
-
- return (
-
-
- {isDefault ? `${language.code} *` : language.code}
-
- *
-
- }
- placeholder={language.name}
- className="form-control"
- validate={[required, maxLength70]}
- onChange={(ev) => {
- if (isDefault && onChangeDefaultTitle) onChangeDefaultTitle(ev.currentTarget.value);
- }}
- />
- );
- });
-
- return (
-
- );
-};
-
-ActiveLanguagesFields.propTypes = {
- activeLanguages: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string,
- name: PropTypes.string,
- isActive: PropTypes.bool,
- isDefault: PropTypes.bool,
- })),
- defaultLanguage: PropTypes.string,
- onChangeDefaultTitle: PropTypes.func,
-};
-
-ActiveLanguagesFields.defaultProps = {
- activeLanguages: [],
- defaultLanguage: '',
- onChangeDefaultTitle: null,
-};
-
-export default ActiveLanguagesFields;
diff --git a/src/ui/common/form/AddContentTypeAttributeForm.js b/src/ui/common/form/AddContentTypeAttributeForm.js
deleted file mode 100644
index 1492fd008..000000000
--- a/src/ui/common/form/AddContentTypeAttributeForm.js
+++ /dev/null
@@ -1,266 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm, FormSection } from 'redux-form';
-import { FormattedMessage, intlShape } from 'react-intl';
-import { Button, Row, Col } from 'patternfly-react';
-import AttributeInfo from 'ui/common/contenttype-attributes/AttributeInfo';
-import AttributeInfoComposite from 'ui/common/contenttype-attributes/AttributeInfoComposite';
-import AttributeRole from 'ui/common/contenttype-attributes/AttributeRole';
-import AttributeOgnlValidation from 'ui/common/contenttype-attributes/AttributeOgnlValidation';
-import AttributeHypeLongMonoTextSettings from 'ui/common/contenttype-attributes/AttributeHypeLongMonoTextSettings';
-import AttributeEnumSettings from 'ui/common/contenttype-attributes/AttributeEnumSettings';
-import AttributeEnumMapSettings from 'ui/common/contenttype-attributes/AttributeEnumMapSettings';
-import AttributeMonoListMonoSettings from 'ui/common/contenttype-attributes/AttributeMonoListMonoSettings';
-import AttributesNumber from 'ui/common/contenttype-attributes/AttributesNumber';
-import AttributesDateSettings from 'ui/common/contenttype-attributes/AttributesDateSettings';
-import AttributeListTableComposite from 'ui/common/contenttype-attributes/AttributeListTableComposite';
-import ConfirmCancelModalContainer from 'ui/common/cancel-modal/ConfirmCancelModalContainer';
-
-import {
- MODE_ADD_COMPOSITE,
- MODE_EDIT_COMPOSITE,
- MODE_ADD_ATTRIBUTE_COMPOSITE,
- TYPE_COMPOSITE,
- TYPE_BOOLEAN,
- TYPE_CHECKBOX,
- TYPE_DATE,
- TYPE_ENUMERATOR,
- TYPE_ENUMERATOR_MAP,
- TYPE_MONOLIST,
- TYPE_LIST,
- TYPE_NUMBER,
- TYPE_THREESTATE,
- TYPE_TIMESTAMP,
-} from 'state/content-type/const';
-
-export class AttributeFormBody extends Component {
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- render() {
- const {
- selectedAttributeType,
- contentTypeAttributeCode,
- mode,
- attributesList,
- handleSubmit,
- onCancel,
- onSubmit,
- allowedRoles,
- invalid,
- submitting,
- intl,
- onDiscard,
- onSave,
- dirty,
- languages,
- } = this.props;
- const isComposite = mode === MODE_ADD_COMPOSITE;
- const isEditComposite = mode === MODE_EDIT_COMPOSITE;
- const isAddAttributeComposite = mode === MODE_ADD_ATTRIBUTE_COMPOSITE;
- const labelsubmit = isEditComposite || isAddAttributeComposite ? 'cms.label.save' : 'cms.label.continue';
-
- const renderAttributeInfo = () => (isComposite ? (
-
- ) : (
-
- ));
-
- const handleCancelClick = () => {
- if (dirty) {
- onCancel();
- } else {
- onDiscard(mode);
- }
- };
-
- const renderAttributeRole = () => (!isComposite ? : null);
-
- const renderSelectedAttribute = () => {
- switch (selectedAttributeType.code) {
- case TYPE_BOOLEAN:
- return null;
- case TYPE_CHECKBOX:
- return null;
- case TYPE_THREESTATE:
- return null;
- case TYPE_TIMESTAMP:
- return null;
- case TYPE_MONOLIST:
- return (
-
- );
- case TYPE_LIST:
- return (
-
- );
- case TYPE_NUMBER:
- return (
-
-
-
- );
- case TYPE_DATE:
- return (
-
-
-
- );
- case TYPE_ENUMERATOR:
- return (
-
- );
- case TYPE_ENUMERATOR_MAP:
- return (
-
- );
- case TYPE_COMPOSITE: {
- return isComposite ? (
-
- ) : null;
- }
- default:
- return (
-
-
-
- );
- }
- };
-
- const renderOgnlValidation = () => (!isComposite ? (
-
-
-
- ) : null);
-
- return (
-
- );
- }
-}
-
-AttributeFormBody.propTypes = {
- intl: intlShape.isRequired,
- onDidMount: PropTypes.func,
- handleSubmit: PropTypes.func.isRequired,
- onCancel: PropTypes.func.isRequired,
- onSubmit: PropTypes.func.isRequired,
- contentTypeAttributeCode: PropTypes.string,
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- initialValues: PropTypes.shape({
- type: PropTypes.string.isRequired,
- }),
- selectedAttributeType: PropTypes.shape({
- simple: PropTypes.bool,
- searchableOptionSupported: PropTypes.bool,
- indexableOptionSupported: PropTypes.bool,
- textFilterSupported: PropTypes.bool,
- dateFilterSupported: PropTypes.bool,
- numberFilterSupported: PropTypes.bool,
- enumeratorOptionsSupported: PropTypes.bool,
- enumeratorMapOptionsSupported: PropTypes.bool,
- listAttribute: PropTypes.bool,
- enumeratorExtractorBeans: PropTypes.arrayOf(PropTypes.string),
- enumeratorMapExtractorBeans: PropTypes.arrayOf(PropTypes.shape({})),
- code: PropTypes.string,
- }).isRequired,
- validation: PropTypes.shape({
- minLength: PropTypes.string,
- maxLength: PropTypes.string,
- regex: PropTypes.string,
- }),
- allowedRoles: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string,
- descr: PropTypes.string,
- })),
- mode: PropTypes.string.isRequired,
- compositeAttributes: PropTypes.arrayOf(PropTypes.shape({})),
- attributesList: PropTypes.arrayOf(PropTypes.string).isRequired,
- onDiscard: PropTypes.func.isRequired,
- onSave: PropTypes.func.isRequired,
- dirty: PropTypes.bool,
- languages: PropTypes.arrayOf(PropTypes.shape({})),
-};
-
-AttributeFormBody.defaultProps = {
- onDidMount: () => {},
- invalid: false,
- submitting: false,
- contentTypeAttributeCode: '',
- initialValues: {},
- validation: {
- minLength: '',
- maxLength: '',
- regex: '',
- },
- allowedRoles: [],
- compositeAttributes: [],
- dirty: false,
- languages: [],
-};
-
-const AttributeForm = reduxForm({
- form: 'addAttribute',
-})(AttributeFormBody);
-
-export default AttributeForm;
diff --git a/src/ui/common/form/ContentTypeMonolistAttributeForm.js b/src/ui/common/form/ContentTypeMonolistAttributeForm.js
deleted file mode 100644
index 8a650bbba..000000000
--- a/src/ui/common/form/ContentTypeMonolistAttributeForm.js
+++ /dev/null
@@ -1,250 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm, FormSection, Field } from 'redux-form';
-import { FormattedMessage } from 'react-intl';
-import { Button, Row, Col, FormGroup, Alert } from 'patternfly-react';
-import AttributeOgnlValidation from 'ui/common/contenttype-attributes/AttributeOgnlValidation';
-import AttributeHypeLongMonoTextSettings from 'ui/common/contenttype-attributes/AttributeHypeLongMonoTextSettings';
-import AttributeEnumMapSettings from 'ui/common/contenttype-attributes/AttributeEnumMapSettings';
-import AttributesNumber from 'ui/common/contenttype-attributes/AttributesNumber';
-import AttributesDateSettings from 'ui/common/contenttype-attributes/AttributesDateSettings';
-import AttributeEnumSettings from 'ui/common/contenttype-attributes/AttributeEnumSettings';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import SwitchRenderer from 'ui/common/form/SwitchRenderer';
-import FormLabel from 'ui/common/form/FormLabel';
-import AttributeListTableComposite from 'ui/common/contenttype-attributes/AttributeListTableComposite';
-import AttributeInfoComposite from 'ui/common/contenttype-attributes/AttributeInfoComposite';
-
-import {
- TYPE_BOOLEAN,
- TYPE_CHECKBOX,
- TYPE_THREESTATE,
- TYPE_NUMBER,
- TYPE_DATE,
- TYPE_ENUMERATOR,
- TYPE_ENUMERATOR_MAP,
- TYPE_TEXT,
- TYPE_COMPOSITE,
- TYPE_MONOLIST,
- MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE,
- TYPE_MONOTEXT,
-} from 'state/content-type/const';
-
-const NO_INFO_ATTRIBUTE = [TYPE_BOOLEAN, TYPE_CHECKBOX, TYPE_THREESTATE];
-
-export class MonolistAttributeFormBody extends Component {
- componentDidMount() {
- const { onDidMount, ...allprops } = this.props;
- onDidMount(allprops);
- }
-
- componentDidUpdate(prevProps) {
- const { type, onFetchNestedAttribute } = this.props;
- if (type && type !== prevProps.type) {
- onFetchNestedAttribute(this.props);
- }
- }
-
- render() {
- const {
- attributeCode,
- selectedAttribute,
- selectedAttributeType,
- isIndexable,
- type,
- invalid,
- submitting,
- onSubmit,
- mode,
- attributesList,
- onAddAttribute,
- onClickDelete,
- onMove,
- compositeAttributes,
- handleSubmit,
- } = this.props;
- const isMonoListComposite = mode === MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE;
- const attributeType = isMonoListComposite ? TYPE_COMPOSITE : type;
-
- const renderIndexable = () => {
- if (isIndexable) {
- return (
-
-
-
-
-
-
- );
- }
- return '';
- };
-
- const renderAttributeInfo = () => {
- if (isMonoListComposite) {
- return ;
- }
-
- return !NO_INFO_ATTRIBUTE.includes(type) ? (
-
- ) : null;
- };
-
- const renderSelectedAttribute = () => {
- switch (attributeType) {
- case TYPE_TEXT:
- case TYPE_MONOTEXT:
- return (
-
-
-
- );
- case TYPE_NUMBER:
- return (
-
-
-
- );
- case TYPE_DATE:
- return (
-
-
-
- );
- case TYPE_ENUMERATOR:
- return (
-
- );
- case TYPE_ENUMERATOR_MAP:
- return (
-
- );
- case TYPE_COMPOSITE: {
- return isMonoListComposite ? (
-
- ) : null;
- }
- default:
- return null;
- }
- };
-
- const renderOgnlValidation = () => (!isMonoListComposite ? (
-
-
-
- ) : null);
-
- return (
-
-
-
- {type},
-
-
- {attributeCode} ({isMonoListComposite ? TYPE_MONOLIST : selectedAttributeType}).
-
-
-
-
-
-
input.onChange(value)}
- onBlur={instance => input.onBlur(instance.doc.getValue())}
- onFocus={instance => input.onFocus(instance.doc.getValue())}
- options={{
- lineNumbers: true,
- mode: 'htmlembedded',
- styleActiveLine: true,
- }}
- />
- {touched && error && {error}
}
-
-
-
-
-
-
-
-
-
- {renderedTags}
-
- );
- }
-}
-
-MultiSelectRenderer.propTypes = {
- fields: PropTypes.shape({
- push: PropTypes.func,
- remove: PropTypes.func,
- }).isRequired,
- options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- selectedValues: PropTypes.arrayOf(PropTypes.string),
- valueKey: PropTypes.string,
- labelKey: PropTypes.string,
- emptyOptionTextId: PropTypes.string,
- intl: intlShape,
-};
-
-MultiSelectRenderer.defaultProps = {
- selectedValues: [],
- valueKey: 'value',
- labelKey: 'label',
- emptyOptionTextId: '',
- intl: {},
-};
-
-export default MultiSelectRenderer;
diff --git a/src/ui/common/form/RenderButton.js b/src/ui/common/form/RenderButton.js
deleted file mode 100644
index ff96dbf43..000000000
--- a/src/ui/common/form/RenderButton.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Col, ControlLabel, Button } from 'patternfly-react';
-
-const RenderButton = ({
- meta: { touched, error },
- labelSize,
- alignClass,
- label,
- help,
- inputSize,
- buttonContent,
- onClick,
- hasLabel,
-}) => {
- const containerClasses = touched && error ? 'form-group has-error' : 'form-group';
-
- const errorBox = touched && error ? {error} : null;
-
- return (
-
- {hasLabel && (
-
-
- {label} {help}
-
-
- )}
-
-
- {errorBox}
-
-
- );
-};
-
-RenderButton.propTypes = {
- meta: PropTypes.shape({
- touched: PropTypes.bool,
- error: PropTypes.shape({}),
- }),
- label: PropTypes.node,
- labelSize: PropTypes.number,
- alignClass: PropTypes.string,
- help: PropTypes.node,
- inputSize: PropTypes.number,
- buttonContent: PropTypes.node.isRequired,
- onClick: PropTypes.func.isRequired,
- hasLabel: PropTypes.bool,
-};
-
-RenderButton.defaultProps = {
- meta: {
- touched: false,
- error: {},
- },
- label: null,
- labelSize: 2,
- alignClass: 'text-right',
- help: null,
- inputSize: null,
- hasLabel: true,
-};
-export default RenderButton;
diff --git a/src/ui/common/form/RenderCMSDateTimePickerInput.js b/src/ui/common/form/RenderCMSDateTimePickerInput.js
deleted file mode 100644
index 836667a07..000000000
--- a/src/ui/common/form/RenderCMSDateTimePickerInput.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Row, Col } from 'patternfly-react';
-import { Field } from 'redux-form';
-import { FormattedMessage } from 'react-intl';
-import DatePicker from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
-import moment from 'moment';
-import { isNull, padStart } from 'lodash';
-
-class RenderCMSDateTimePickerInput extends Component {
- constructor(props) {
- super(props);
- this.handleChange = this.handleChange.bind(this);
- }
-
- handleChange(date) {
- const { dateFormat, input: { onChange: inputOnChange } } = this.props;
- const value = !isNull(date) ? date.format(dateFormat) : '';
- inputOnChange(value);
- }
-
- render() {
- const {
- input, name, label, help, locale, dateFormat, placeholder,
- meta: { touched, error }, hoursList, minutesList, secondsList,
- isClearable, hasLabel,
- } = this.props;
- const optionsHours = hoursList.map(item => padStart(item, 2, '0'));
- const optionsMinutes = minutesList.map(item => padStart(item, 2, '0'));
- const optionsSeconds = secondsList.map(item => padStart(item, 2, '0'));
-
- return (
-
- {hasLabel && (
-
- )}
-
-
-
-
-
-
-
- { optionsHours.map(value => ()) }
-
-
-
-
-
-
-
- { optionsMinutes.map(value => ()) }
-
-
-
-
-
-
-
- { optionsSeconds.map(value => ()) }
-
-
-
-
-
-
-
-
- {touched ? error : ''}
-
-
-
-
- {
- labelSize > 0 ? (
-
-
- {label} {help}
-
-
- ) : ''
- }
-
- {prepend}
- {dictionaryLoaded && (
-
- )}
- {append &&
{append}}
- {touched && ((error &&
{error}))}
-
-
-
-
- }
- onClick={handleCollapse}
- collapsable
- noRequired
- isOpened={opened}
- className="RenderListField__heading"
- >
-
- {buttonMoveUp(order)}
- {buttonMoveDown(order, arraySize)}
-
-
-
-
-
-
- {children}
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default LinkConfigAttributes;
diff --git a/src/ui/common/link-config/LinkConfigContentForm.js b/src/ui/common/link-config/LinkConfigContentForm.js
deleted file mode 100644
index 04b5f14bd..000000000
--- a/src/ui/common/link-config/LinkConfigContentForm.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm, Field, FormSection, fieldInputPropTypes } from 'redux-form';
-import { FormattedMessage } from 'react-intl';
-import { Button } from 'patternfly-react';
-
-import LinkConfigAttributes from 'ui/common/link-config/LinkConfigAttributes';
-import ContentsContainer from 'ui/common/content/ContentsContainer';
-
-const ContentsField = ({ input, mainGroup, joinGroups }) => (
-
-);
-
-ContentsField.propTypes = {
- input: PropTypes.shape(fieldInputPropTypes).isRequired,
- mainGroup: PropTypes.string.isRequired,
- joinGroups: PropTypes.arrayOf(PropTypes.string).isRequired,
-};
-
-const LinkConfigContentForm = ({
- onCancel, handleClick, content, mainGroup, joinGroups, attributes,
-}) => (
-
-
-
-
-
-
-
-
-
-
- {Object.keys(columns)
- .filter(refKey => (Object.keys(reference)).includes(refKey))
- .map((objKey) => {
- const { tdClass, render } = columns[objKey] || {};
- return (
- |
- {render(reference[objKey], reference.id)}
- |
- );
- })}
-
- ));
-
- const renderTable = () => {
- if (references.length > 0) {
- const messages = Object.keys(paginatorMessages).reduce((acc, curr) => (
- { ...acc, [curr]: this.props.intl.formatMessage(paginatorMessages[curr]) }
- ), {});
-
- return (
-
-
-
-
- {
- Object.keys(columns)
- .filter(refKey => (Object.keys(references[0])).includes(refKey))
- .map(objKey => (
- |
-
- |
- ))}
-
-
-
- {renderRows()}
-
-
-
-
-
- {renderTable()}
-
-
- );
- }
-}
-
-GenericRefsTable.propTypes = {
- intl: intlShape.isRequired,
- componentDidMount: PropTypes.func,
- onPageChange: PropTypes.func.isRequired,
- loading: PropTypes.bool,
- references: PropTypes.arrayOf(PropTypes.shape({})),
- referenceKey: PropTypes.string,
- columns: PropTypes.shape({}),
- pagination: PropTypes.shape({
- page: PropTypes.number,
- totalItems: PropTypes.number,
- pageSize: PropTypes.number,
- }).isRequired,
-};
-
-GenericRefsTable.defaultProps = {
- componentDidMount: () => {},
- loading: false,
- references: [],
- referenceKey: '',
- columns: {},
-};
-
-export default injectIntl(GenericRefsTable);
diff --git a/src/ui/common/rich-text-editor/EditorToolbar.js b/src/ui/common/rich-text-editor/EditorToolbar.js
deleted file mode 100644
index 48a58373a..000000000
--- a/src/ui/common/rich-text-editor/EditorToolbar.js
+++ /dev/null
@@ -1,256 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from 'react-intl';
-import { compact } from 'lodash';
-
-const enlinkIcon = (
-
-);
-
-const enunlinkIcon = (
-
-);
-
-const undoIcon = (
-
-);
-
-const redoIcon = (
-
-);
-
-const tableIcon = (
-
-);
-
-const tableInsertRowIcon = (
-
-);
-
-const tableInsertColumnIcon = (
-
-);
-
-const tableDeleteRowIcon = (
-
-);
-
-const tableDeleteColumnIcon = (
-
-);
-
-const tableDeleteIcon = (
-
-);
-
-const hrIcon = (
-
-);
-
-const maximizeIcon = (
-
-);
-
-const ToolbarGroup = ({ children, className }) => (
-
- {children}
-
-);
-
-ToolbarGroup.propTypes = {
- children: PropTypes.node.isRequired,
- className: PropTypes.string,
-};
-
-ToolbarGroup.defaultProps = {
- className: '',
-};
-
-const renderToolbarButton = (format, value, icon, tooltipText) => (
-
-);
-
-const EditorToolbar = ({ intl, name, extraOptions }) => (
-
-
- {renderToolbarButton('history', 'undo', undoIcon, intl.formatMessage({ id: 'rte.undoWithExample' }))}
- {renderToolbarButton('history', 'redo', redoIcon, intl.formatMessage({ id: 'rte.redoWithExample' }))}
-
-
- {renderToolbarButton('entable', 'table', tableIcon, intl.formatMessage({ id: 'rte.insertTable' }))}
- {renderToolbarButton('entable', 'table-insert-row', tableInsertRowIcon, intl.formatMessage({ id: 'rte.insertTableRow' }))}
- {renderToolbarButton('entable', 'table-insert-column', tableInsertColumnIcon, intl.formatMessage({ id: 'rte.insertTableColumn' }))}
- {renderToolbarButton('entable', 'table-delete-row', tableDeleteRowIcon, intl.formatMessage({ id: 'rte.deleteTableRow' }))}
- {renderToolbarButton('entable', 'table-delete-column', tableDeleteColumnIcon, intl.formatMessage({ id: 'rte.deleteTableColumn' }))}
- {renderToolbarButton('entable', 'table-delete', tableDeleteIcon, intl.formatMessage({ id: 'rte.deleteTable' }))}
- {renderToolbarButton('divider', undefined, hrIcon, intl.formatMessage({ id: 'rte.insertHorizontalLine' }))}
- {renderToolbarButton('specialChar', undefined, 'Ω', intl.formatMessage({ id: 'rte.insertSpecialChar' }))}
-
-
- {renderToolbarButton('maximize', undefined, maximizeIcon, intl.formatMessage({ id: 'rte.maximize' }))}
-
-
- {renderToolbarButton('bold', undefined, undefined, intl.formatMessage({ id: 'rte.boldWithExample' }))}
- {renderToolbarButton('italic', undefined, undefined, intl.formatMessage({ id: 'rte.italicWithExample' }))}
- {renderToolbarButton('strike', undefined, undefined, intl.formatMessage({ id: 'rte.strikethrough' }))}
-
-
- {renderToolbarButton('clean', undefined, undefined, intl.formatMessage({ id: 'rte.removeFormat' }))}
-
-
- {renderToolbarButton('list', 'ordered', undefined, intl.formatMessage({ id: 'rte.toggleNumberList' }))}
- {renderToolbarButton('list', 'bullet', undefined, intl.formatMessage({ id: 'rte.toggleBulletedList' }))}
-
-
- {renderToolbarButton('indent', '-1', undefined, intl.formatMessage({ id: 'rte.decreaseIndent' }))}
- {renderToolbarButton('indent', '+1', undefined, intl.formatMessage({ id: 'rte.increaseIndent' }))}
-
-
- {renderToolbarButton('blockquote', undefined, undefined, intl.formatMessage({ id: 'rte.blockQuote' }))}
-
-
- {renderToolbarButton('enlink', 'link', enlinkIcon, intl.formatMessage({ id: 'rte.link' }))}
- {renderToolbarButton('enlink', 'unlink', enunlinkIcon, intl.formatMessage({ id: 'rte.unlink' }))}
-
-
- {renderToolbarButton('viewSource', undefined, undefined, intl.formatMessage({ id: 'rte.source' }))}
-
- {extraOptions && (
- {extraOptions}
- )}
-
-);
-
-EditorToolbar.propTypes = {
- intl: intlShape.isRequired,
- name: PropTypes.string,
- extraOptions: PropTypes.oneOfType([
- PropTypes.arrayOf(PropTypes.node),
- PropTypes.node,
- ]),
-};
-
-EditorToolbar.defaultProps = {
- name: 'editor-toolbar',
- extraOptions: null,
-};
-
-export default injectIntl(EditorToolbar);
diff --git a/src/ui/common/rich-text-editor/SpecialCharSelectorModal.js b/src/ui/common/rich-text-editor/SpecialCharSelectorModal.js
deleted file mode 100644
index 6073777ea..000000000
--- a/src/ui/common/rich-text-editor/SpecialCharSelectorModal.js
+++ /dev/null
@@ -1,191 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Modal, Button } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-
-import GenericModal from 'ui/common/modal/GenericModal';
-
-const SPECIAL_CHARS_LABELS = {
- Ŵ: 'Latin capital letter W with circumflex',
- ŵ: 'Latin small letter w with circumflex',
- Ŷ: 'Latin capital letter Y with circumflex',
- ŷ: 'Latin small letter y with circumflex',
- '‛': 'Single high-reversed-9 quotation mark',
- '►': 'Black right-pointing pointer',
- '€': 'Euro sign',
- '‘': 'Left single quotation mark',
- '’': 'Right single quotation mark',
- '“': 'Left double quotation mark',
- '”': 'Right double quotation mark',
- '–': 'En dash',
- '—': 'Em dash',
- '¡': 'Inverted exclamation mark',
- '¢': 'Cent sign',
- '£': 'Pound sign',
- '¤': 'Currency sign',
- '¥': 'Yen sign',
- '¦': 'Broken bar',
- '§': 'Section sign',
- '¨': 'Diaeresis',
- '©': 'Copyright sign',
- ª: 'Feminine ordinal indicator',
- '«': 'Left-pointing double angle quotation mark',
- '¬': 'Not sign',
- '®': 'Registered sign',
- '¯': 'Macron',
- '°': 'Degree sign',
- '²': 'Superscript two',
- '³': 'Superscript three',
- '´': 'Acute accent',
- µ: 'Micro sign',
- '¶': 'Pilcrow sign',
- '·': 'Middle dot',
- '¸': 'Cedilla',
- '¹': 'Superscript one',
- º: 'Masculine ordinal indicator',
- '»': 'Right-pointing double angle quotation mark',
- '¼': 'Vulgar fraction one quarter',
- '½': 'Vulgar fraction one half',
- '¾': 'Vulgar fraction three quarters',
- '¿': 'Inverted question mark',
- À: 'Latin capital letter A with grave accent',
- Á: 'Latin capital letter A with acute accent',
- Â: 'Latin capital letter A with circumflex',
- Ã: 'Latin capital letter A with tilde',
- Ä: 'Latin capital letter A with diaeresis',
- Å: 'Latin capital letter A with ring above',
- Æ: 'Latin capital letter Æ',
- Ç: 'Latin capital letter C with cedilla',
- È: 'Latin capital letter E with grave accent',
- É: 'Latin capital letter E with acute accent',
- Ê: 'Latin capital letter E with circumflex',
- Ë: 'Latin capital letter E with diaeresis',
- Ì: 'Latin capital letter I with grave accent',
- Í: 'Latin capital letter I with acute accent',
- Î: 'Latin capital letter I with circumflex',
- Ï: 'Latin capital letter I with diaeresis',
- Ð: 'Latin capital letter Eth',
- Ñ: 'Latin capital letter N with tilde',
- Ò: 'Latin capital letter O with grave accent',
- Ó: 'Latin capital letter O with acute accent',
- Ô: 'Latin capital letter O with circumflex',
- Õ: 'Latin capital letter O with tilde',
- Ö: 'Latin capital letter O with diaeresis',
- '×': 'Multiplication sign',
- Ø: 'Latin capital letter O with stroke',
- Ù: 'Latin capital letter U with grave accent',
- Ú: 'Latin capital letter U with acute accent',
- Û: 'Latin capital letter U with circumflex',
- Ü: 'Latin capital letter U with diaeresis',
- Ý: 'Latin capital letter Y with acute accent',
- Þ: 'Latin capital letter Thorn',
- ß: 'Latin small letter sharp s',
- à: 'Latin small letter a with grave accent',
- á: 'Latin small letter a with acute accent',
- â: 'Latin small letter a with circumflex',
- ã: 'Latin small letter a with tilde',
- ä: 'Latin small letter a with diaeresis',
- å: 'Latin small letter a with ring above',
- æ: 'Latin small letter æ',
- ç: 'Latin small letter c with cedilla',
- è: 'Latin small letter e with grave accent',
- é: 'Latin small letter e with acute accent',
- ê: 'Latin small letter e with circumflex',
- ë: 'Latin small letter e with diaeresis',
- ì: 'Latin small letter i with grave accent',
- í: 'Latin small letter i with acute accent',
- î: 'Latin small letter i with circumflex',
- ï: 'Latin small letter i with diaeresis',
- ð: 'Latin small letter eth',
- ñ: 'Latin small letter n with tilde',
- ò: 'Latin small letter o with grave accent',
- ó: 'Latin small letter o with acute accent',
- ô: 'Latin small letter o with circumflex',
- õ: 'Latin small letter o with tilde',
- ö: 'Latin small letter o with diaeresis',
- '÷': 'Division sign',
- ø: 'Latin small letter o with stroke',
- ù: 'Latin small letter u with grave accent',
- ú: 'Latin small letter u with acute accent',
- û: 'Latin small letter u with circumflex',
- ü: 'Latin small letter u with diaeresis',
- ý: 'Latin small letter y with acute accent',
- þ: 'Latin small letter thorn',
- ÿ: 'Latin small letter y with diaeresis',
- Œ: 'Latin capital ligature OE',
- œ: 'Latin small ligature oe',
- '‚': 'Single low-9 quotation mark',
- '„': 'Double low-9 quotation mark',
- '…': 'Horizontal ellipsis',
- '™': 'Trade mark sign',
- '•': 'Bullet',
- '→': 'Rightwards arrow',
- '⇒': 'Rightwards double arrow',
- '⇔': 'Left right double arrow',
- '♦': 'Black diamond suit',
- '≈': 'Almost equal to',
-};
-
-const SPECIAL_CHARS = [
- '!', '"', '#', '$', '%', '&', "'", '(', ')', '*', '+', '-', '.', '/',
- '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', ';',
- '<', '=', '>', '?', '@',
- 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O',
- 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',
- '[', ']', '^', '_', '`',
- 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p',
- 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',
- '{', '|', '}', '~',
- '€', '‘', '’', '“', '”', '–', '—', '¡', '¢', '£',
- '¤', '¥', '¦', '§', '¨', '©', 'ª', '«', '¬', '®', '¯',
- '°', '²', '³', '´', 'µ', '¶', '·', '¸', '¹', 'º', '»',
- '¼', '½', '¾', '¿', 'À', 'Á', 'Â', 'Ã', 'Ä', 'Å',
- 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï',
- 'Ð', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', '×', 'Ø', 'Ù',
- 'Ú', 'Û', 'Ü', 'Ý', 'Þ', 'ß', 'à', 'á', 'â', 'ã',
- 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í',
- 'î', 'ï', 'ð', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', '÷',
- 'ø', 'ù', 'ú', 'û', 'ü', 'ý', 'þ', 'ÿ', 'Œ', 'œ',
- 'Ŵ', 'Ŷ', 'ŵ', 'ŷ', '‚', '‛', '„', '…', '™', '►', '•',
- '→', '⇒', '⇔', '♦', '≈',
-];
-
-const ID = 'SpecialCharSelectorModal';
-
-const SpecialCharSelectorModal = ({ isVisible, onSelect, onClose }) => {
- const renderedModalTitle = (
-
-
-
- );
-
- return (
- }
- onCloseModal={onClose}
- >
- {SPECIAL_CHARS.map(char => (
-
- ))}
-
- );
-};
-
-SpecialCharSelectorModal.propTypes = {
- isVisible: PropTypes.bool.isRequired,
- onSelect: PropTypes.func.isRequired,
- onClose: PropTypes.func.isRequired,
-};
-
-export default SpecialCharSelectorModal;
diff --git a/src/ui/component-repository/CategoryTabs.js b/src/ui/component-repository/CategoryTabs.js
deleted file mode 100644
index b1b0c653f..000000000
--- a/src/ui/component-repository/CategoryTabs.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from 'react-intl';
-import { Tabs, Tab } from 'patternfly-react';
-
-class CategoryTabs extends Component {
- componentWillMount() {
- this.props.onWillMount();
- }
-
- render() {
- const {
- componentRepositoryCategories,
- selectedECRCategory,
- onSelect,
- intl,
- } = this.props;
- const formatText = id => intl.formatMessage({ id });
-
- const categories = componentRepositoryCategories.map(category => (
- { label: formatText(`componentRepository.categories.${category}`, category), value: category }
- ));
-
- const handleSelect = (key) => {
- onSelect(categories[key].value);
- };
-
- const tabs = categories.map((category, index) => (
-
- ));
-
- const index = categories.indexOf(selectedECRCategory);
- const selectedECRCategoryIndex = index !== -1 ? index : 0;
-
- return (
-
- handleSelect(key)}
- >
- { tabs }
-
-
- );
- }
-}
-
-CategoryTabs.propTypes = {
- intl: intlShape.isRequired,
- componentRepositoryCategories: PropTypes.arrayOf(PropTypes.string).isRequired,
- selectedECRCategory: PropTypes.string.isRequired,
- onWillMount: PropTypes.func.isRequired,
- onSelect: PropTypes.func.isRequired,
-};
-
-export default injectIntl(CategoryTabs);
diff --git a/src/ui/component-repository/ComponentRepositoryFilter.js b/src/ui/component-repository/ComponentRepositoryFilter.js
deleted file mode 100644
index bd984aafd..000000000
--- a/src/ui/component-repository/ComponentRepositoryFilter.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { Component } from 'react';
-import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
-import { reduxForm } from 'redux-form';
-import { Alert } from 'patternfly-react';
-import CheckboxGroup from 'ui/component-repository/common/CheckboxGroup';
-import SidebarFilter from 'ui/component-repository/common/SidebarFilter';
-
-class ComponentRepositoryFilterBody extends Component {
- componentDidMount() {
- this.props.onDidMount();
- }
-
- render() {
- const { intl, componentRepositories, onChange } = this.props;
- const formatText = id => intl.formatMessage({ id });
-
- const options = componentRepositories.map(componentRepository => ({
- label: componentRepository.name,
- value: componentRepository.id,
- }));
-
- const renderECRCheckBox = (!componentRepositories || componentRepositories.length === 0)
- ?
- (
-
-
- ) : ();
-
- return (
-
- {renderECRCheckBox}
-
- );
- }
-}
-
-ComponentRepositoryFilterBody.propTypes = {
- intl: intlShape.isRequired,
- componentRepositories: PropTypes.arrayOf(PropTypes.object).isRequired,
- onDidMount: PropTypes.func.isRequired,
- onChange: PropTypes.func.isRequired,
-};
-
-export default reduxForm({
- form: 'componentRepositoryFilter',
- enableReinitialize: true,
- keepDirtyOnReinitialize: true,
-})(injectIntl(ComponentRepositoryFilterBody));
diff --git a/src/ui/component-repository/ComponentRepositoryFilterContainer.js b/src/ui/component-repository/ComponentRepositoryFilterContainer.js
deleted file mode 100644
index 8cbaee289..000000000
--- a/src/ui/component-repository/ComponentRepositoryFilterContainer.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { connect } from 'react-redux';
-import { getComponentRepositoryFilters } from 'state/component-repository/components/selectors';
-import { getComponentRepositoryList } from 'state/component-repository/component-repositories/selectors';
-import { filterByComponentRepositories } from 'state/component-repository/actions';
-import { fetchComponentRepositories } from 'state/component-repository/component-repositories/actions';
-import ComponentRepositoryFilter from 'ui/component-repository/ComponentRepositoryFilter';
-
-export const mapDispatchToProps = dispatch => ({
- onDidMount: () => dispatch(fetchComponentRepositories()),
- onChange: (eventOrValue) => {
- const { componentRepositories } = eventOrValue;
- if (componentRepositories) {
- dispatch(filterByComponentRepositories(componentRepositories));
- }
- },
-});
-
-export const mapStateToProps = state => ({
- componentRepositories: getComponentRepositoryList(state),
- initialValues: { componentRepositories: getComponentRepositoryFilters(state) },
-});
-
-export default connect(mapStateToProps, mapDispatchToProps, null, {
- pure: false,
-})(ComponentRepositoryFilter);
diff --git a/src/ui/component-repository/RatingFilter.js b/src/ui/component-repository/RatingFilter.js
deleted file mode 100644
index 87ed13c6c..000000000
--- a/src/ui/component-repository/RatingFilter.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { rangeRight } from 'lodash';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { defineMessages, injectIntl, intlShape } from 'react-intl';
-import SidebarFilter from 'ui/component-repository/common/SidebarFilter';
-import RatingFilterItem from 'ui/component-repository/RatingFilterItem';
-
-const msgs = defineMessages({
- ratingFilterTitle: {
- id: 'componentRepository.sidebar.ratingFilter.title',
- defaultMessage: 'Rating Filter Title',
- },
-});
-
-class RatingFilter extends Component {
- toggleRatingFilter(selectedRating) {
- const { rating, onSelect } = this.props;
- const selectedRatingOrNull = rating === selectedRating ? null : selectedRating;
- onSelect(selectedRatingOrNull);
- }
-
- render() {
- const {
- minRating,
- maxRating,
- rating,
- intl,
- } = this.props;
-
- const ratingFilterItems = rangeRight(minRating, maxRating + 1).map(itemRating => (
-
- this.toggleRatingFilter(itemRating)}
- selected={itemRating === rating}
- rating={itemRating}
- maxRating={maxRating}
- />
-
- ));
-
- return (
-
-
-
- { ratingFilterItems }
-
-
onSelect(rating)}
- onKeyDown={e => e.key === enterKey && onSelect(rating)}
- aria-label={`${rating} ${itemLabel}`}
- >
- {
- range(maxRating).map(currentRating => (
-
- ))
- }
- {itemLabel}
-
- );
-};
-
-RatingFilterItem.propTypes = {
- intl: intlShape.isRequired,
- selected: PropTypes.bool,
- rating: PropTypes.number.isRequired,
- maxRating: PropTypes.number.isRequired,
- onSelect: PropTypes.func.isRequired,
-};
-
-RatingFilterItem.defaultProps = {
- selected: false,
-};
-
-export default injectIntl(RatingFilterItem);
diff --git a/src/ui/component-repository/common/StarIcon.js b/src/ui/component-repository/common/StarIcon.js
deleted file mode 100644
index 686d26bbc..000000000
--- a/src/ui/component-repository/common/StarIcon.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const StarIcon = ({ filled, filledHalf }) => {
- const filledClass = filled ? ' StarIcon--filled' : '';
- const icon = filledHalf ? 'fa-star-half' : 'fa-star';
- const className = `fa ${icon} StarIcon${filledClass}`;
- return ;
-};
-
-StarIcon.propTypes = {
- filled: PropTypes.bool,
- filledHalf: PropTypes.bool,
-};
-
-StarIcon.defaultProps = {
- filled: false,
- filledHalf: false,
-};
-
-export default StarIcon;
diff --git a/src/ui/component-repository/common/StarRating.js b/src/ui/component-repository/common/StarRating.js
deleted file mode 100644
index ebd6363cc..000000000
--- a/src/ui/component-repository/common/StarRating.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { range } from 'lodash';
-import React from 'react';
-import PropTypes from 'prop-types';
-import StarIcon from 'ui/component-repository/common/StarIcon';
-
-const StarRating = ({ rating }) => {
- const roundedRating = Math.round(rating);
- return (
-
- {
- range(rating).map(currentRating => (
-
- ))
- }
-
- );
-};
-
-StarRating.propTypes = {
- rating: PropTypes.number.isRequired,
-};
-
-export default StarRating;
diff --git a/src/ui/content-settings/ContentSettingsCropRatioInput.js b/src/ui/content-settings/ContentSettingsCropRatioInput.js
deleted file mode 100644
index 42ce3a272..000000000
--- a/src/ui/content-settings/ContentSettingsCropRatioInput.js
+++ /dev/null
@@ -1,138 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Form, FormGroup, FormControl, Button, Icon } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-
-const propTypes = {
- value: PropTypes.string,
- isNew: PropTypes.bool,
- onAdd: PropTypes.func,
- onDelete: PropTypes.func,
- onSave: PropTypes.func,
- onError: PropTypes.func,
-};
-
-const defaultProps = {
- value: '',
- isNew: false,
- onAdd: () => {},
- onDelete: () => {},
- onSave: () => {},
- onError: () => {},
-};
-
-class ContentSettingsCropRatioInput extends Component {
- constructor(props) {
- super(props);
- this.state = {
- value: props.value,
- };
-
- this.handleInputChange = this.handleInputChange.bind(this);
- this.handleInputBlur = this.handleInputBlur.bind(this);
- this.handleAddClick = this.handleAddClick.bind(this);
- this.handleDeleteClick = this.handleDeleteClick.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- getValidationState() {
- const { value: initialValue } = this.props;
- const { value } = this.state;
- if ((value.length > 0 || initialValue.length > 0) && value !== initialValue) {
- const isRatio = /^\d+[:]\d+$/.test(value);
- if (isRatio) return 'success';
- return 'error';
- }
-
- return null;
- }
-
- handleInputChange(e) {
- this.setState({
- value: e.target.value,
- });
- }
-
- handleInputBlur() {
- const { isNew, onError } = this.props;
- if (this.getValidationState() === 'success') {
- const { onSave } = this.props;
- const { value } = this.state;
- onSave(value);
- } else if (!isNew) {
- onError('cropvalueerror');
- }
- }
-
- handleAddClick() {
- this.handleSubmit();
- }
-
- handleDeleteClick() {
- const { onDelete } = this.props;
- onDelete();
- }
-
- handleSubmit(e) {
- if (e) e.preventDefault();
-
- const { isNew, onError } = this.props;
- if (isNew && this.getValidationState() === 'success') {
- const { onAdd } = this.props;
- const { value } = this.state;
- onAdd(value);
-
- this.setState({
- value: '',
- });
- } else {
- onError('cropvalueerror');
- }
- }
-
- render() {
- const { isNew } = this.props;
- const { value } = this.state;
-
- const renderedBtn = isNew ? (
-
- ) : (
-
- );
-
- return (
-
- );
- }
-}
-
-ContentSettingsCropRatioInput.propTypes = propTypes;
-ContentSettingsCropRatioInput.defaultProps = defaultProps;
-
-export default ContentSettingsCropRatioInput;
diff --git a/src/ui/content-settings/ContentSettingsCropRatios.js b/src/ui/content-settings/ContentSettingsCropRatios.js
deleted file mode 100644
index efef1d92b..000000000
--- a/src/ui/content-settings/ContentSettingsCropRatios.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Row, Col } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-
-import RatioInput from 'ui/content-settings/ContentSettingsCropRatioInput';
-
-const propTypes = {
- cropRatios: PropTypes.arrayOf(PropTypes.string).isRequired,
- onAdd: PropTypes.func.isRequired,
- onDelete: PropTypes.func.isRequired,
- onUpdate: PropTypes.func.isRequired,
- onError: PropTypes.func.isRequired,
-};
-
-const ContentSettingsCropRatios = ({
- cropRatios, onAdd, onDelete, onUpdate, onError,
-}) => (
-
-
-
-
-
-
-
-
-
-
-
-
- {cropRatios.map(cropRatio => (
-
-
- onDelete(cropRatio)}
- onSave={newValue => onUpdate(cropRatio, newValue)}
- onError={onError}
- />
-
-
- ))}
-
-
-
-
-
-
-);
-
-ContentSettingsCropRatios.propTypes = propTypes;
-
-export default ContentSettingsCropRatios;
diff --git a/src/ui/content-settings/ContentSettingsCropRatiosContainer.js b/src/ui/content-settings/ContentSettingsCropRatiosContainer.js
deleted file mode 100644
index 1f4387ef1..000000000
--- a/src/ui/content-settings/ContentSettingsCropRatiosContainer.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import { connect } from 'react-redux';
-import { addToast, TOAST_SUCCESS, TOAST_ERROR } from '@entando/messages';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import { getCropRatios } from 'state/content-settings/selectors';
-import { addCropRatio, removeCropRatio, updateCropRatio } from 'state/content-settings/actions';
-import ContentSettingsCropRatios from 'ui/content-settings/ContentSettingsCropRatios';
-
-const cropRatioSuccessMsgs = defineMessages({
- added: {
- id: 'cms.contentsettings.ratio.added.success',
- defaultMessage: 'Crop ratio added successfully',
- },
- deleted: {
- id: 'cms.contentsettings.ratio.deleted.success',
- defaultMessage: 'Crop ratio deleted successfully',
- },
- updated: {
- id: 'cms.contentsettings.ratio.updated.success',
- defaultMessage: 'Crop ratio updated successfully',
- },
-});
-
-const mapStateToProps = state => ({
- cropRatios: getCropRatios(state),
-});
-
-const mapDispatchToProps = (dispatch, { intl }) => ({
- onAdd: (cropRatio) => {
- dispatch(addCropRatio(cropRatio)).then((res) => {
- if (res) {
- dispatch(addToast(intl.formatMessage(cropRatioSuccessMsgs.added), TOAST_SUCCESS));
- }
- });
- },
- onDelete: (cropRatio) => {
- dispatch(removeCropRatio(cropRatio)).then((res) => {
- if (res) {
- dispatch(addToast(intl.formatMessage(cropRatioSuccessMsgs.deleted), TOAST_SUCCESS));
- }
- });
- },
- onUpdate: (cropRatio, newValue) => {
- dispatch(updateCropRatio(cropRatio, newValue)).then((res) => {
- if (res) {
- dispatch(addToast(intl.formatMessage(cropRatioSuccessMsgs.updated), TOAST_SUCCESS));
- }
- });
- },
- onError: (msg) => {
- const errorMsg = defineMessages({
- crop: {
- id: `cms.contentsettings.${msg}`,
- defaultMessage: 'Crop Error',
- },
- });
- dispatch(addToast(intl.formatMessage(errorMsg.crop), TOAST_ERROR));
- },
-});
-
-const ContentSettingsCropRatiosContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(ContentSettingsCropRatios);
-
-export default injectIntl(ContentSettingsCropRatiosContainer);
diff --git a/src/ui/content-settings/ContentSettingsGeneral.js b/src/ui/content-settings/ContentSettingsGeneral.js
deleted file mode 100644
index 1a69f9e79..000000000
--- a/src/ui/content-settings/ContentSettingsGeneral.js
+++ /dev/null
@@ -1,218 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, injectIntl, intlShape, defineMessages } from 'react-intl';
-import { Row, Col, Button, Icon, Spinner } from 'patternfly-react';
-
-import RadioInput from 'ui/common/form/RenderRadioInput';
-
-const messages = defineMessages({
- none: {
- id: 'cms.label.none',
- defaultMessage: 'None',
- },
- texteditor: {
- id: 'cms.label.textEditor',
- defaultMessage: 'Text Editor',
- },
- saving: {
- id: 'cms.label.saving',
- defaultMessage: 'Waiting',
- },
- reloading: {
- id: 'cms.label.reloading',
- defaultMessage: 'Refreshing',
- },
-});
-
-class ContentSettingsGeneral extends Component {
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- render() {
- const {
- intl,
- referenceStatus,
- indexesStatus,
- indexesLastReloadDate,
- indexesLastReloadResult,
- editorSettings,
- onEditorChange,
- onReloadReferences,
- onReloadIndexes,
- isReloadingReferences,
- isReloadingIndexes,
- isEditorChanging,
- loading,
- } = this.props;
-
- const editorInput = {
- value: editorSettings.key,
- name: 'editor',
- onChange: onEditorChange,
- };
-
- const EDITOR_OPTIONS = [
- {
- id: 'none',
- label: intl.formatMessage(messages.none),
- },
- {
- id: 'fckeditor',
- label: intl.formatMessage(messages.texteditor),
- },
- ];
-
- const saving = intl.formatMessage(messages.saving);
- const reloading = intl.formatMessage(messages.reloading);
-
- const reloadStatusId = 'cms.contentsettings.label.reloadstatus';
-
- let lastReloadRemarkId = '';
- if (indexesLastReloadDate) {
- lastReloadRemarkId = `${reloadStatusId}.remark.${
- indexesLastReloadResult ? 'success' : 'failed'
- }`;
- }
-
- const statuses = defineMessages({
- reference: {
- id: `${reloadStatusId}.${referenceStatus}`,
- },
- indexes: {
- id: `${reloadStatusId}.${indexesStatus}`,
- },
- });
-
- const generateEditorSwitch = () => (
-
-
-
-
-
-
-
-
{' '}
- {isEditorChanging ? (
-
- ({saving}... )
-
- ) : (
- ''
- )}
-
-
- );
-
- return (
-
-
-
-
-
-
-
- {' '}
- {isReloadingReferences ? (
-
- ({reloading}... )
-
- ) : (
- ({intl.formatMessage(statuses.reference)})
- )}
-
-
-
-
-
-
-
-
- {' '}
- {isReloadingIndexes ? (
-
- ({reloading}... )
-
- ) : (
- ({intl.formatMessage(statuses.indexes)})
- )}
-
-
- {lastReloadRemarkId ? (
-
-
-
-
-
-
-
-
- ) : (
- ''
- )}
-
- {generateEditorSwitch()}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default ContentSettingsPage;
diff --git a/src/ui/content-settings/metadata/AddContentSettingsMetadata.js b/src/ui/content-settings/metadata/AddContentSettingsMetadata.js
deleted file mode 100644
index 69668ab87..000000000
--- a/src/ui/content-settings/metadata/AddContentSettingsMetadata.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { reduxForm, Field } from 'redux-form';
-import { Row, Col, Button } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-
-import ErrorsAlertContainer from 'ui/common/form/ErrorsAlertContainer';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import FormLabel from 'ui/common/form/FormLabel';
-
-const AddContentSettingsMetadataBody = ({ invalid, submitting, handleSubmit }) => (
-
-
-
-
-
-
-
-);
-
-AddContentSettingsMetadataBody.propTypes = {
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- handleSubmit: PropTypes.func.isRequired,
-};
-
-AddContentSettingsMetadataBody.defaultProps = {
- invalid: false,
- submitting: false,
-};
-
-const AddContentSettingsMetadata = reduxForm({
- form: 'addsettingsmetadata',
- enableReinitialize: true,
-})(AddContentSettingsMetadataBody);
-
-export default AddContentSettingsMetadata;
diff --git a/src/ui/content-settings/metadata/AddContentSettingsMetadataContainer.js b/src/ui/content-settings/metadata/AddContentSettingsMetadataContainer.js
deleted file mode 100644
index 051112a10..000000000
--- a/src/ui/content-settings/metadata/AddContentSettingsMetadataContainer.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { connect } from 'react-redux';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { defineMessages, injectIntl } from 'react-intl';
-import { getLoading } from 'state/loading/selectors';
-import { reset } from 'redux-form';
-import { sendPostMetadataMap } from 'state/content-settings/actions';
-
-import AddContentSettingsMetadata from 'ui/content-settings/metadata/AddContentSettingsMetadata';
-
-const metadataMsgs = defineMessages({
- saved: {
- id: 'cms.contentsettings.form.saved',
- defaultMessage: '{name} saved.',
- },
-});
-
-export const mapStateToProps = state => ({
- loading: getLoading(state).contentSettings,
-});
-
-export const mapDispatchToProps = (dispatch, { intl }) => ({
- onSubmit: (values) => {
- const { key, mapping } = values;
- dispatch(sendPostMetadataMap(key, mapping)).then((res) => {
- if (res) {
- dispatch(reset('addsettingsmetadata'));
- dispatch(addToast(intl.formatMessage(metadataMsgs.saved, { name: key }), TOAST_SUCCESS));
- }
- });
- },
-});
-
-const AddContentSettingsMetadataContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(AddContentSettingsMetadata);
-
-export default injectIntl(AddContentSettingsMetadataContainer);
diff --git a/src/ui/content-settings/metadata/ContentSettingsMetadataList.js b/src/ui/content-settings/metadata/ContentSettingsMetadataList.js
deleted file mode 100644
index 757741c82..000000000
--- a/src/ui/content-settings/metadata/ContentSettingsMetadataList.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Row, Col, Button, Icon } from 'patternfly-react';
-import DeleteContentMetadataModalContainer from 'ui/content-settings/metadata/DeleteContentMetadataModalContainer';
-import { reduxForm, Field } from 'redux-form';
-
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import FormLabel from 'ui/common/form/FormLabel';
-
-class ContentSettingsMetadataListBody extends Component {
- constructor(props) {
- super(props);
- this.onClickDelete = this.onClickDelete.bind(this);
- this.onFieldKeyUp = this.onFieldKeyUp.bind(this);
- }
-
- onFieldKeyUp(ev) {
- if (ev.keyCode !== 13) return;
- const { submit } = this.props;
- submit();
- }
-
- onClickDelete(ev) {
- const { onPromptDelete } = this.props;
- const { key, metadata } = ev.currentTarget.dataset;
- onPromptDelete({ key, metadata });
- }
-
- render() {
- const { handleSubmit, metadata, loadings } = this.props;
- return (
-
-
-
-
- );
- }
-}
-
-ContentSettingsMetadataListBody.propTypes = {
- metadata: PropTypes.arrayOf(PropTypes.shape({})),
- handleSubmit: PropTypes.func.isRequired,
- submit: PropTypes.func.isRequired,
- loadings: PropTypes.shape({}),
- onPromptDelete: PropTypes.func.isRequired,
-};
-
-ContentSettingsMetadataListBody.defaultProps = {
- metadata: [],
- loadings: {},
-};
-
-const ContentSettingsMetadataList = reduxForm({
- form: 'settingsmetadata',
- enableReinitialize: true,
-})(ContentSettingsMetadataListBody);
-
-export default ContentSettingsMetadataList;
diff --git a/src/ui/content-settings/metadata/ContentSettingsMetadataListContainer.js b/src/ui/content-settings/metadata/ContentSettingsMetadataListContainer.js
deleted file mode 100644
index 9ff530e8b..000000000
--- a/src/ui/content-settings/metadata/ContentSettingsMetadataListContainer.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { connect } from 'react-redux';
-import {
- getMetadataMappingList,
- getMetadataMappingFormData,
-} from 'state/content-settings/selectors';
-import { checkAndPutMetadataMap } from 'state/content-settings/actions';
-import { setVisibleModal, setInfo } from 'state/modal/actions';
-import { getLoading } from 'state/loading/selectors';
-import { MODAL_ID } from 'ui/content-settings/metadata/DeleteContentMetadataModal';
-
-import ContentSettingsMetadataList from 'ui/content-settings/metadata/ContentSettingsMetadataList';
-
-export const mapStateToProps = (state) => {
- const metadata = getMetadataMappingList(state);
- const loadings = metadata.reduce((acc, { key }) => {
- acc[key] = getLoading(state)[key];
- return acc;
- }, {});
- return {
- metadata,
- loadings,
- initialValues: {
- ...getMetadataMappingFormData(state),
- },
- };
-};
-
-export const mapDispatchToProps = dispatch => ({
- onSubmit: (values) => {
- dispatch(checkAndPutMetadataMap(values));
- },
- onPromptDelete: (item) => {
- dispatch(setVisibleModal(MODAL_ID));
- dispatch(setInfo(item));
- },
-});
-
-const ContentSettingsMetadataListContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(ContentSettingsMetadataList);
-
-export default ContentSettingsMetadataListContainer;
diff --git a/src/ui/content-settings/metadata/DeleteContentMetadataModal.js b/src/ui/content-settings/metadata/DeleteContentMetadataModal.js
deleted file mode 100644
index b2f76f102..000000000
--- a/src/ui/content-settings/metadata/DeleteContentMetadataModal.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import {
- Button,
- EmptyState,
- Modal,
- EmptyStateIcon,
- EmptyStateTitle,
- EmptyStateInfo,
-} from 'patternfly-react';
-
-export const MODAL_ID = 'DeleteContentMetadataModal';
-
-const DeleteContentMetadataModal = ({ onConfirmDelete, info }) => {
- const buttons = [
- ,
- ];
-
- const modalTitle = (
-
-
-
- );
-
- return (
-
-
-
-
-
- {`"${info.key}"`}
-
-
-
-
-
-
- );
-};
-
-DeleteContentMetadataModal.propTypes = {
- onConfirmDelete: PropTypes.func.isRequired,
- info: PropTypes.shape({
- id: PropTypes.number,
- descr: PropTypes.string,
- key: PropTypes.string,
- }),
-};
-
-DeleteContentMetadataModal.defaultProps = {
- info: {
- id: '',
- descr: '',
- },
-};
-
-export default DeleteContentMetadataModal;
diff --git a/src/ui/content-settings/metadata/DeleteContentMetadataModalContainer.js b/src/ui/content-settings/metadata/DeleteContentMetadataModalContainer.js
deleted file mode 100644
index 8213d06ae..000000000
--- a/src/ui/content-settings/metadata/DeleteContentMetadataModalContainer.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { connect } from 'react-redux';
-import { setVisibleModal } from 'state/modal/actions';
-import { getInfo } from 'state/modal/selectors';
-import { sendDeleteMetadataMap } from 'state/content-settings/actions';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import DeleteContentMetadataModal from 'ui/content-settings/metadata/DeleteContentMetadataModal';
-
-const contentTemplateMsgs = defineMessages({
- removed: {
- id: 'cms.contentsettings.metadata.infoDeleted',
- defaultMessage: '{name} deleted.',
- },
-});
-
-export const mapStateToProps = state => ({
- info: getInfo(state),
-});
-
-export const mapDispatchToProps = (dispatch, { intl }) => ({
- onConfirmDelete: (contMeta) => {
- dispatch(sendDeleteMetadataMap(contMeta.key)).then((res) => {
- if (res) {
- dispatch(addToast(
- intl.formatMessage(contentTemplateMsgs.removed, { name: contMeta.key }),
- TOAST_SUCCESS,
- ));
- }
- });
- dispatch(setVisibleModal(''));
- },
-});
-
-const DeleteContentMetadataModalContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(DeleteContentMetadataModal);
-
-export default injectIntl(DeleteContentMetadataModalContainer);
diff --git a/src/ui/content-template/AddContentTemplateForm.js b/src/ui/content-template/AddContentTemplateForm.js
deleted file mode 100644
index bd60a63a4..000000000
--- a/src/ui/content-template/AddContentTemplateForm.js
+++ /dev/null
@@ -1,270 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { Field, reduxForm } from 'redux-form';
-import { Row, Col, Button, Modal } from 'patternfly-react';
-import { FormattedMessage, FormattedHTMLMessage, intlShape, defineMessages } from 'react-intl';
-import { required, maxLength } from '@entando/utils';
-
-import RenderDropdownTypeaheadInput from 'ui/common/form/RenderDropdownTypeaheadInput';
-import RenderContentTemplateInput from 'ui/common/form/RenderContentTemplateInput';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import FormLabel from 'ui/common/form/FormLabel';
-import DraggableDialog from 'ui/common/DraggableDialog';
-
-import ConfirmCancelModalContainer from 'ui/common/cancel-modal/ConfirmCancelModalContainer';
-
-const EDIT_MODE = 'edit';
-const NEW_MODE = 'new';
-
-const max10Digits = value => (
- value && /^[0-9]{1,10}$/.test(value)
- ? undefined
- : (
-
- )
-);
-const maxLength50 = maxLength(50);
-
-const messages = defineMessages({
- chooseContentType: {
- id: 'cms.label.select',
- defaultMessage: 'Please select',
- },
- htmlModelAppend: {
- id: 'cms.contenttemplate.form.presscontext',
- defaultMessage: 'CTRL + Space',
- },
-});
-
-class AddContentTemplateFormBody extends Component {
- constructor(props) {
- super(props);
- this.state = {
- modalOpened: false,
- };
- this.handleModalOpen = this.handleModalOpen.bind(this);
- this.handleModalClose = this.handleModalClose.bind(this);
- }
-
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- componentWillUnmount() {
- const { onDidUnmount } = this.props;
- onDidUnmount();
- }
-
- handleModalOpen() {
- this.setState({ modalOpened: true });
- }
-
- handleModalClose() {
- this.setState({ modalOpened: false });
- }
-
- render() {
- const {
- handleSubmit, invalid, submitting, intl, mode, contentTypes,
- dirty,
- onCancel,
- onDiscard,
- onSave,
- dictionary,
- onChangeContentType,
- } = this.props;
- const { modalOpened } = this.state;
-
- const handleCancelClick = () => {
- if (dirty) {
- onCancel();
- } else {
- onDiscard();
- }
- };
-
- return (
-
- );
- }
-}
-
-AddContentTemplateFormBody.propTypes = {
- intl: intlShape.isRequired,
- dictionary: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- handleSubmit: PropTypes.func.isRequired,
- onChangeContentType: PropTypes.func.isRequired,
- contentTypes: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- invalid: PropTypes.bool,
- onDidMount: PropTypes.func.isRequired,
- onDidUnmount: PropTypes.func.isRequired,
- submitting: PropTypes.bool,
- mode: PropTypes.string,
- dirty: PropTypes.bool,
- onDiscard: PropTypes.func.isRequired,
- onCancel: PropTypes.func.isRequired,
- onSave: PropTypes.func.isRequired,
-};
-
-AddContentTemplateFormBody.defaultProps = {
- invalid: false,
- submitting: false,
- mode: NEW_MODE,
- dirty: false,
-};
-
-const AddContentTemplateForm = reduxForm({
- form: 'contenttemplateform',
-})(AddContentTemplateFormBody);
-
-export default AddContentTemplateForm;
diff --git a/src/ui/content-template/AddContentTemplateFormContainer.js b/src/ui/content-template/AddContentTemplateFormContainer.js
deleted file mode 100644
index 6739bec1c..000000000
--- a/src/ui/content-template/AddContentTemplateFormContainer.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import { connect } from 'react-redux';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { injectIntl, defineMessages } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { submit } from 'redux-form';
-import { routeConverter } from '@entando/utils';
-
-import { getContentTemplateDictionaryList } from 'state/content-template/selectors';
-import {
- fetchContentTemplateDictionary,
- sendPostContentTemplate,
- clearContentTemplate,
- clearContentTemplateDictionary,
-} from 'state/content-template/actions';
-import { fetchContentTypeListPaged, fetchContentType, clearSelectedContentType } from 'state/content-type/actions';
-import { getContentTypeList } from 'state/content-type/selectors';
-import { ROUTE_CMS_CONTENTTEMPLATE_LIST } from 'app-init/router';
-
-import { setVisibleModal } from 'state/modal/actions';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-
-import AddContentTemplateForm from 'ui/content-template/AddContentTemplateForm';
-
-const contentTemplateMsgs = defineMessages({
- saved: {
- id: 'cms.contenttemplate.form.saved',
- defaultMessage: '{name} saved.',
- },
-});
-
-export const mapStateToProps = state => ({
- dictionary: getContentTemplateDictionaryList(state),
- contentTypes: getContentTypeList(state),
-});
-
-export const mapDispatchToProps = (dispatch, { intl, history }) => ({
- onDidMount: () => {
- dispatch(fetchContentTemplateDictionary());
- dispatch(fetchContentTypeListPaged({ pageSize: 0 }));
- },
- onDidUnmount: () => {
- dispatch(clearContentTemplate());
- dispatch(clearContentTemplateDictionary());
- dispatch(clearSelectedContentType());
- },
- onChangeContentType: (code) => {
- dispatch(fetchContentType(code, false));
- },
- onSubmit: values => (
- dispatch(sendPostContentTemplate(values)).then((res) => {
- if (res) {
- dispatch(addToast(
- intl.formatMessage(contentTemplateMsgs.saved, { modelname: values.descr }),
- TOAST_SUCCESS,
- ));
- history.push(ROUTE_CMS_CONTENTTEMPLATE_LIST);
- }
- })),
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('contenttemplateform')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTTEMPLATE_LIST)); },
-});
-
-const AddContentTemplateFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(AddContentTemplateForm);
-
-export default withRouter(injectIntl(AddContentTemplateFormContainer));
diff --git a/src/ui/content-template/AddContentTemplatePage.js b/src/ui/content-template/AddContentTemplatePage.js
deleted file mode 100644
index a42b5933e..000000000
--- a/src/ui/content-template/AddContentTemplatePage.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { Row, Col, Grid, Breadcrumb } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import AddContentTemplateFormContainer from 'ui/content-template/AddContentTemplateFormContainer';
-
-const AddContentTemplatePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default AddContentTemplatePage;
diff --git a/src/ui/content-template/ContentTemplateList.js b/src/ui/content-template/ContentTemplateList.js
deleted file mode 100644
index fbed050d2..000000000
--- a/src/ui/content-template/ContentTemplateList.js
+++ /dev/null
@@ -1,184 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
-import {
- Spinner,
- DropdownKebab,
- MenuItem,
- PaginationRow,
-} from 'patternfly-react';
-import { DataTable } from '@entando/datatable';
-import { LinkMenuItem } from '@entando/menu';
-import { routeConverter } from '@entando/utils';
-import { ROUTE_CMS_CONTENTTEMPLATE_EDIT } from 'app-init/router';
-
-import DeleteContentTemplateModalContainer from 'ui/content-template/DeleteContentTemplateModalContainer';
-import paginatorMessages from 'ui/common/paginatorMessages';
-
-const perPageOptions = [5, 10, 15, 25, 50];
-
-class ContentTemplateList extends Component {
- constructor(props) {
- super(props);
-
- this.changePage = this.changePage.bind(this);
- this.changePageSize = this.changePageSize.bind(this);
- }
-
- componentDidMount() {
- const { onDidMount, columnOrder, onSetColumnOrder } = this.props;
- if (!columnOrder.length) {
- onSetColumnOrder(['id', 'contentType', 'descr']);
- }
- onDidMount();
- }
-
- getColumnDefs() {
- const { columnOrder } = this.props;
-
- const columnDefs = {
- id: {
- Header: ,
- attributes: {
- style: { width: '10%' },
- },
- },
- contentType: {
- Header: ,
- attributes: {
- style: { width: '20%' },
- },
- },
- descr: {
- Header: ,
- attributes: {
- style: { width: '60%' },
- },
- },
- };
-
- return columnOrder.map(column => ({
- ...columnDefs[column],
- accessor: column,
- }));
- }
-
- changePage(page) {
- const { fetchList, pageSize } = this.props;
- fetchList({ page, pageSize });
- }
-
- changePageSize(pageSize) {
- const { fetchList } = this.props;
- fetchList({ page: 1, pageSize });
- }
-
- render() {
- const {
- intl,
- contentTemplates,
- loading,
- onClickDelete,
- onSetColumnOrder,
- page,
- pageSize,
- totalItems,
- lastPage,
- } = this.props;
-
- const pagination = {
- page,
- perPage: pageSize,
- perPageOptions,
- };
-
- const columns = this.getColumnDefs() || [];
-
- const itemsStart = totalItems === 0 ? 0 : ((page - 1) * pageSize) + 1;
- const itemsEnd = Math.min(page * pageSize, totalItems);
-
- const rowAction = {
- Header: ,
- cellAttributes: {
- className: 'text-center',
- },
- Cell: ({ values: item }) => (
-
- }
- className="ContentTemplateList__menu-item-edit"
- />
-
-
- ),
- };
-
- const messages = Object.keys(paginatorMessages).reduce((acc, curr) => (
- { ...acc, [curr]: intl.formatMessage(paginatorMessages[curr]) }
- ), {});
-
- return (
-
-
-
- this.changePage(1)}
- onPreviousPage={() => this.changePage(page - 1)}
- onPageInput={this.onPageInput}
- onNextPage={() => this.changePage(page + 1)}
- onLastPage={() => this.changePage(lastPage)}
- messages={messages}
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default ContentTemplateListPage;
diff --git a/src/ui/content-template/ContentTemplateSearchForm.js b/src/ui/content-template/ContentTemplateSearchForm.js
deleted file mode 100644
index 9b5954578..000000000
--- a/src/ui/content-template/ContentTemplateSearchForm.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Row, Col, Grid, Button, DropdownButton, MenuItem, Label, Icon } from 'patternfly-react';
-import { Field, reduxForm } from 'redux-form';
-import { defineMessages, injectIntl, intlShape, FormattedMessage } from 'react-intl';
-import RenderSearchFormInput from 'ui/common/form/RenderSearchFormInput';
-
-class ContentTemplateSearchFormBody extends Component {
- constructor(props) {
- super(props);
- this.clearSearch = this.clearSearch.bind(this);
- this.messages = defineMessages({
- searchPlaceholder: {
- id: 'cms.contenttemplate.searchPlaceholder',
- defaultMessage: 'Search Content Template',
- },
- valueName: {
- id: 'cms.contenttemplate.searchFilter.valueName',
- defaultMessage: 'Name',
- },
- });
- }
-
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- clearSearch() {
- const { reset, submit, searchTerm } = this.props;
- reset();
- if (searchTerm !== '') setTimeout(submit, 10);
- }
-
- render() {
- const {
- intl,
- handleSubmit,
- selectOptions,
- onChangeSearchType,
- selectedAttribute,
- } = this.props;
-
- return (
-
- );
- }
-}
-
-ContentTemplateSearchFormBody.propTypes = {
- intl: intlShape.isRequired,
- onDidMount: PropTypes.func.isRequired,
- handleSubmit: PropTypes.func.isRequired,
- reset: PropTypes.func.isRequired,
- searchTerm: PropTypes.string,
- selectOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- onChangeSearchType: PropTypes.func.isRequired,
- submit: PropTypes.func.isRequired,
- selectedAttribute: PropTypes.shape({
- label: PropTypes.string,
- value: PropTypes.string,
- }).isRequired,
-};
-
-ContentTemplateSearchFormBody.defaultProps = {
- searchTerm: '',
-};
-
-const ContentTemplateSearchForm = reduxForm({
- form: 'contentTemplateSearchForm',
-})(ContentTemplateSearchFormBody);
-
-export default injectIntl(ContentTemplateSearchForm);
diff --git a/src/ui/content-template/ContentTemplateSearchFormContainer.js b/src/ui/content-template/ContentTemplateSearchFormContainer.js
deleted file mode 100644
index 83e8afc60..000000000
--- a/src/ui/content-template/ContentTemplateSearchFormContainer.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { connect } from 'react-redux';
-import { get } from 'lodash';
-import { injectIntl, defineMessages } from 'react-intl';
-import { setSearchAttribute, filterContentTemplateBySearch, setSearchKeyword } from 'state/content-template/actions';
-import {
- getContentTemplateSearchAttribute,
- getContentTemplateSearchKeyword,
-} from 'state/content-template/selectors';
-
-import ContentTemplateSearchForm from 'ui/content-template/ContentTemplateSearchForm';
-
-const optionMap = [
- {
- label: 'cms.contenttemplate.searchFilter.valueName',
- value: 'descr',
- },
- {
- label: 'cms.contenttemplate.form.code',
- value: 'id',
- },
-];
-
-const msgMap = optionMap.reduce((acc, { label, value }) => ({
- ...acc,
- [value]: { id: label },
-}), {});
-
-export const mapStateToProps = (state, { intl }) => {
- const msgs = defineMessages(msgMap);
- const selectOptions = optionMap.map((option) => {
- msgMap[option.value].label = intl.formatMessage(msgs[option.value]);
- return {
- ...option,
- label: msgMap[option.value].label,
- };
- });
- const value = getContentTemplateSearchAttribute(state);
- return {
- searchTerm: getContentTemplateSearchKeyword(state),
- selectOptions,
- selectedAttribute: {
- value,
- label: get(msgMap, `${value}.label`, ''),
- },
- };
-};
-
-export const mapDispatchToProps = dispatch => ({
- onDidMount: () => {
- dispatch(setSearchKeyword(''));
- dispatch(setSearchAttribute('descr'));
- },
- onChangeSearchType: evkey => (
- dispatch(setSearchAttribute(optionMap[evkey - 1].value))
- ),
- onSubmit: ({ keyword }) => {
- dispatch(filterContentTemplateBySearch(keyword));
- },
-});
-
-const ContentTemplateSearchFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(ContentTemplateSearchForm);
-
-export default injectIntl(ContentTemplateSearchFormContainer);
diff --git a/src/ui/content-template/DeleteContentTemplateModal.js b/src/ui/content-template/DeleteContentTemplateModal.js
deleted file mode 100644
index f0914e278..000000000
--- a/src/ui/content-template/DeleteContentTemplateModal.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import {
- Button,
- EmptyState,
- Modal,
- EmptyStateIcon,
- EmptyStateTitle,
- EmptyStateInfo,
-} from 'patternfly-react';
-
-export const MODAL_ID = 'DeleteContentTemplateModal';
-
-const DeleteContentTemplateModal = ({ onConfirmDelete, info }) => {
- const buttons = [
- ,
- ];
-
- const modalTitle = (
-
-
-
- );
-
- return (
-
-
-
-
-
- {info.descr}
-
-
-
-
-
-
- );
-};
-
-DeleteContentTemplateModal.propTypes = {
- onConfirmDelete: PropTypes.func.isRequired,
- info: PropTypes.shape({
- id: PropTypes.number,
- descr: PropTypes.string,
- }),
-};
-
-DeleteContentTemplateModal.defaultProps = {
- info: {
- id: '',
- descr: '',
- },
-};
-
-export default DeleteContentTemplateModal;
diff --git a/src/ui/content-template/DeleteContentTemplateModalContainer.js b/src/ui/content-template/DeleteContentTemplateModalContainer.js
deleted file mode 100644
index 27d4f1a47..000000000
--- a/src/ui/content-template/DeleteContentTemplateModalContainer.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import { connect } from 'react-redux';
-import { setVisibleModal } from 'state/modal/actions';
-import { getInfo } from 'state/modal/selectors';
-import { sendDeleteContentTemplate } from 'state/content-template/actions';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import DeleteContentTemplateModal from 'ui/content-template/DeleteContentTemplateModal';
-
-const contentTemplateMsgs = defineMessages({
- removed: {
- id: 'cms.contenttemplate.list.infoDeleted',
- defaultMessage: '{name} deleted.',
- },
-});
-
-export const mapStateToProps = state => ({
- info: getInfo(state),
-});
-
-export const mapDispatchToProps = (dispatch, { intl }) => ({
- onConfirmDelete: (contModel) => {
- dispatch(sendDeleteContentTemplate(contModel.id)).then((res) => {
- if (res) {
- dispatch(addToast(
- intl.formatMessage(contentTemplateMsgs.removed, { modelname: contModel.descr }),
- TOAST_SUCCESS,
- ));
- }
- });
- dispatch(setVisibleModal(''));
- },
-});
-
-const DeleteContentTemplateModalContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(DeleteContentTemplateModal);
-
-export default injectIntl(DeleteContentTemplateModalContainer);
diff --git a/src/ui/content-template/EditContentTemplateFormContainer.js b/src/ui/content-template/EditContentTemplateFormContainer.js
deleted file mode 100644
index 71105d2c6..000000000
--- a/src/ui/content-template/EditContentTemplateFormContainer.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import { connect } from 'react-redux';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { injectIntl, defineMessages } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { submit } from 'redux-form';
-import { routeConverter } from '@entando/utils';
-
-import { setVisibleModal } from 'state/modal/actions';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-
-import { fetchContentTypeListPaged, fetchContentType, clearSelectedContentType } from 'state/content-type/actions';
-import {
- fetchContentTemplateDictionary,
- sendPutContentTemplate,
- fetchContentTemplate,
- clearContentTemplate,
- clearContentTemplateDictionary,
-} from 'state/content-template/actions';
-import { getContentTypeList } from 'state/content-type/selectors';
-import { getContentTemplateDictionaryList } from 'state/content-template/selectors';
-import { ROUTE_CMS_CONTENTTEMPLATE_LIST } from 'app-init/router';
-
-import AddContentTemplateForm from 'ui/content-template/AddContentTemplateForm';
-
-const contentTemplateMsgs = defineMessages({
- saved: {
- id: 'cms.contenttemplate.form.saved',
- defaultMessage: '{name} saved.',
- },
-});
-
-export const mapStateToProps = (state) => {
- const contentTypes = getContentTypeList(state);
- return {
- contentTypes,
- mode: 'edit',
- dictionary: getContentTemplateDictionaryList(state),
- };
-};
-
-export const mapDispatchToProps = (dispatch, { intl, history, match: { params } }) => ({
- onDidMount: () => {
- dispatch(fetchContentTypeListPaged({ pageSize: 0 }))
- .then(() => dispatch(fetchContentTemplate(params.id)))
- .then(({ contentType }) => dispatch(fetchContentType(contentType, false)))
- .then(() => dispatch(fetchContentTemplateDictionary()));
- },
- onDidUnmount: () => {
- dispatch(clearContentTemplate());
- dispatch(clearContentTemplateDictionary());
- dispatch(clearSelectedContentType());
- },
- onChangeContentType: (code) => {
- dispatch(fetchContentType(code));
- },
- onSubmit: values => dispatch(sendPutContentTemplate(values)).then((res) => {
- if (res) {
- dispatch(addToast(
- intl.formatMessage(contentTemplateMsgs.saved, { modelname: values.descr }),
- TOAST_SUCCESS,
- ));
- history.push(ROUTE_CMS_CONTENTTEMPLATE_LIST);
- }
- }),
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('contenttemplateform')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTTEMPLATE_LIST)); },
-});
-
-const EditContentTemplateFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(AddContentTemplateForm);
-
-export default withRouter(injectIntl(EditContentTemplateFormContainer));
diff --git a/src/ui/content-template/EditContentTemplatePage.js b/src/ui/content-template/EditContentTemplatePage.js
deleted file mode 100644
index 25d25e9dc..000000000
--- a/src/ui/content-template/EditContentTemplatePage.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { Row, Col, Grid, Breadcrumb } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import EditContentTemplateFormContainer from 'ui/content-template/EditContentTemplateFormContainer';
-
-const EditContentTemplatePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default EditContentTemplatePage;
diff --git a/src/ui/content-type/AddContentTypeForm.js b/src/ui/content-type/AddContentTypeForm.js
deleted file mode 100644
index 1a0456e64..000000000
--- a/src/ui/content-type/AddContentTypeForm.js
+++ /dev/null
@@ -1,266 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { Field, reduxForm } from 'redux-form';
-import { FormattedMessage, intlShape } from 'react-intl';
-import { InputGroup, Button, Row, Col } from 'patternfly-react';
-
-import { required, maxLength } from '@entando/utils';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import RenderSelectInput from 'ui/common/form/RenderSelectInput';
-import FormLabel from 'ui/common/form/FormLabel';
-import AttributeListTable from 'ui/common/contenttype-attributes/AttributeListTable';
-import DeleteAttributeModalContainer from 'ui/content-type/attributes/DeleteAttributeModalContainer';
-import ConfirmCancelModalContainer from 'ui/common/cancel-modal/ConfirmCancelModalContainer';
-
-const uppercaseThreeLetters = value => (value && !/[A-Z]$/g.test(value) ? : undefined);
-
-const maxLength3 = maxLength(3);
-
-const maxLength50 = maxLength(50);
-
-export class AddContentTypeFormBody extends Component {
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount(this.props);
- }
-
- render() {
- const {
- attributesType,
- mode,
- handleSubmit,
- onAddAttribute,
- invalid,
- submitting,
- contentTypeCode,
- viewPages,
- contentTemplates,
- dirty,
- intl,
- onCancel,
- onDiscard,
- onSave,
- locale,
- } = this.props;
- const handleCancelClick = () => {
- if (dirty) {
- onCancel();
- } else {
- onDiscard();
- }
- };
-
- const isEdit = mode === 'edit';
-
- const selectOptions = attributesType.map(item => ({
- value: item,
- text: item,
- }));
-
- const renderAttributeTable = () => {
- if (isEdit) {
- return (
-
-
-
-
- );
- }
- return '';
- };
-
- const renderSelectOption = () => {
- if (isEdit) {
- return (
-
-
-
- }
- name="type"
- />
-
-
-
-
-
- );
- }
- return '';
- };
-
- const renderMetadataSection = () => {
- if (isEdit) {
- const selectViewPageOptions = [{ value: '', text: 'None' }]
- .concat(viewPages.map(({ code }) => ({
- value: code,
- text: code,
- })));
-
- const selectContentTemplateOptions = [{ value: '', text: 'No template' }]
- .concat(contentTemplates.map(({ id, descr }) => ({
- value: id,
- text: descr,
- })));
-
- return (
-
-
-
- }
- name="viewPage"
- />
-
- }
- name="defaultContentModel"
- />
-
- }
- name="defaultContentModelList"
- />
-
- );
- }
- return '';
- };
-
- return (
-
- );
- }
-}
-
-AddContentTypeFormBody.propTypes = {
- onDidMount: PropTypes.func,
- onSubmit: PropTypes.func.isRequired,
- handleSubmit: PropTypes.func.isRequired,
- onAddAttribute: PropTypes.func,
- attributesType: PropTypes.arrayOf(PropTypes.string).isRequired,
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- mode: PropTypes.string,
- contentTypeCode: PropTypes.string,
- viewPages: PropTypes.arrayOf(PropTypes.object),
- contentTemplates: PropTypes.arrayOf(PropTypes.object),
- intl: intlShape.isRequired,
- dirty: PropTypes.bool,
- onDiscard: PropTypes.func.isRequired,
- onCancel: PropTypes.func.isRequired,
- onSave: PropTypes.func.isRequired,
- locale: PropTypes.string,
-};
-
-AddContentTypeFormBody.defaultProps = {
- onDidMount: () => {},
- onAddAttribute: () => {},
- invalid: false,
- submitting: false,
- mode: 'add',
- contentTypeCode: '',
- viewPages: [],
- contentTemplates: [],
- dirty: false,
- locale: '',
-};
-
-const AddContentTypeForm = reduxForm({
- form: 'ContentType',
-})(AddContentTypeFormBody);
-
-export default AddContentTypeForm;
diff --git a/src/ui/content-type/AddContentTypeFormContainer.js b/src/ui/content-type/AddContentTypeFormContainer.js
deleted file mode 100644
index 854910398..000000000
--- a/src/ui/content-type/AddContentTypeFormContainer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom';
-import { injectIntl, defineMessages } from 'react-intl';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import { submit } from 'redux-form';
-import { routeConverter } from '@entando/utils';
-import {
- fetchContentTypeAttributeRefs,
- sendPostContentType,
- setSelectedAttributeRef,
- setSelectedContentTypeAttribute,
-} from 'state/content-type/actions';
-import { getContentTypeAttributesIdList } from 'state/content-type/selectors';
-import AddContentTypeForm from 'ui/content-type/AddContentTypeForm';
-import { ROUTE_CMS_CONTENTTYPE_EDIT, ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-import { setVisibleModal } from 'state/modal/actions';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-import { getLocale } from 'state/locale/selectors';
-
-export const mapStateToProps = state => ({
- attributesType: getContentTypeAttributesIdList(state),
- locale: getLocale(state),
-});
-
-const msgs = defineMessages({
- contTypeCreated: {
- id: 'cms.contenttype.alert.created',
- defaultMessage: 'Created.',
- },
-});
-
-export const mapDispatchToProps = (dispatch, { history, intl }) => ({
- onDidMount: () => {
- dispatch(setSelectedAttributeRef({}));
- dispatch(setSelectedContentTypeAttribute());
- dispatch(fetchContentTypeAttributeRefs());
- },
- onSubmit: (values) => {
- dispatch(sendPostContentType(values)).then((res) => {
- if (res && res.code) {
- dispatch(addToast(intl.formatMessage(msgs.contTypeCreated), TOAST_SUCCESS));
- history.push(routeConverter(ROUTE_CMS_CONTENTTYPE_EDIT, { code: res.code }));
- }
- });
- },
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('ContentType')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTTYPE_LIST)); },
-});
-
-const AddContentTypeFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(AddContentTypeForm);
-
-export default withRouter(injectIntl(AddContentTypeFormContainer));
diff --git a/src/ui/content-type/AddContentTypePage.js b/src/ui/content-type/AddContentTypePage.js
deleted file mode 100644
index 94d904ae5..000000000
--- a/src/ui/content-type/AddContentTypePage.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import AddContentTypeFormContainer from 'ui/content-type/AddContentTypeFormContainer';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-
-const AddContentTypePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default AddContentTypePage;
diff --git a/src/ui/content-type/ContentTypeList.js b/src/ui/content-type/ContentTypeList.js
deleted file mode 100644
index 64324bae6..000000000
--- a/src/ui/content-type/ContentTypeList.js
+++ /dev/null
@@ -1,185 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
-import {
- Spinner,
- Paginator,
- DropdownKebab,
- MenuItem,
-} from 'patternfly-react';
-import { DataTable } from '@entando/datatable';
-import { LinkMenuItem } from '@entando/menu';
-import { routeConverter } from '@entando/utils';
-import { ROUTE_CMS_CONTENTTYPE_EDIT } from 'app-init/router';
-import ContentTypeStatusIcon from 'ui/content-type/ContentTypeStatusIcon';
-import ContentTypeReferenceStatusContainer from 'ui/content-type/ContentTypeReferenceStatusContainer';
-import DeleteContentTypeModalContainer from 'ui/content-type/DeleteContentTypeModalContainer';
-import paginatorMessages from 'ui/common/paginatorMessages';
-
-const perPageOptions = [5, 10, 15, 25, 50];
-
-class ContentTypeList extends Component {
- constructor(props) {
- super(props);
-
- this.changePage = this.changePage.bind(this);
- this.changePageSize = this.changePageSize.bind(this);
- }
-
- componentDidMount() {
- const { onDidMount, columnOrder, onSetColumnOrder } = this.props;
- if (!columnOrder.length) {
- onSetColumnOrder(['name', 'code', 'status']);
- }
- onDidMount();
- }
-
- getColumnDefs() {
- const { columnOrder, intl } = this.props;
-
- const columnDefs = {
- name: {
- Header: ,
- },
- code: {
- Header: ,
- attributes: {
- style: { width: '10%' },
- },
- },
- status: {
- Header: ,
- attributes: {
- style: { width: '10%' },
- },
- Cell: ({ row: { original: { status } } }) => (
-
- ),
- },
- };
-
- return columnOrder.map(column => ({
- ...columnDefs[column],
- accessor: column,
- }));
- }
-
- changePage(page) {
- const { onDidMount, pageSize } = this.props;
- onDidMount({ page, pageSize });
- }
-
- changePageSize(pageSize) {
- const { onDidMount } = this.props;
- onDidMount({ page: 1, pageSize });
- }
-
- render() {
- const {
- intl,
- contentTypes,
- loading,
- onClickDelete,
- onSetColumnOrder,
- onClickReload,
- page,
- pageSize,
- totalItems,
- } = this.props;
-
- const pagination = {
- page,
- perPage: pageSize,
- perPageOptions,
- };
-
- const columns = this.getColumnDefs() || [];
-
- const rowAction = {
- Header: ,
- cellAttributes: {
- className: 'text-center',
- },
- Cell: ({ values: { code, name } }) => {
- const onDelete = () => onClickDelete({ name, code });
- const onReload = () => onClickReload(code);
- return (
-
-
- }
- className="ContentTypeList__menu-item-edit"
- />
-
-
-
-
- );
- },
- };
-
- const messages = Object.keys(paginatorMessages).reduce((acc, curr) => (
- { ...acc, [curr]: intl.formatMessage(paginatorMessages[curr]) }
- ), {});
-
- return (
-
- );
- }
-}
-
-ContentTypeList.propTypes = {
- intl: intlShape.isRequired,
- contentTypes: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- loading: PropTypes.bool,
- onDidMount: PropTypes.func.isRequired,
- onClickDelete: PropTypes.func.isRequired,
- onClickReload: PropTypes.func.isRequired,
- page: PropTypes.number.isRequired,
- pageSize: PropTypes.number.isRequired,
- totalItems: PropTypes.number.isRequired,
- columnOrder: PropTypes.arrayOf(PropTypes.string),
- onSetColumnOrder: PropTypes.func,
-};
-
-ContentTypeList.defaultProps = {
- loading: false,
- onSetColumnOrder: () => {},
- columnOrder: [],
-};
-
-export default injectIntl(ContentTypeList);
diff --git a/src/ui/content-type/ContentTypeListContainer.js b/src/ui/content-type/ContentTypeListContainer.js
deleted file mode 100644
index d0d6fa541..000000000
--- a/src/ui/content-type/ContentTypeListContainer.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { connect } from 'react-redux';
-import { getContentTypeList } from 'state/content-type/selectors';
-import { fetchContentTypeListPaged, sendPostRefreshContentType } from 'state/content-type/actions';
-import { getLoading } from 'state/loading/selectors';
-import { setVisibleModal, setInfo } from 'state/modal/actions';
-import { getPagination } from 'state/pagination/selectors';
-import { setColumnOrder } from 'state/table-column-order/actions';
-import { getColumnOrder } from 'state/table-column-order/selectors';
-import { NAMESPACE_CONTENT_TYPES } from 'state/pagination/const';
-
-import ContentTypeList from 'ui/content-type/ContentTypeList';
-import { MODAL_ID } from 'ui/content-type/DeleteContentTypeModal';
-
-export const mapStateToProps = (state) => {
- const {
- page, totalItems, pageSize,
- } = getPagination(state, NAMESPACE_CONTENT_TYPES);
- return {
- contentTypes: getContentTypeList(state),
- loading: getLoading(state).contentTypeList,
- page,
- totalItems,
- pageSize,
- columnOrder: getColumnOrder(state, 'contentTypes'),
- };
-};
-
-export const mapDispatchToProps = dispatch => ({
- onDidMount: (page = { page: 1, pageSize: 10 }) => dispatch(fetchContentTypeListPaged(page)),
- onSetColumnOrder: columnOrder => dispatch(setColumnOrder(columnOrder, 'contentTypes')),
- onClickDelete: (item) => {
- dispatch(setVisibleModal(MODAL_ID));
- dispatch(setInfo(item));
- },
- onClickReload: (code) => {
- dispatch(sendPostRefreshContentType(code));
- },
-});
-
-const ContentTypeListContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(ContentTypeList);
-
-export default ContentTypeListContainer;
diff --git a/src/ui/content-type/ContentTypeListPage.js b/src/ui/content-type/ContentTypeListPage.js
deleted file mode 100644
index 2f7481fad..000000000
--- a/src/ui/content-type/ContentTypeListPage.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Row, Col, Grid, Breadcrumb, Button } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import ContentTypeListContainer from 'ui/content-type/ContentTypeListContainer';
-import { ROUTE_CMS_CONTENTTYPE_ADD } from 'app-init/router';
-
-const ContentTypeListPage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default ContentTypeListPage;
diff --git a/src/ui/content-type/ContentTypeReferenceStatus.js b/src/ui/content-type/ContentTypeReferenceStatus.js
deleted file mode 100644
index ac971004d..000000000
--- a/src/ui/content-type/ContentTypeReferenceStatus.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Alert } from 'patternfly-react';
-
-class ContentTypeReferenceStatus extends Component {
- constructor(props) {
- super(props);
- this.onClickReload = this.onClickReload.bind(this);
- }
-
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- onClickReload() {
- const { onReload, status } = this.props;
- onReload(status.contentTypeCodes);
- }
-
- render() {
- const { status } = this.props;
- if (status.type === 'success') {
- return null;
- }
- return (
-
-
-
-
-
- ),
- }}
- />
-
- );
- }
-}
-
-ContentTypeReferenceStatus.propTypes = {
- onDidMount: PropTypes.func.isRequired,
- onReload: PropTypes.func.isRequired,
- status: PropTypes.shape({
- status: PropTypes.string,
- type: PropTypes.string,
- contentTypeCodes: PropTypes.arrayOf(PropTypes.string),
- count: PropTypes.number,
- }).isRequired,
-};
-
-export default ContentTypeReferenceStatus;
diff --git a/src/ui/content-type/ContentTypeReferenceStatusContainer.js b/src/ui/content-type/ContentTypeReferenceStatusContainer.js
deleted file mode 100644
index d35c7c4ee..000000000
--- a/src/ui/content-type/ContentTypeReferenceStatusContainer.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom';
-
-import ContentTypeReferenceStatus from 'ui/content-type/ContentTypeReferenceStatus';
-import {
- fetchContentTypeReferenceStatus,
- sendPostContentTypeReferenceStatus,
- fetchContentTypeListPaged,
-} from 'state/content-type/actions';
-import { getContentTypeReferencesStatus } from 'state/content-type/selectors';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-export const mapStateToProps = state => ({
- status: getContentTypeReferencesStatus(state),
-});
-
-export const mapDispatchToProps = (dispatch, { history }) => ({
- onDidMount: () => dispatch(fetchContentTypeReferenceStatus()),
- onReload: contentTypesCodes => (
- dispatch(sendPostContentTypeReferenceStatus(contentTypesCodes)).then((res) => {
- if (res) {
- history.push(ROUTE_CMS_CONTENTTYPE_LIST);
- dispatch(fetchContentTypeReferenceStatus());
- dispatch(fetchContentTypeListPaged());
- }
- })
- ),
-});
-
-const ContentTypeReferenceStatusContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(ContentTypeReferenceStatus);
-
-export default withRouter(ContentTypeReferenceStatusContainer);
diff --git a/src/ui/content-type/ContentTypeStatusIcon.js b/src/ui/content-type/ContentTypeStatusIcon.js
deleted file mode 100644
index d498aaf15..000000000
--- a/src/ui/content-type/ContentTypeStatusIcon.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Icon } from 'patternfly-react';
-
-const ContentTypeStatusIcon = ({ status, title }) => {
- let icon;
- switch (parseFloat(status)) {
- case 1:
- icon = 'spinner';
- break;
- case 2:
- icon = 'exclamation';
- break;
- default:
- icon = 'check';
- }
- return (
-
- );
-};
-
-ContentTypeStatusIcon.propTypes = {
- status: PropTypes.oneOf(['0', '1', '2']).isRequired,
- title: PropTypes.string,
-};
-
-ContentTypeStatusIcon.defaultProps = {
- title: '',
-};
-
-export default ContentTypeStatusIcon;
diff --git a/src/ui/content-type/DeleteContentTypeModal.js b/src/ui/content-type/DeleteContentTypeModal.js
deleted file mode 100644
index 225913a75..000000000
--- a/src/ui/content-type/DeleteContentTypeModal.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import {
- Button,
- EmptyState,
- Modal,
- EmptyStateIcon,
- EmptyStateTitle,
- EmptyStateInfo,
-} from 'patternfly-react';
-
-export const MODAL_ID = 'DeleteContentTypeModal';
-
-const DeleteContentTypeModal = ({ onConfirmDelete, info }) => {
- const buttons = [
- ,
- ];
-
- const modalTitle = (
-
-
-
- );
-
- return (
-
-
-
-
-
- {info.name}
-
-
-
-
-
-
- );
-};
-
-DeleteContentTypeModal.propTypes = {
- onConfirmDelete: PropTypes.func.isRequired,
- info: PropTypes.shape({
- code: PropTypes.string,
- name: PropTypes.string,
- }),
-};
-
-DeleteContentTypeModal.defaultProps = {
- info: {
- code: '',
- name: '',
- },
-};
-
-export default DeleteContentTypeModal;
diff --git a/src/ui/content-type/DeleteContentTypeModalContainer.js b/src/ui/content-type/DeleteContentTypeModalContainer.js
deleted file mode 100644
index 8f2c484f2..000000000
--- a/src/ui/content-type/DeleteContentTypeModalContainer.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom';
-import { setVisibleModal } from 'state/modal/actions';
-import { getInfo } from 'state/modal/selectors';
-import { sendDeleteContentType, fetchContentTypeListPaged } from 'state/content-type/actions';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-import DeleteContentTypeModal from 'ui/content-type/DeleteContentTypeModal';
-
-export const mapStateToProps = state => ({
- info: getInfo(state),
-});
-
-export const mapDispatchToProps = (dispatch, { history }) => ({
- onConfirmDelete: (contentTypeCode) => {
- dispatch(setVisibleModal(''));
- dispatch(sendDeleteContentType(contentTypeCode)).then((result) => {
- if (result) {
- dispatch(fetchContentTypeListPaged({ page: 1, pageSize: 10 }));
- history.push(ROUTE_CMS_CONTENTTYPE_LIST);
- }
- });
- },
-});
-
-const DeleteContentTypeModalContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(DeleteContentTypeModal);
-
-export default withRouter(DeleteContentTypeModalContainer);
diff --git a/src/ui/content-type/EditContentTypeFormContainer.js b/src/ui/content-type/EditContentTypeFormContainer.js
deleted file mode 100644
index 60df0455e..000000000
--- a/src/ui/content-type/EditContentTypeFormContainer.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector, submit } from 'redux-form';
-import { withRouter } from 'react-router-dom';
-import { injectIntl } from 'react-intl';
-import { routeConverter } from '@entando/utils';
-import {
- fetchContentTypeAttributeRefs,
- fetchContentType,
- fetchContentTypeAttributeRef,
- sendPutContentType,
- setSelectedAttributeRef,
- setSelectedContentTypeAttribute,
- sendMoveAttributeUp,
- sendMoveAttributeDown,
-} from 'state/content-type/actions';
-import {
- getSelectedContentTypeAttributes,
- getContentTypeAttributesIdList,
-} from 'state/content-type/selectors';
-import AddContentTypeForm from 'ui/content-type/AddContentTypeForm';
-
-import { setVisibleModal, setInfo } from 'state/modal/actions';
-import { MODAL_ID } from 'ui/content-type/attributes/DeleteAttributeModal';
-import {
- ROUTE_CMS_CONTENTTYPE_LIST,
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD,
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_EDIT,
-} from 'app-init/router';
-import { fetchContentTemplatesByContentType } from 'state/content-template/actions';
-import { getViewPages } from 'state/pages/selectors';
-import { fetchViewPages } from 'state/pages/actions';
-import { getContentTemplateList } from 'state/content-template/selectors';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-import { getLocale } from 'state/locale/selectors';
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- mode: 'edit',
- contentTypeCode: params.code,
- attributes: getSelectedContentTypeAttributes(state),
- attributesType: getContentTypeAttributesIdList(state),
- attributeCode: formValueSelector('ContentType')(state, 'type'),
- routeToEdit: ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_EDIT,
- viewPages: getViewPages(state),
- contentTemplates: getContentTemplateList(state),
- locale: getLocale(state),
-});
-
-export const mapDispatchToProps = (dispatch, { history }) => ({
- onDidMount: ({ contentTypeCode }) => {
- dispatch(setSelectedAttributeRef({}));
- dispatch(setSelectedContentTypeAttribute());
- dispatch(fetchContentType(contentTypeCode));
- dispatch(fetchContentTypeAttributeRefs());
- dispatch(fetchContentTemplatesByContentType(contentTypeCode));
- dispatch(fetchViewPages());
- },
- onAddAttribute: ({ attributeCode, contentTypeCode }) => {
- dispatch(fetchContentTypeAttributeRef(contentTypeCode, attributeCode, () => (
- history.push(routeConverter(
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD,
- { entityCode: contentTypeCode },
- ))
- )));
- },
-
- onMoveUp: (entityCode, attributeCode, attributeIndex) => {
- dispatch(sendMoveAttributeUp({ entityCode, attributeCode, attributeIndex }));
- },
- onMoveDown: (entityCode, attributeCode, attributeIndex) => {
- dispatch(sendMoveAttributeDown({ entityCode, attributeCode, attributeIndex }));
- },
- onClickDelete: (code) => {
- dispatch(setVisibleModal(MODAL_ID));
- dispatch(setInfo({ type: 'attribute', code }));
- },
- onSubmit: (values) => {
- dispatch(sendPutContentType(values)).then((res) => {
- if (res) {
- history.push(ROUTE_CMS_CONTENTTYPE_LIST);
- }
- });
- },
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('ContentType')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTTYPE_LIST)); },
-});
-
-const EditContentTypeFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(AddContentTypeForm);
-
-export default withRouter(injectIntl(EditContentTypeFormContainer));
diff --git a/src/ui/content-type/EditContentTypePage.js b/src/ui/content-type/EditContentTypePage.js
deleted file mode 100644
index 3ee76de57..000000000
--- a/src/ui/content-type/EditContentTypePage.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import EditContentTypeFormContainer from 'ui/content-type/EditContentTypeFormContainer';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-const EditContentTypePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default EditContentTypePage;
diff --git a/src/ui/content-type/attributes/AddContentTypeAttributeFormContainer.js b/src/ui/content-type/attributes/AddContentTypeAttributeFormContainer.js
deleted file mode 100644
index e65cfa471..000000000
--- a/src/ui/content-type/attributes/AddContentTypeAttributeFormContainer.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector, submit } from 'redux-form';
-import { injectIntl } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { METHODS } from '@entando/apimanager';
-import { clearErrors } from '@entando/messages';
-import { routeConverter } from '@entando/utils';
-import AddContentTypeAttributeForm from 'ui/common/form/AddContentTypeAttributeForm';
-import {
- setActionMode,
- fetchContentTypeAttributeRefs,
- handlerAttributeFromContentType,
- fetchContentTypeAttributeRef,
- removeAttributeFromComposite,
- moveAttributeFromComposite,
-} from 'state/content-type/actions';
-import { fetchLanguages } from 'state/languages/actions';
-
-import {
- getContentTypeSelectedAttribute,
- getContentTypeSelectedAttributeCode,
- getContentTypeAttributesIdList,
- getContentTypeSelectedAttributeAllowedRoles,
- getContentTypeSelectedAttributeRoleChoices,
- getActionModeContentTypeSelectedAttribute,
- getSelectedCompositeAttributes,
-} from 'state/content-type/selectors';
-
-import { getActiveLanguages } from 'state/languages/selectors';
-
-import { ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD, ROUTE_CMS_CONTENTTYPE_EDIT } from 'app-init/router';
-import { TYPE_COMPOSITE, MODE_ADD } from 'state/content-type/const';
-import { setVisibleModal } from 'state/modal/actions';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-
-export const mapStateToProps = (state, { match: { params } }) => {
- const joinAllowedOptions = formValueSelector('addAttribute')(state, 'joinRoles') || [];
- return {
- mode: getActionModeContentTypeSelectedAttribute(state) || 'add',
- contentTypeAttributeCode: params.entityCode,
- joinAllowedOptions,
- selectedAttributeType: getContentTypeSelectedAttribute(state),
- attributesList: getContentTypeAttributesIdList(state),
- initialValues: {
- type: getContentTypeSelectedAttributeCode(state),
- compositeAttributeType: TYPE_COMPOSITE,
- },
- allRoles: getContentTypeSelectedAttributeAllowedRoles(state),
- allowedRoles: getContentTypeSelectedAttributeRoleChoices(
- params.entityCode,
- joinAllowedOptions,
- )(state),
- compositeAttributes: getSelectedCompositeAttributes(state),
- languages: getActiveLanguages(state),
- };
-};
-
-const nopage = { page: 1, pageSize: 0 };
-
-export const mapDispatchToProps = (dispatch, { match: { params }, history }) => ({
- onDidMount: () => {
- dispatch(clearErrors());
- dispatch(fetchLanguages(nopage));
- dispatch(fetchContentTypeAttributeRefs());
- },
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('addAttribute')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTTYPE_EDIT, { code: params.entityCode })); },
- onSubmit: (values, allowedRoles, mode) => {
- dispatch(handlerAttributeFromContentType(
- METHODS.POST,
- values,
- allowedRoles,
- mode,
- params.entityCode,
- history,
- ));
- },
- onAddAttribute: (props) => {
- const {
- attributeCode,
- entityCode,
- selectedAttributeType: { code },
- } = props;
- dispatch(setActionMode(MODE_ADD));
- dispatch(fetchContentTypeAttributeRef(
- entityCode,
- attributeCode,
- () => history.push(routeConverter(ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD, { entityCode })),
- code,
- 'addAttribute',
- ));
- },
- onClickDelete: (attributeCode) => {
- dispatch(removeAttributeFromComposite(attributeCode));
- },
- onMove: (fromIndex, toIndex) => {
- dispatch(moveAttributeFromComposite(fromIndex, toIndex));
- },
-});
-
-export default injectIntl(withRouter(connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- { pure: false },
-)(AddContentTypeAttributeForm)));
diff --git a/src/ui/content-type/attributes/AddContentTypeAttributePage.js b/src/ui/content-type/attributes/AddContentTypeAttributePage.js
deleted file mode 100644
index 7e53b6a56..000000000
--- a/src/ui/content-type/attributes/AddContentTypeAttributePage.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import ErrorsAlertContainer from 'ui/common/form/ErrorsAlertContainer';
-import AddContentTypeAttributeFormContainer from 'ui/content-type/attributes/AddContentTypeAttributeFormContainer';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-const AddContentTypeAttributePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default AddContentTypeAttributePage;
diff --git a/src/ui/content-type/attributes/DeleteAttributeModal.js b/src/ui/content-type/attributes/DeleteAttributeModal.js
deleted file mode 100644
index da910d358..000000000
--- a/src/ui/content-type/attributes/DeleteAttributeModal.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import {
- Button,
- EmptyState,
- Modal,
- EmptyStateIcon,
- EmptyStateTitle,
- EmptyStateInfo,
-} from 'patternfly-react';
-
-export const MODAL_ID = 'DeleteAttributeModal';
-
-const DeleteAttributeModal = ({ onConfirmDelete, info }) => {
- const buttons = [
- ,
- ];
-
- const modalTitle = (
-
-
-
- );
-
- return (
-
-
-
-
-
- {info.type}
-
-
-
-
-
-
- );
-};
-
-DeleteAttributeModal.propTypes = {
- onConfirmDelete: PropTypes.func,
- info: PropTypes.shape({
- code: PropTypes.string,
- type: PropTypes.string,
- }),
-};
-
-DeleteAttributeModal.defaultProps = {
- onConfirmDelete: null,
- info: {
- code: '',
- type: '',
- },
-};
-
-export default DeleteAttributeModal;
diff --git a/src/ui/content-type/attributes/DeleteAttributeModalContainer.js b/src/ui/content-type/attributes/DeleteAttributeModalContainer.js
deleted file mode 100644
index 6dbd59bef..000000000
--- a/src/ui/content-type/attributes/DeleteAttributeModalContainer.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { connect } from 'react-redux';
-import { setVisibleModal } from 'state/modal/actions';
-import { getInfo } from 'state/modal/selectors';
-import { sendDeleteAttributeFromContentType } from 'state/content-type/actions';
-import DeleteAttributeModal from 'ui/content-type/attributes/DeleteAttributeModal';
-
-export const mapStateToProps = state => ({
- info: getInfo(state),
-});
-
-export const mapDispatchToProps = dispatch => ({
- onConfirmDelete: (code) => {
- dispatch(sendDeleteAttributeFromContentType(code));
- dispatch(setVisibleModal(''));
- },
-});
-
-const DeleteAttributeModalContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
-)(DeleteAttributeModal);
-
-export default DeleteAttributeModalContainer;
diff --git a/src/ui/content-type/attributes/EditContentTypeAttributeFormContainer.js b/src/ui/content-type/attributes/EditContentTypeAttributeFormContainer.js
deleted file mode 100644
index 72cf72f9c..000000000
--- a/src/ui/content-type/attributes/EditContentTypeAttributeFormContainer.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector, submit } from 'redux-form';
-import { withRouter } from 'react-router-dom';
-import { injectIntl } from 'react-intl';
-import { METHODS } from '@entando/apimanager';
-import { clearErrors } from '@entando/messages';
-import { routeConverter } from '@entando/utils';
-import { MODE_EDIT_COMPOSITE, MODE_ADD_ATTRIBUTE_COMPOSITE } from 'state/content-type/const';
-
-import EditContentTypeAttributeForm from 'ui/common/form/EditContentTypeAttributeForm';
-import {
- setActionMode,
- fetchAttributeFromContentType,
- handlerAttributeFromContentType,
- fetchContentTypeAttributeRefs,
- fetchContentTypeAttributeRef,
- removeAttributeFromComposite,
- moveAttributeFromComposite,
-} from 'state/content-type/actions';
-import { fetchLanguages } from 'state/languages/actions';
-
-import {
- getSelectedAttributeType,
- getContentTypeAttributesIdList,
- getContentTypeSelectedAttributeAllowedRoles,
- getContentTypeSelectedAttributeRoleChoices,
- getSelectedCompositeAttributes,
- getActionModeContentTypeSelectedAttribute,
- getContentTypeSelectedAttribute,
- getIsMonolistCompositeAttributeType,
- getContentTypeSelectedAttributeSearchable,
- getContentTypeSelectedAttributeIndexable,
-} from 'state/content-type/selectors';
-import { getActiveLanguages } from 'state/languages/selectors';
-
-import {
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD,
- ROUTE_CMS_CONTENTTYPE_EDIT,
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_EDIT,
-} from 'app-init/router';
-import { setVisibleModal } from 'state/modal/actions';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-
-export const mapStateToProps = (state, { match: { params } }) => {
- const joinAllowedOptions = formValueSelector('attribute')(state, 'joinRoles')
- || formValueSelector('attribute')(state, 'joinAllowedOptions')
- || [];
- return {
- mode: getActionModeContentTypeSelectedAttribute(state) || 'edit',
- attributeCode: params.attributeCode,
- contentTypeAttributeCode: params.entityCode,
- joinAllowedOptions,
- selectedAttributeType: getSelectedAttributeType(state),
- selectedAttributeTypeForAddComposite: getContentTypeSelectedAttribute(state),
- isSearchable: getContentTypeSelectedAttributeIndexable(state),
- isIndexable: getContentTypeSelectedAttributeSearchable(state),
- attributesList: getContentTypeAttributesIdList(state),
- allRoles: getContentTypeSelectedAttributeAllowedRoles(state),
- allowedRoles: getContentTypeSelectedAttributeRoleChoices(
- params.attributeCode,
- joinAllowedOptions,
- )(state),
- compositeAttributes: getSelectedCompositeAttributes(state),
- isMonolistCompositeType: getIsMonolistCompositeAttributeType(state),
- nestedAttributeComposite: formValueSelector('attribute')(state, 'nestedAttribute.type') || '',
- languages: getActiveLanguages(state),
- };
-};
-
-const nopage = { page: 1, pageSize: 0 };
-
-export const mapDispatchToProps = (dispatch, { match: { params }, history }) => ({
- onDidMount: ({ contentTypeAttributeCode, attributeCode }) => {
- dispatch(clearErrors());
- dispatch(fetchLanguages(nopage));
- dispatch(fetchAttributeFromContentType('attribute', contentTypeAttributeCode, attributeCode));
- dispatch(fetchContentTypeAttributeRefs());
- },
- onSave: () => { dispatch(setVisibleModal('')); dispatch(submit('attribute')); },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: (mode) => {
- dispatch(setVisibleModal(''));
- if (mode === MODE_ADD_ATTRIBUTE_COMPOSITE) {
- dispatch(setActionMode(MODE_EDIT_COMPOSITE));
- history.push(routeConverter(ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_EDIT, {
- entityCode: params.entityCode,
- attributeCode: params.attributeCode,
- }));
- } else {
- history.push(routeConverter(ROUTE_CMS_CONTENTTYPE_EDIT, { code: params.entityCode }));
- }
- },
- onSubmit: (values, allowedRoles, mode) => {
- dispatch(handlerAttributeFromContentType(
- METHODS.PUT,
- values,
- allowedRoles,
- mode,
- params.entityCode,
- history,
- ));
- },
- onAddAttribute: (props) => {
- const { attributeCode, contentTypeAttributeCode, selectedAttributeType } = props;
- dispatch(fetchContentTypeAttributeRef(
- contentTypeAttributeCode,
- attributeCode,
- () => history.push(routeConverter(ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD, {
- entityCode: contentTypeAttributeCode,
- })),
- selectedAttributeType,
- 'attribute',
- ));
- },
- onClickDelete: (attributeCode, isMonolistCompositeType) => {
- dispatch(removeAttributeFromComposite(attributeCode, isMonolistCompositeType));
- },
- onMove: (fromIndex, toIndex, isMonolistCompositeType) => {
- dispatch(moveAttributeFromComposite(fromIndex, toIndex, isMonolistCompositeType));
- },
-});
-
-const EditContentTypeAttributeFormContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(EditContentTypeAttributeForm);
-
-export default injectIntl(withRouter(EditContentTypeAttributeFormContainer));
diff --git a/src/ui/content-type/attributes/EditContentTypeAttributePage.js b/src/ui/content-type/attributes/EditContentTypeAttributePage.js
deleted file mode 100644
index 625f6e37a..000000000
--- a/src/ui/content-type/attributes/EditContentTypeAttributePage.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import ErrorsAlertContainer from 'ui/common/form/ErrorsAlertContainer';
-import EditContentTypeAttributeFormContainer from 'ui/content-type/attributes/EditContentTypeAttributeFormContainer';
-import { ROUTE_CMS_CONTENTTYPE_LIST } from 'app-init/router';
-
-const EditContentTypeAttributePage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default EditContentTypeAttributePage;
diff --git a/src/ui/content-type/attributes/monolist/MonolistAttributeFormContainer.js b/src/ui/content-type/attributes/monolist/MonolistAttributeFormContainer.js
deleted file mode 100644
index 40f251184..000000000
--- a/src/ui/content-type/attributes/monolist/MonolistAttributeFormContainer.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom';
-import { clearErrors } from '@entando/messages';
-import { formValueSelector } from 'redux-form';
-import { routeConverter } from '@entando/utils';
-
-import {
- fetchAttributeFromContentType,
- fetchContentTypeAttributeRef,
- sendPostAttributeFromContentTypeMonolist,
- sendPutAttributeFromContentTypeMonolist,
- setActionMode,
- removeAttributeFromComposite,
- moveAttributeFromComposite,
- fetchNestedAttribute,
-} from 'state/content-type/actions';
-import {
- getActionModeContentTypeSelectedAttribute,
- getContentTypeAttributesIdList,
- getContentTypeSelectedAttribute,
- getAttributeSelectFromContentType,
- getSelectedCompositeAttributes,
- getContentTypeSelectedNestedAttributeIndexable,
- getContentTypeSelectedNestedAttributeSearchable,
-} from 'state/content-type/selectors';
-import {
- TYPE_COMPOSITE,
- MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE,
- MODE_ADD_SUB_ATTRIBUTE_MONOLIST_COMPOSITE,
-} from 'state/content-type/const';
-
-import {
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_MONOLIST_ADD,
- ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD,
-} from 'app-init/router';
-
-import ContentTypeMonolistAttributeForm from 'ui/common/form/ContentTypeMonolistAttributeForm';
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- mode: getActionModeContentTypeSelectedAttribute(state),
- attributeCode: params.attributeCode,
- contentTypeCode: params.entityCode,
- isIndexable: getContentTypeSelectedNestedAttributeIndexable(state),
- isSearchable: getContentTypeSelectedNestedAttributeSearchable(state),
- type: formValueSelector('monoListAttribute')(state, 'nestedAttribute.type'),
- selectedAttribute: getAttributeSelectFromContentType(state),
- selectedAttributeTypeForAddComposite: getContentTypeSelectedAttribute(state),
- selectedAttributeType: formValueSelector('monoListAttribute')(state, 'type'),
- attributesList: getContentTypeAttributesIdList(state),
- compositeAttributes: getSelectedCompositeAttributes(state),
-});
-
-export const mapDispatchToProps = (dispatch, { match: { params }, history }) => ({
- onDidMount: ({
- attributeCode, contentTypeCode, mode,
- }) => {
- dispatch(clearErrors());
- if (mode === MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE) {
- dispatch(fetchContentTypeAttributeRef(
- contentTypeCode,
- TYPE_COMPOSITE,
- () => (
- history.push(routeConverter(ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_MONOLIST_ADD, {
- entityCode: contentTypeCode,
- attributeCode,
- }))
- ),
- '',
- 'monoListAttribute',
- ));
- } else {
- dispatch(fetchAttributeFromContentType('monoListAttribute', contentTypeCode, attributeCode));
- }
- },
- onFetchNestedAttribute: ({ contentTypeCode, type, mode }) => {
- if (mode !== MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE) {
- dispatch(fetchNestedAttribute(contentTypeCode, type));
- }
- },
- onSubmit: (values, mode, selectedAttribute) => {
- if (mode === MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE) {
- dispatch(sendPostAttributeFromContentTypeMonolist(
- selectedAttribute,
- params.entityCode,
- history,
- ));
- } else {
- dispatch(sendPutAttributeFromContentTypeMonolist(values, params.entityCode, history));
- }
- },
- onAddAttribute: ({ contentTypeCode, type }) => {
- dispatch(setActionMode(MODE_ADD_SUB_ATTRIBUTE_MONOLIST_COMPOSITE));
- dispatch(fetchContentTypeAttributeRef(
- contentTypeCode,
- type,
- () => history.push(routeConverter(ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_ADD, {
- entityCode: contentTypeCode,
- })),
- type,
- 'addAttribute',
- ));
- },
- onClickDelete: (attributeCode) => {
- dispatch(removeAttributeFromComposite(attributeCode));
- },
- onMove: (fromIndex, toIndex) => {
- dispatch(moveAttributeFromComposite(fromIndex, toIndex));
- },
-});
-
-export default withRouter(connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- { pure: false },
-)(ContentTypeMonolistAttributeForm));
diff --git a/src/ui/content-type/attributes/monolist/MonolistPage.js b/src/ui/content-type/attributes/monolist/MonolistPage.js
deleted file mode 100644
index 500d15ab3..000000000
--- a/src/ui/content-type/attributes/monolist/MonolistPage.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-import { routeConverter } from '@entando/utils';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import MonolistAttributeFormContainer from 'ui/content-type/attributes/monolist/MonolistAttributeFormContainer';
-import { ROUTE_CMS_CONTENTTYPE_LIST, ROUTE_CMS_CONTENT_TYPE_ATTRIBUTE_EDIT } from 'app-init/router';
-
-import { TYPE_COMPOSITE, TYPE_MONOLIST } from 'state/content-type/const';
-
-class MonolistPage extends Component {
- componentDidMount() {
- const { onDidMount, ...otherProps } = this.props;
- onDidMount(otherProps);
- }
-
- render() {
- const {
- attributeCode, contentTypeCode, selectedAttribute, entityCode, type,
- } = this.props;
- const titleId = selectedAttribute === ''
- ? 'cms.label.edit'
- : `cms.contenttype.label.edit.${selectedAttribute}`;
-
- const nextBreadCrumbs = type === TYPE_COMPOSITE ? (
-
-
- {attributeCode}
-
- ) : (
-
-
- {attributeCode}
-
- );
-
- const lastBreadcrumbLabel = type === TYPE_COMPOSITE ? TYPE_MONOLIST : selectedAttribute;
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- : {contentTypeCode}
-
- {nextBreadCrumbs}
- {lastBreadcrumbLabel}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-MonolistPage.propTypes = {
- onDidMount: PropTypes.func,
- contentTypeCode: PropTypes.string,
- attributeCode: PropTypes.string,
- selectedAttribute: PropTypes.string,
- entityCode: PropTypes.string,
- type: PropTypes.string,
-};
-
-MonolistPage.defaultProps = {
- onDidMount: () => {},
- contentTypeCode: '',
- attributeCode: '',
- selectedAttribute: '',
- entityCode: '',
- type: '',
-};
-
-export default MonolistPage;
diff --git a/src/ui/content-type/attributes/monolist/MonolistPageContainer.js b/src/ui/content-type/attributes/monolist/MonolistPageContainer.js
deleted file mode 100644
index a6a917cb3..000000000
--- a/src/ui/content-type/attributes/monolist/MonolistPageContainer.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom';
-import { formValueSelector } from 'redux-form';
-
-import { fetchAttributeFromContentType } from 'state/content-type/actions';
-import { getActionModeContentTypeSelectedAttribute } from 'state/content-type/selectors';
-import { MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE } from 'state/content-type/const';
-
-import MonolistPage from 'ui/content-type/attributes/monolist/MonolistPage';
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- mode: getActionModeContentTypeSelectedAttribute(state) || '',
- attributeCode: params.attributeCode,
- entityCode: params.entityCode,
- contentTypeCode: params.entityCode,
- isIndexable: formValueSelector('monoListAttribute')(state, 'nestedAttribute.indexable'),
- type: formValueSelector('monoListAttribute')(state, 'nestedAttribute.type'),
- selectedAttribute: formValueSelector('monoListAttribute')(state, 'type'),
-});
-
-export const mapDispatchToProps = dispatch => ({
- onDidMount: ({ attributeCode, contentTypeCode, mode }) => {
- if (mode !== MODE_ADD_MONOLIST_ATTRIBUTE_COMPOSITE) {
- dispatch(fetchAttributeFromContentType('monoListAttribute', contentTypeCode, attributeCode));
- }
- },
-});
-
-export default withRouter(connect(
- mapStateToProps,
- mapDispatchToProps,
-)(MonolistPage));
diff --git a/src/ui/contents/Contents.js b/src/ui/contents/Contents.js
deleted file mode 100644
index dd5a3caab..000000000
--- a/src/ui/contents/Contents.js
+++ /dev/null
@@ -1,286 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { intlShape, defineMessages, FormattedMessage } from 'react-intl';
-import { Button, Spinner } from 'patternfly-react';
-import { PermissionCheck } from '@entando/utils';
-import ContentsFilter from 'ui/contents/ContentsFilter';
-import ContentsTable from 'ui/contents/ContentsTable';
-import ContentsTabs from 'ui/contents/ContentsTabs';
-import { withPermissionValues } from 'ui/auth/withPermissions';
-import { VALIDATE_CONTENTS_PERMISSION } from 'state/permissions/const';
-
-const messages = defineMessages({
- description: {
- id: 'cms.contents.description',
- defaultMessage: 'Name',
- },
- lastModified: {
- id: 'cms.contents.lastModified',
- defaultMessage: 'Last Edited',
- },
- typeCode: {
- id: 'cms.contents.typeCode',
- defaultMessage: 'Type',
- },
- created: {
- id: 'cms.contents.created',
- defaultMessage: 'Created date',
- },
- firstEditor: {
- id: 'cms.contents.firstEditor',
- defaultMessage: 'Created by',
- },
- mainGroup: {
- id: 'cms.contents.mainGroup',
- defaultMessage: 'Owner Group',
- },
- groups: {
- id: 'cms.contents.groups',
- defaultMessage: 'Join Groups',
- },
- onLine: {
- id: 'cms.contents.onLine',
- defaultMessage: 'Status',
- },
- restriction: {
- id: 'cms.contents.restriction',
- defaultMessage: 'Restrictions',
- },
- code: {
- id: 'cms.contents.code',
- defaultMessage: 'Code',
- },
- actions: {
- id: 'cms.contents.actions',
- defaultMessage: 'Actions',
- },
-});
-
-const AVAILABLE_COLUMN_CODES = [
- 'description', 'firstEditor', 'lastModified',
- 'typeCode', 'created', 'mainGroup', 'groups',
- 'onLine', 'restriction', 'code',
-];
-
-class Contents extends Component {
- constructor(props) {
- super(props);
- this.messages = defineMessages({
- downloadButton: {
- id: 'cms.contents.downloadAs',
- defaultMessage: 'Download As',
- },
- addContent: {
- id: 'cms.contents.addContent',
- defaultMessage: 'Add Content',
- },
- columns: {
- id: 'cms.contents.columns',
- defaultMessage: 'Columns',
- },
- selectedContents: {
- id: 'cms.contents.selectedContents',
- defaultMessage: 'You have selected {number} content(s), you can',
- },
- });
- this.onSortChanged = this.onSortChanged.bind(this);
- }
-
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- componentWillUnmount() {
- const { onWillUnmount } = this.props;
- onWillUnmount();
- }
-
- onSortChanged(sortParams) {
- const { currentAuthorShow, currentStatusShow, onSetSort } = this.props;
- onSetSort({ ...sortParams, group: `${currentAuthorShow}_${currentStatusShow}` });
- }
-
- render() {
- const {
- page, totalItems, pageSize, contents, lastPage, loading,
- currentQuickFilter, onSetQuickFilter, onFilteredSearch, intl,
- contentTypes, groups, language, filteringCategories, statusChecked,
- onCheckStatus, onCheckAccess, accessChecked, onCheckAuthor, authorChecked,
- currentAuthorShow, currentStatusShow, currentColumnsShow,
- onSetCurrentAuthorShow, onSetCurrentStatusShow, onSetCurrentColumnsShow,
- onSetContentType, onSetGroup, sortingColumns, selectedRows,
- onSelectRows, onSelectAllRows, onEditContent, onClickDelete, onClickPublish,
- onClickAddContent, onClickJoinCategories, currentUsername, onClickClone,
- onAdvancedFilterSearch, users, userPermissions, groupFilter,
- } = this.props;
-
- const availableColumns = AVAILABLE_COLUMN_CODES.map(code => ({
- name: intl.formatMessage(messages[code]),
- code,
- }));
-
- const { selectedContents } = this.messages;
- const selectedRowsData = contents.filter(c => selectedRows.includes(c.id));
- const renderSelectedRows = selectedRows.length > 0 ? (
-
- {intl.formatMessage(selectedContents, { number: selectedRows.length })}
-
-
- {currentStatusShow === 'published' ? (
-
- ) : (
-
- )}
-
-
-
-
-
- {renderSelectedRows}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default ContentsPage;
diff --git a/src/ui/contents/ContentsTabs.js b/src/ui/contents/ContentsTabs.js
deleted file mode 100644
index 7a8ba9d0e..000000000
--- a/src/ui/contents/ContentsTabs.js
+++ /dev/null
@@ -1,178 +0,0 @@
-import React from 'react';
-import {
- TabContainer, Nav, NavItem, TabContent, TabPane,
- DropdownButton, MenuItem,
-} from 'patternfly-react';
-import { CSVLink } from 'react-csv';
-import Workbook from 'react-excel-workbook';
-import { intlShape, FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
-import MultiSelectMenuItem from 'ui/common/form/MultiSelectMenuItem';
-
-const ContentTabs = ({
- intl, availableColumns, messages, contentTypes, currentColumnsShow, currentAuthorShow,
- currentStatusShow, onSetCurrentColumnsShow, onSetCurrentStatusShow, onSetCurrentAuthorShow,
- onClickAddContent, contents, currentUsername,
-}) => {
- const filteredAvailableColumns = availableColumns.filter(column => (
- currentColumnsShow.includes(column.code)
- ));
- const csvHeaders = filteredAvailableColumns.map(column => (
- Object.assign({}, { label: column.name, key: column.code })
- ));
- const onClickColumnItem = (code) => {
- if (code === 'name') return;
- let newColumns = [...currentColumnsShow];
- if (newColumns.includes(code)) {
- newColumns = newColumns.filter(c => c !== code);
- } else {
- newColumns = [...newColumns, code];
- }
- onSetCurrentColumnsShow(newColumns);
- };
- const navItems = (
-
-
-
-
- {
- contentTypes.map(contentType => (
-
- ))
- }
-
-
-
-
-
- CSV
-
-
}>
-
- {filteredAvailableColumns.map(column => (
-
- ))}
-
-
-
-
-
-
- {availableColumns.map(({ name, code }, i) => (
-
- ))}
-
-
-
- );
- return (
- onSetCurrentAuthorShow(author, currentStatusShow)}
- >
-
-
-
-
- onSetCurrentStatusShow(status, currentAuthorShow)}
- >
- {navItems}
-
-
-
- onSetCurrentStatusShow(status, currentAuthorShow)}
- >
- {navItems}
-
-
-
-
-
- );
-};
-
-ContentTabs.propTypes = {
- intl: intlShape.isRequired,
- availableColumns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- messages: PropTypes.shape({
- addContent: PropTypes.shape({}),
- downloadButton: PropTypes.shape({}),
- columns: PropTypes.shape({}),
- }).isRequired,
- contentTypes: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- contents: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- currentColumnsShow: PropTypes.arrayOf(PropTypes.string).isRequired,
- currentAuthorShow: PropTypes.string.isRequired,
- currentStatusShow: PropTypes.string.isRequired,
- onSetCurrentAuthorShow: PropTypes.func.isRequired,
- onSetCurrentStatusShow: PropTypes.func.isRequired,
- onSetCurrentColumnsShow: PropTypes.func.isRequired,
- onClickAddContent: PropTypes.func.isRequired,
- currentUsername: PropTypes.string.isRequired,
-};
-
-export default ContentTabs;
diff --git a/src/ui/dashboard/Integrations.js b/src/ui/dashboard/Integrations.js
deleted file mode 100644
index d2fcfb304..000000000
--- a/src/ui/dashboard/Integrations.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import {
- Card,
- CardTitle,
- CardBody,
- AggregateStatusCount,
- Icon,
-} from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-
-class Integrations extends Component {
- componentWillMount() {
- this.props.onWillMount();
- }
-
- render() {
- return (
-
-
-
-
-
-
-
- {this.props.plugins}
-
-
-
- {this.props.apis}
-
-
-
- );
- }
-}
-
-Integrations.propTypes = {
- onWillMount: PropTypes.func.isRequired,
- plugins: PropTypes.oneOfType([
- PropTypes.number,
- PropTypes.string,
- ]).isRequired,
- apis: PropTypes.oneOfType([
- PropTypes.number,
- PropTypes.string,
- ]).isRequired,
-};
-
-export default Integrations;
diff --git a/src/ui/dashboard/IntegrationsContainer.js b/src/ui/dashboard/IntegrationsContainer.js
deleted file mode 100644
index 8a26209a4..000000000
--- a/src/ui/dashboard/IntegrationsContainer.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { connect } from 'react-redux';
-
-import { getApis, getPlugins } from 'state/dashboard/selectors';
-import { fetchIntegration } from 'state/dashboard/actions';
-
-import Integrations from 'ui/dashboard/Integrations';
-
-export const mapDispatchToProps = dispatch => ({
- onWillMount: () => dispatch(fetchIntegration()),
-});
-
-export const mapStateToProps = state => (
- {
- apis: getApis(state),
- plugins: getPlugins(state),
- }
-);
-
-export default connect(
- mapStateToProps,
- mapDispatchToProps,
-)(Integrations);
diff --git a/src/ui/data-types/attributes/AddDataTypeAttributePage.js b/src/ui/data-types/attributes/AddDataTypeAttributePage.js
deleted file mode 100644
index 1a6c491f3..000000000
--- a/src/ui/data-types/attributes/AddDataTypeAttributePage.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from 'react';
-import { FormattedMessage, defineMessages, injectIntl, intlShape } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import PageTitle from 'ui/internal-page/PageTitle';
-import ErrorsAlertContainer from 'ui/common/form/ErrorsAlertContainer';
-import AddFormContainer from 'ui/data-types/attributes/AddFormContainer';
-import { ROUTE_DATA_TYPE_LIST } from 'app-init/router';
-import withPermissions from 'ui/auth/withPermissions';
-import { SUPERUSER_PERMISSION } from 'state/permissions/const';
-
-const msgs = defineMessages({
- add: {
- id: 'app.add',
- defaultMessage: 'Add',
- },
-});
-
-const AddDataTypeAttributePage = ({ intl }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-AddDataTypeAttributePage.propTypes = {
- intl: intlShape.isRequired,
-};
-
-export default withPermissions(SUPERUSER_PERMISSION)(injectIntl(AddDataTypeAttributePage));
diff --git a/src/ui/data-types/attributes/AddFormContainer.js b/src/ui/data-types/attributes/AddFormContainer.js
deleted file mode 100644
index 054a51017..000000000
--- a/src/ui/data-types/attributes/AddFormContainer.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector } from 'redux-form';
-import { withRouter } from 'react-router-dom';
-import { METHODS } from '@entando/apimanager';
-import { clearErrors } from '@entando/messages';
-import AttributeForm from 'ui/common/form/AttributeForm';
-import {
- setActionMode,
- fetchDataTypeAttributes,
- handlerAttributeFromDataType,
- fetchDataTypeAttribute,
- removeAttributeFromComposite,
- moveAttributeFromComposite,
-} from 'state/data-types/actions';
-
-import {
- getDataTypeSelectedAttribute,
- getDataTypeSelectedAttributeCode,
- getDataTypeAttributesIdList,
- getDataTypeSelectedAttributeAllowedRoles,
- getActionModeDataTypeSelectedAttribute,
- getSelectedCompositeAttributes,
-} from 'state/data-types/selectors';
-
-import { ROUTE_DATA_TYPE_ATTRIBUTE_ADD } from 'app-init/router';
-import { TYPE_COMPOSITE, MODE_ADD } from 'state/data-types/const';
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- mode: getActionModeDataTypeSelectedAttribute(state) || 'add',
- dataTypeAttributeCode: params.entityCode,
- joinAllowedOptions: formValueSelector('addAttribute')(state, 'joinRoles') || [],
- selectedAttributeType: getDataTypeSelectedAttribute(state),
- attributesList: getDataTypeAttributesIdList(state),
- initialValues: {
- type: getDataTypeSelectedAttributeCode(state),
- compositeAttributeType: TYPE_COMPOSITE,
- },
- allowedRoles: getDataTypeSelectedAttributeAllowedRoles(state),
- compositeAttributes: getSelectedCompositeAttributes(state),
-});
-
-export const mapDispatchToProps = (dispatch, { match: { params } }) => ({
- onWillMount: () => {
- dispatch(clearErrors());
- dispatch(fetchDataTypeAttributes());
- },
- onSubmit: (values, allowedRoles, mode) => {
- dispatch(handlerAttributeFromDataType(
- METHODS.POST,
- values,
- allowedRoles,
- mode,
- params.entityCode,
- ));
- },
- onAddAttribute: (props) => {
- const { attributeCode, entityCode, selectedAttributeType: { code } } = props;
- dispatch(setActionMode(MODE_ADD));
- dispatch(fetchDataTypeAttribute(
- attributeCode,
- {
- route: ROUTE_DATA_TYPE_ATTRIBUTE_ADD,
- params: { entityCode },
- },
- code,
- 'addAttribute',
- ));
- },
- onClickDelete: (attributeCode) => {
- dispatch(removeAttributeFromComposite(attributeCode));
- },
- onMove: (fromIndex, toIndex) => {
- dispatch(moveAttributeFromComposite(fromIndex, toIndex));
- },
-
-});
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps, null, {
- pure: false,
-})(AttributeForm));
diff --git a/src/ui/data-types/attributes/EditDataTypeAttributePage.js b/src/ui/data-types/attributes/EditDataTypeAttributePage.js
deleted file mode 100644
index f13b2c421..000000000
--- a/src/ui/data-types/attributes/EditDataTypeAttributePage.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-import { FormattedMessage, defineMessages, injectIntl, intlShape } from 'react-intl';
-import { Grid, Row, Col, Breadcrumb } from 'patternfly-react';
-
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import PageTitle from 'ui/internal-page/PageTitle';
-import ErrorsAlertContainer from 'ui/common/form/ErrorsAlertContainer';
-import EditFormContainer from 'ui/data-types/attributes/EditFormContainer';
-import { ROUTE_DATA_TYPE_LIST } from 'app-init/router';
-import withPermissions from 'ui/auth/withPermissions';
-import { SUPERUSER_PERMISSION } from 'state/permissions/const';
-
-const msgs = defineMessages({
- edit: {
- id: 'app.edit',
- defaultMessage: 'Edit',
- },
-});
-
-const EditDataTypeAttributePage = ({ intl }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-EditDataTypeAttributePage.propTypes = {
- intl: intlShape.isRequired,
-};
-
-export default withPermissions(SUPERUSER_PERMISSION)(injectIntl(EditDataTypeAttributePage));
diff --git a/src/ui/data-types/attributes/EditFormContainer.js b/src/ui/data-types/attributes/EditFormContainer.js
deleted file mode 100644
index 3030de05a..000000000
--- a/src/ui/data-types/attributes/EditFormContainer.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector } from 'redux-form';
-import { withRouter } from 'react-router-dom';
-import { METHODS } from '@entando/apimanager';
-import { clearErrors } from '@entando/messages';
-
-import EditAttributeForm from 'ui/common/form/EditAttributeForm';
-import {
- fetchAttributeFromDataType,
- handlerAttributeFromDataType,
- fetchDataTypeAttributes,
- fetchDataTypeAttribute,
- removeAttributeFromComposite,
- moveAttributeFromComposite,
-} from 'state/data-types/actions';
-
-import {
- getSelectedAttributeType,
- getDataTypeAttributesIdList,
- getDataTypeSelectedAttributeAllowedRoles,
- getSelectedCompositeAttributes,
- getActionModeDataTypeSelectedAttribute,
- getDataTypeSelectedAttribute,
- getIsMonolistComposteAttributeType,
-} from 'state/data-types/selectors';
-
-import { ROUTE_DATA_TYPE_ATTRIBUTE_ADD } from 'app-init/router';
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- mode: getActionModeDataTypeSelectedAttribute(state) || 'edit',
- attributeCode: params.attributeCode,
- dataTypeAttributeCode: params.entityCode,
- joinAllowedOptions:
- formValueSelector('attribute')(state, 'joinRoles') ||
- formValueSelector('attribute')(state, 'joinAllowedOptions') || [],
- selectedAttributeType: getSelectedAttributeType(state),
- selectedAttributeTypeForAddComposite: getDataTypeSelectedAttribute(state),
- attributesList: getDataTypeAttributesIdList(state),
- allowedRoles: getDataTypeSelectedAttributeAllowedRoles(state),
- compositeAttributes: getSelectedCompositeAttributes(state),
- isMonolistCompositeType: getIsMonolistComposteAttributeType(state),
- nestedAttributeComposite: formValueSelector('attribute')(state, 'nestedAttribute.type') || '',
-});
-
-export const mapDispatchToProps = (dispatch, { match: { params } }) => ({
- onDidMount: ({ dataTypeAttributeCode, attributeCode }) => {
- dispatch(clearErrors());
- dispatch(fetchAttributeFromDataType('attribute', dataTypeAttributeCode, attributeCode));
- dispatch(fetchDataTypeAttributes());
- },
- onSubmit: (values, allowedRoles, mode) => {
- dispatch(handlerAttributeFromDataType(
- METHODS.PUT,
- values,
- allowedRoles,
- mode,
- params.entityCode,
- ));
- },
- onAddAttribute: (props) => {
- const { attributeCode, dataTypeAttributeCode, selectedAttributeType } = props;
- dispatch(fetchDataTypeAttribute(
- attributeCode,
- {
- route: ROUTE_DATA_TYPE_ATTRIBUTE_ADD,
- params: { entityCode: dataTypeAttributeCode },
- },
- selectedAttributeType,
- 'attribute',
- ));
- },
- onClickDelete: (attributeCode, isMonolistCompositeType) => {
- dispatch(removeAttributeFromComposite(attributeCode, isMonolistCompositeType));
- },
- onMove: (fromIndex, toIndex, isMonolistCompositeType) => {
- dispatch(moveAttributeFromComposite(fromIndex, toIndex, isMonolistCompositeType));
- },
-});
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps, null, {
- pure: false,
-})(EditAttributeForm));
diff --git a/src/ui/edit-content/EditContentForm.js b/src/ui/edit-content/EditContentForm.js
deleted file mode 100644
index 15d3dd57d..000000000
--- a/src/ui/edit-content/EditContentForm.js
+++ /dev/null
@@ -1,496 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { intlShape, defineMessages, FormattedMessage } from 'react-intl';
-import { Row, Col, FormGroup, Spinner, Button } from 'patternfly-react';
-import { Field, reduxForm } from 'redux-form';
-import Panel from 'react-bootstrap/lib/Panel';
-import { required, maxLength } from '@entando/utils';
-import { Collapse } from 'react-collapse';
-
-import ConfirmCancelModalContainer from 'ui/common/cancel-modal/ConfirmCancelModalContainer';
-import StickySave from 'ui/common/StickySave';
-import SectionTitle from 'ui/common/SectionTitle';
-import FormLabel from 'ui/common/form/FormLabel';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import RenderVersionText from 'ui/common/form/RenderVersionText';
-import RenderDropdownTypeaheadInput from 'ui/common/form/RenderDropdownTypeaheadInput';
-
-import { WORK_MODE_ADD, WORK_MODE_EDIT } from 'state/edit-content/types';
-
-const maxLength255 = maxLength(255);
-
-const messages = defineMessages({
- contentDesctiption: {
- id: 'cms.contents.edit.contentDescription.placeholder',
- defaultMessage: 'Descriptions help you archive, sort, and find contents',
- },
- creator: {
- id: 'cms.contents.edit.version.creator',
- defaultMessage: 'created - by',
- },
- modifier: {
- id: 'cms.contents.edit.version.modifier',
- defaultMessage: 'modified by',
- },
- sameAuthor: {
- id: 'cms.contents.edit.version.you',
- defaultMessage: 'you',
- },
-});
-
-const fieldFocus = (el, addDelay) => {
- const focusEl = el.current;
- if (!focusEl) {
- return;
- }
- const runFocus = () => focusEl.getRenderedComponent().focus();
- if (addDelay) {
- setTimeout(runFocus, addDelay);
- } else {
- runFocus();
- }
-};
-
-export class EditContentFormBody extends React.Component {
- constructor(props) {
- super(props);
- const { workMode } = props;
- this.ownerGroupInput = React.createRef();
- this.descriptionInput = React.createRef();
- this.state = {
- infoOpen: true,
- groupsOpen: workMode === WORK_MODE_ADD,
- categoriesOpen: false,
- attributesOpen: false,
- };
-
- this.handleOwnerGroupChange = this.handleOwnerGroupChange.bind(this);
- }
-
- componentDidMount() {
- const {
- onDidMount, match: { params = {} },
- onIncompleteData,
- } = this.props;
- const { id: contentId, contentType } = params;
- const fetchContentParams = `/${contentId}`;
- if (contentType == null && contentId == null) return onIncompleteData();
- // if contentId from params is null, it means we are creating a new content
- if (contentId == null) {
- fieldFocus(this.ownerGroupInput);
- }
- return onDidMount(fetchContentParams);
- }
-
- componentDidUpdate(prevProps) {
- const {
- dirty, changeStatus, content, status,
- } = this.props;
- if (dirty !== prevProps.dirty) {
- if (dirty) {
- if (status === prevProps.status) {
- changeStatus('draft');
- }
- } else {
- changeStatus((content || {}).status);
- }
- }
- if (content !== prevProps.content) {
- fieldFocus(this.descriptionInput);
- }
- }
-
- componentWillUnmount() {
- const { onWillUnmount } = this.props;
- onWillUnmount();
- }
-
- setSection(sectionName, value) {
- this.setState({
- [sectionName]: value,
- });
- }
-
- collapseSection(sectionName) {
- this.setState(({ [sectionName]: currentVisibility }) => ({
- [sectionName]: !currentVisibility,
- }));
- }
-
- handleOwnerGroupChange(code) {
- const {
- workMode,
- onSetOwnerGroupDisable,
- resetSection,
- } = this.props;
- if (code && workMode === WORK_MODE_EDIT) {
- onSetOwnerGroupDisable(true);
- }
- if (workMode === WORK_MODE_ADD) {
- this.setSection('infoOpen', true);
- this.setSection('categoriesOpen', true);
- // reset attributes sections
- resetSection('attributes');
- fieldFocus(this.descriptionInput, 10);
- }
- }
-
- render() {
- const {
- infoOpen, groupsOpen, categoriesOpen, attributesOpen,
- } = this.state;
- const {
- intl,
- groups,
- allGroups,
- content,
- workMode,
- handleSubmit,
- onSubmit,
- invalid,
- submitting,
- onUnpublish,
- contentType: cType,
- currentUser: currentUserName,
- dirty,
- onCancel,
- onDiscard,
- onSave,
- loading,
- match: { params = {} },
- closeModal,
- missingTranslations,
- saveType,
- } = this.props;
- const { id } = params;
- const {
- version, lastModified, firstEditor: creatorUserName, lastEditor: modifierUserName,
- onLine,
- } = content || {};
- const newContentsType = {
- typeDescription: cType.name,
- typeCode: cType.code,
- };
- const contentType = content.typeDescription || newContentsType.typeDescription || '';
- const groupsWithEmptyOption = [...groups];
- const handleCollapseInfo = val => this.collapseSection('infoOpen', val);
- const handleCollapseGroups = val => this.collapseSection('groupsOpen', val);
- const handleCollapseCategories = val => this.collapseSection('categoriesOpen', val);
- const handleCollapseAttributes = val => this.collapseSection('attributesOpen', val);
- const renderContentVersioningHistory = workMode === WORK_MODE_EDIT && id && (
-
-
-
-
-
-
-
- );
-
- const handleUpdateTranslations = () => {
- if (missingTranslations.length) {
- const { lang, attributePath } = missingTranslations[0];
- // open language tab
- const tabId = `content-attributes-tabs-tab-${lang}`;
- document.getElementById(tabId).click();
- // wait for tab to change
-
- setTimeout(() => {
- // set focus to element
- const inputId = `${attributePath}.values.${lang}`;
- const element = document.getElementById(inputId)
- || document.getElementsByName(inputId)[0];
-
- if (element) {
- const fieldCollapse = element.closest('.ContentFormFieldCollapse');
- if (fieldCollapse && fieldCollapse.classList.contains('closed')) {
- fieldCollapse.querySelector('[role=button]').click();
- setTimeout(() => element.focus(), 100);
- } else {
- element.focus();
- }
- }
- }, 500);
- }
- };
-
- const modalButtons = [
- ,
- ,
- ];
-
- const classContentArea = ['EditContentForm__content', ...(
- workMode === WORK_MODE_EDIT ? ['EditContentForm__content--editmode'] : []
- )];
-
- return (
-
-
-
-
- );
- }
-}
-EditContentFormBody.propTypes = {
- intl: intlShape.isRequired,
- workMode: PropTypes.string.isRequired,
- language: PropTypes.string.isRequired,
- content: PropTypes.shape({
- typeDescription: PropTypes.string,
- typeCode: PropTypes.string,
- mainGroup: PropTypes.string,
- attributes: PropTypes.arrayOf(PropTypes.shape({})),
- }),
- currentUser: PropTypes.string.isRequired,
- location: PropTypes.shape({}).isRequired,
- groups: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string.isRequired,
- name: PropTypes.string.isRequired,
- })),
- allGroups: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string.isRequired,
- name: PropTypes.string.isRequired,
- })),
- selectedJoinGroups: PropTypes.arrayOf(PropTypes.string),
- handleSubmit: PropTypes.func.isRequired,
- onSubmit: PropTypes.func.isRequired,
- initialize: PropTypes.func.isRequired,
- onDidMount: PropTypes.func.isRequired,
- onSetOwnerGroupDisable: PropTypes.func.isRequired,
- match: PropTypes.shape({ params: PropTypes.shape({}) }).isRequired,
- onIncompleteData: PropTypes.func.isRequired,
- onWillUnmount: PropTypes.func.isRequired,
- onUnpublish: PropTypes.func.isRequired,
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- contentType: PropTypes.shape({
- name: PropTypes.string,
- code: PropTypes.string,
- }),
- dirty: PropTypes.bool,
- onDiscard: PropTypes.func.isRequired,
- onCancel: PropTypes.func.isRequired,
- onSave: PropTypes.func.isRequired,
- loading: PropTypes.bool,
- selectedOwnerGroup: PropTypes.string,
- changeStatus: PropTypes.func.isRequired,
- status: PropTypes.string,
- resetSection: PropTypes.func.isRequired,
- missingTranslations: PropTypes.arrayOf(PropTypes.shape({
- lang: PropTypes.string,
- attributePath: PropTypes.string,
- })).isRequired,
- saveType: PropTypes.string.isRequired,
- closeModal: PropTypes.func.isRequired,
-};
-
-EditContentFormBody.defaultProps = {
- selectedJoinGroups: [],
- content: {},
- invalid: false,
- submitting: false,
- contentType: {},
- dirty: false,
- loading: false,
- groups: [],
- allGroups: [],
- selectedOwnerGroup: '',
- status: '',
-};
-
-const EditContentForm = reduxForm({
- form: 'editcontentform',
- enableReinitialize: true,
- keepDirtyOnReinitialize: true,
-})(EditContentFormBody);
-
-export default EditContentForm;
diff --git a/src/ui/edit-content/EditContentFormContainer.js b/src/ui/edit-content/EditContentFormContainer.js
deleted file mode 100644
index f8e603402..000000000
--- a/src/ui/edit-content/EditContentFormContainer.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import { connect } from 'react-redux';
-import { injectIntl, defineMessages } from 'react-intl';
-import { withRouter } from 'react-router-dom';
-import { change, formValueSelector, submit, destroy } from 'redux-form';
-import { routeConverter } from '@entando/utils';
-import { addToast, TOAST_SUCCESS } from '@entando/messages';
-import {
- fetchContent,
- clearEditContentForm,
- setOwnerGroupDisable,
- saveContent,
- setWorkMode,
- setMissingTranslations,
- setSaveType,
-} from 'state/edit-content/actions';
-import { fetchCategoryTreeAll } from 'state/categories/actions';
-import { sendPublishContent } from 'state/contents/actions';
-import { setVisibleModal } from 'state/modal/actions';
-import EditContentForm from 'ui/edit-content/EditContentForm';
-import { getUsername } from '@entando/apimanager';
-import { getLocale } from 'state/locale/selectors';
-import {
- getOwnerGroupDisabled,
- getContent,
- getJoinedCategories,
- getSaveType,
- getMissingTranslations,
-} from 'state/edit-content/selectors';
-import { fetchAllGroupEntries } from 'state/groups/actions';
-import { getGroupsList, getGroupEntries } from 'state/groups/selectors';
-import { getLoading } from 'state/loading/selectors';
-import { ROUTE_CMS_CONTENTS } from 'app-init/router';
-import { CONTINUE_SAVE_TYPE, APPROVE_SAVE_TYPE, WORK_MODE_EDIT } from 'state/edit-content/types';
-import { ConfirmCancelModalID } from 'ui/common/cancel-modal/ConfirmCancelModal';
-import { getTranslationWarning } from 'state/user-preferences/selectors';
-
-export const TranslationWarningModalID = 'TranslationWarningModal';
-
-const publishContentMsgs = defineMessages({
- published: {
- id: 'cms.contents.published',
- defaultMessage: 'Published.',
- },
- unpublished: {
- id: 'cms.contents.unpublished',
- defaultMessage: 'Unpublished.',
- },
- saved: {
- id: 'cms.contents.saved',
- defaultMessage: 'Saved.',
- },
-});
-
-export const mapStateToProps = (state, { match: { params } }) => ({
- workMode: WORK_MODE_EDIT,
- language: getLocale(state),
- content: getContent(state),
- groups: getGroupsList(state),
- allGroups: getGroupEntries(state),
- currentUser: getUsername(state),
- contentId: params.id,
- ownerGroupDisabled: getOwnerGroupDisabled(state),
- selectedJoinGroups: formValueSelector('editcontentform')(state, 'groups'),
- selectedOwnerGroup: formValueSelector('editcontentform')(state, 'mainGroup'),
- status: formValueSelector('editcontentform')(state, 'status'),
- selectedCategories: getJoinedCategories(state),
- saveType: getSaveType(state),
- loading: getLoading(state).editContent,
- missingTranslations: getMissingTranslations(state),
- enableTranslationWarning: getTranslationWarning(state),
-});
-
-export const mapDispatchToProps = (dispatch, { history, intl }) => ({
- onDidMount: (fetchContentParams) => {
- dispatch(setWorkMode(WORK_MODE_EDIT));
- dispatch(fetchContent(fetchContentParams))
- .catch(() => history.push(routeConverter(ROUTE_CMS_CONTENTS)));
- dispatch(fetchAllGroupEntries());
- dispatch(fetchCategoryTreeAll());
- },
- onWillUnmount: () => { dispatch(clearEditContentForm()); dispatch(destroy('ContentType')); },
- onSetOwnerGroupDisable: disabled => dispatch(setOwnerGroupDisable(disabled)),
- onIncompleteData: () => history.push(routeConverter(ROUTE_CMS_CONTENTS)),
- onSubmit: (values, categories, ignoreWarnings, oldAttributes) => {
- const { saveType, id } = values;
- return dispatch(saveContent(values, ignoreWarnings, oldAttributes)).then((res) => {
- if (res) {
- dispatch(setVisibleModal(''));
- dispatch(addToast(
- intl.formatMessage(publishContentMsgs.saved),
- TOAST_SUCCESS,
- ));
- if (saveType === APPROVE_SAVE_TYPE) {
- dispatch(sendPublishContent(id, 'published'));
- history.push(routeConverter(ROUTE_CMS_CONTENTS));
- } else if (saveType !== CONTINUE_SAVE_TYPE) {
- history.push(routeConverter(ROUTE_CMS_CONTENTS));
- } else {
- dispatch(fetchContent(`/${res.id}`));
- }
- }
- }).catch((missingTranslation) => {
- dispatch(setMissingTranslations(missingTranslation));
- dispatch(setVisibleModal(TranslationWarningModalID));
- dispatch(setSaveType(saveType));
- });
- },
- onUnpublish: content => dispatch(sendPublishContent(content.id, 'draft')).then((res) => {
- if (res) {
- dispatch(addToast(
- intl.formatMessage(publishContentMsgs.unpublished),
- TOAST_SUCCESS,
- ));
- history.push(routeConverter(ROUTE_CMS_CONTENTS));
- }
- }),
- onSave: () => {
- dispatch(setVisibleModal(''));
- dispatch(submit('editcontentform'));
- },
- onCancel: () => dispatch(setVisibleModal(ConfirmCancelModalID)),
- onDiscard: () => { dispatch(setVisibleModal('')); history.push(routeConverter(ROUTE_CMS_CONTENTS)); },
- changeStatus: value => dispatch(change('editcontentform', 'status', value)),
- closeModal: () => dispatch(setVisibleModal('')),
-});
-
-const EditContentContainer = connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- {
- pure: false,
- },
-)(EditContentForm);
-
-export default withRouter(injectIntl(EditContentContainer));
diff --git a/src/ui/edit-content/EditContentPage.js b/src/ui/edit-content/EditContentPage.js
deleted file mode 100644
index fd62dcce7..000000000
--- a/src/ui/edit-content/EditContentPage.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { Row, Col, Grid, Breadcrumb } from 'patternfly-react';
-import { FormattedMessage } from 'react-intl';
-import CMSPageTitle from 'ui/common/CMSPageTitle';
-import BreadcrumbItem from 'ui/common/BreadcrumbItem';
-import InternalPage from 'ui/internal-page/InternalPage';
-import EditContentFormContainer from 'ui/edit-content/EditContentFormContainer';
-
-const EditContentPage = () => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
-
-export default EditContentPage;
diff --git a/src/ui/pages/add/PagesAddFormContainer.js b/src/ui/pages/add/PagesAddFormContainer.js
index c0617bf9e..44e23202b 100644
--- a/src/ui/pages/add/PagesAddFormContainer.js
+++ b/src/ui/pages/add/PagesAddFormContainer.js
@@ -24,23 +24,6 @@ import { fetchMyGroupPermissions } from 'state/permissions/actions';
import { fetchAllGroupEntries, fetchMyGroups } from 'state/groups/actions';
import { getGroupEntries, getGroupsList } from 'state/groups/selectors';
-export const getDefaultLanguage = (languages) => {
- const defaultLang = { code: 'en' };
- if (!languages || languages.length === 0) return defaultLang;
- const defaultFiltered = languages.filter(lang => lang.isDefault);
- if (defaultFiltered && defaultFiltered.length > 0) return defaultFiltered[0];
- return defaultLang;
-};
-
-export const complementTitlesForActiveLanguages = (existingTitles, languages) => {
- const defaultLang = getDefaultLanguage(languages);
- const defaultLangTitle = existingTitles && existingTitles[defaultLang.code];
- return languages.reduce((acc, curr) => ({
- ...acc,
- [curr.code]: existingTitles[curr.code] || defaultLangTitle,
- }), {});
-};
-
const getNextPageProperty = ({
pages,
property,
diff --git a/src/ui/pages/common/PageForm.js b/src/ui/pages/common/PageForm.js
index 4fe3038f9..aae615913 100644
--- a/src/ui/pages/common/PageForm.js
+++ b/src/ui/pages/common/PageForm.js
@@ -18,12 +18,27 @@ import { ACTION_SAVE, ACTION_SAVE_AND_CONFIGURE } from 'state/pages/const';
import SeoInfo from 'ui/pages/common/SeoInfo';
import FindTemplateModalContainer from 'ui/pages/common/FindTemplateModalContainer';
import { APP_TOUR_STARTED } from 'state/app-tour/const';
-import { complementTitlesForActiveLanguages } from 'ui/pages/add/PagesAddFormContainer';
import { codeWithDash } from 'helpers/attrValidation';
const maxLength30 = maxLength(30);
const maxLength70 = maxLength(70);
+const getDefaultLanguage = (languages) => {
+ const defaultLang = { code: 'en' };
+ if (!languages || languages.length === 0) return defaultLang;
+ const defaultFiltered = languages.filter(lang => lang.isDefault);
+ if (defaultFiltered && defaultFiltered.length > 0) return defaultFiltered[0];
+ return defaultLang;
+};
+
+const complementTitlesForActiveLanguages = (existingTitles, languages) => {
+ const defaultLang = getDefaultLanguage(languages);
+ const defaultLangTitle = existingTitles && existingTitles[defaultLang.code];
+ return languages.reduce((acc, curr) => ({
+ ...acc,
+ [curr.code]: existingTitles[curr.code] || defaultLangTitle,
+ }), {});
+};
const msgs = defineMessages({
chooseAnOption: {
diff --git a/src/ui/pages/config/PageConfigPageContainer.js b/src/ui/pages/config/PageConfigPageContainer.js
index d4ceebfb2..10ab84bcd 100644
--- a/src/ui/pages/config/PageConfigPageContainer.js
+++ b/src/ui/pages/config/PageConfigPageContainer.js
@@ -14,8 +14,6 @@ import {
getSelectedPage, getSelectedPageIsPublished, getSelectedPageLocaleTitle,
getSelectedPagePreviewURI, getSelectedPublishedPageURI,
} from 'state/pages/selectors';
-import { setVisibleModal } from 'state/modal/actions';
-import { MODAL_ID } from 'ui/pages/config/SinglePageSettingsModal';
import { getLoading } from 'state/loading/selectors';
import withPermissions from 'ui/auth/withPermissions';
import { MANAGE_PAGES_PERMISSION } from 'state/permissions/const';
@@ -44,7 +42,6 @@ export const mapDispatchToProps = (dispatch, { match: { params } }) => ({
},
unpublishPage: () => dispatch(unpublishSelectedPage()),
applyDefaultConfig: () => dispatch(applyDefaultConfig(params.pageCode)),
- showPageSettings: () => dispatch(setVisibleModal(MODAL_ID)),
onSettingsCancel: () => {
dispatch(reset(FORM_ID));
dispatch(reset('SeoMetadataForm'));
diff --git a/src/ui/pages/config/SinglePageSettingsForm.js b/src/ui/pages/config/SinglePageSettingsForm.js
deleted file mode 100644
index a2bf1123c..000000000
--- a/src/ui/pages/config/SinglePageSettingsForm.js
+++ /dev/null
@@ -1,282 +0,0 @@
-import { get } from 'lodash';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
-import { Field, FieldArray, FormSection, reduxForm } from 'redux-form';
-import { Button, Col, Form, FormGroup, Nav, NavItem, Row, TabContainer, TabContent, TabPane } from 'patternfly-react';
-import { maxLength, required } from '@entando/utils';
-import RenderTextInput from 'ui/common/form/RenderTextInput';
-import FormLabel from 'ui/common/form/FormLabel';
-import SwitchRenderer from 'ui/common/form/SwitchRenderer';
-import RenderSelectInput from 'ui/common/form/RenderSelectInput';
-import MultiSelectRenderer from 'ui/pages/common/MultiSelectRenderer';
-
-export const FORM_ID = 'single-page-settings';
-export const maxLength70 = maxLength(70);
-
-const toSelectInputOptions = arrayOfStrings => (
- arrayOfStrings.map(str => ({ code: str, name: str }))
-);
-
-export class SinglePageSettingsFormBody extends Component {
- constructor(props) {
- super(props);
- this.state = { visibleTitleTranslationCode: null };
- }
-
- componentWillMount() {
- this.props.onWillMount();
- }
-
- selectVisibleTitleTranslation(code) {
- this.setState({
- visibleTitleTranslationCode: code,
- });
- }
-
- render() {
- const {
- handleSubmit, invalid, submitting, onReset,
- activeNonDefaultLanguages, defaultLanguage,
- groups, charsets, contentTypes, selectedJoinGroupCodes,
- intl,
- } = this.props;
-
- const formatText = id => intl.formatMessage({ id });
-
- const charsetOptions = toSelectInputOptions(charsets);
- const contentTypeOptions = toSelectInputOptions(contentTypes);
-
- const titleTranslationSelect = (
-
- );
-
- const visibleTitleTranslationCode = this.state.visibleTitleTranslationCode
- || get(activeNonDefaultLanguages, '[0].code', '');
-
- const activeNonDefaultLanguagesInputs = (
-
- {
- activeNonDefaultLanguages.map(lang => lang.code).map(languageCode => (
-
-
-
- ))
- }
-
- );
-
- const defaultLanguageLabel = `${defaultLanguage.toUpperCase()} (default)`;
-
- const groupsWithEmptyOption = [
- { code: '', name: formatText('app.chooseAnOption') },
- ...groups,
- ];
-
- return (
-
- );
- }
-}
-
-SinglePageSettingsFormBody.propTypes = {
- intl: intlShape.isRequired,
- activeNonDefaultLanguages: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string,
- name: PropTypes.string,
- isActive: PropTypes.bool,
- isDefault: PropTypes.bool,
- })).isRequired,
- defaultLanguage: PropTypes.string.isRequired,
- charsets: PropTypes.arrayOf(PropTypes.string).isRequired,
- contentTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
- groups: PropTypes.arrayOf(PropTypes.shape({
- code: PropTypes.string,
- name: PropTypes.string,
- })).isRequired,
- selectedJoinGroupCodes: PropTypes.arrayOf(PropTypes.string),
- handleSubmit: PropTypes.func.isRequired,
- invalid: PropTypes.bool,
- submitting: PropTypes.bool,
- onReset: PropTypes.func.isRequired,
- onWillMount: PropTypes.func.isRequired,
-};
-
-SinglePageSettingsFormBody.defaultProps = {
- invalid: false,
- submitting: false,
- selectedJoinGroupCodes: [],
-};
-
-export default reduxForm({
- form: FORM_ID,
-})(injectIntl(SinglePageSettingsFormBody));
diff --git a/src/ui/pages/config/SinglePageSettingsFormContainer.js b/src/ui/pages/config/SinglePageSettingsFormContainer.js
deleted file mode 100644
index c0a9bc741..000000000
--- a/src/ui/pages/config/SinglePageSettingsFormContainer.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { connect } from 'react-redux';
-import { formValueSelector } from 'redux-form';
-import { sendPatchPage } from 'state/pages/actions';
-import { getSelectedPage, getCharsets, getContentTypes } from 'state/pages/selectors';
-import SinglePageSettingsForm, { FORM_ID } from 'ui/pages/config/SinglePageSettingsForm';
-import { fetchLanguages } from 'state/languages/actions';
-import { activeLangQueryString, noPagination } from 'ui/categories/common/formUtils';
-import { getDefaultLanguage, getActiveNonDefaultLanguages } from 'state/languages/selectors';
-import { getGroupsList } from 'state/groups/selectors';
-import { fetchMyGroups } from 'state/groups/actions';
-
-export const mapStateToProps = state => ({
- initialValues: getSelectedPage(state),
- activeNonDefaultLanguages: getActiveNonDefaultLanguages(state),
- defaultLanguage: getDefaultLanguage(state),
- groups: getGroupsList(state),
- charsets: getCharsets(state),
- contentTypes: getContentTypes(state),
- selectedJoinGroupCodes: formValueSelector(FORM_ID)(state, 'joinGroups'),
-});
-
-export const mapDispatchToProps = (dispatch, ownProps) => ({
- onWillMount: () => {
- dispatch(fetchLanguages(noPagination, activeLangQueryString));
- dispatch(fetchMyGroups());
- },
- onSubmit: (updatedValues) => {
- dispatch(sendPatchPage(updatedValues));
- ownProps.onSubmit();
- },
- onReset: () => {
- ownProps.onReset();
- },
-});
-
-export default connect(
- mapStateToProps,
- mapDispatchToProps,
- null,
- { pure: false },
-)(SinglePageSettingsForm);
diff --git a/src/ui/pages/config/SinglePageSettingsModal.js b/src/ui/pages/config/SinglePageSettingsModal.js
deleted file mode 100644
index cbe43fa10..000000000
--- a/src/ui/pages/config/SinglePageSettingsModal.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import { Modal } from 'patternfly-react';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import SinglePageSettingsFormContainer from 'ui/pages/config/SinglePageSettingsFormContainer';
-
-export const MODAL_ID = 'SinglePageSettingsModal';
-
-const SinglePageSettingsModal = ({ onCancel, onSave }) => {
- const modalTitle = (
-
- );
-
- const modalFooter = ;
-
- return (
-
-
-
- );
-};
-
-SinglePageSettingsModal.propTypes = {
- onCancel: PropTypes.func.isRequired,
- onSave: PropTypes.func.isRequired,
-};
-
-export default SinglePageSettingsModal;
diff --git a/src/ui/pages/config/SinglePageSettingsModalContainer.js b/src/ui/pages/config/SinglePageSettingsModalContainer.js
deleted file mode 100644
index 9371dc8b0..000000000
--- a/src/ui/pages/config/SinglePageSettingsModalContainer.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { connect } from 'react-redux';
-import { setVisibleModal } from 'state/modal/actions';
-import SinglePageSettingsModal from 'ui/pages/config/SinglePageSettingsModal';
-
-const mapStateToProps = null;
-
-export const mapDispatchToProps = dispatch => ({
- onSave: () => {
- dispatch(setVisibleModal(''));
- },
- onCancel: () => {
- dispatch(setVisibleModal(''));
- },
-});
-
-export default connect(
- mapStateToProps,
- mapDispatchToProps,
-)(SinglePageSettingsModal);
diff --git a/src/ui/pages/config/ToolbarContentIcon.js b/src/ui/pages/config/ToolbarContentIcon.js
deleted file mode 100644
index 922b0fb00..000000000
--- a/src/ui/pages/config/ToolbarContentIcon.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { WIDGET_LIST } from 'state/page-config/const';
-
-
-const ToolbarContentIcon = ({
- content, position, toggleExpanded, handleClick,
-}) => {
- const iconClass = ['ToolbarContentIcon', `ToolbarContentIcon--${content}-${position}`];
- let target = content;
-
- if (content === 'pages') {
- if (position === 'left') {
- iconClass.push('drawer-pf-toogle-expand');
- } else if (position === 'right') {
- target = WIDGET_LIST;
- }
- if (toggleExpanded) {
- iconClass[1] = `ToolbarContentIcon--${content}-${position}-expanded`;
- }
- }
-
- return (
- {}}
- onClick={() => { handleClick(target); }}
- />
- );
-};
-
-ToolbarContentIcon.propTypes = {
- handleClick: PropTypes.func,
- position: PropTypes.oneOf(['left', 'right']).isRequired,
- content: PropTypes.oneOf(['widgets', 'pages']).isRequired,
- toggleExpanded: PropTypes.bool,
-};
-
-ToolbarContentIcon.defaultProps = {
- handleClick: () => {},
- toggleExpanded: false,
-};
-
-export default ToolbarContentIcon;
diff --git a/src/ui/roles/common/DeleteRoleModal.js b/src/ui/roles/common/DeleteRoleModal.js
deleted file mode 100644
index 4371d125c..000000000
--- a/src/ui/roles/common/DeleteRoleModal.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
-import GenericModalContainer from 'ui/common/modal/GenericModalContainer';
-import {
- Button, EmptyState, Modal,
- EmptyStateIcon, EmptyStateTitle, EmptyStateInfo,
-} from 'patternfly-react';
-
-export const MODAL_ID = 'DeleteRoleModal';
-
-const DeleteRoleModal = ({
- onConfirmDelete, info,
-}) => {
- const buttons = [
- ,
- ];
-
- const modalTitle = (
-
- );
-
- return (
-
-
-
-
- {info.type}
-
-
-
-
-
-
- );
-};
-
-DeleteRoleModal.propTypes = {
- onConfirmDelete: PropTypes.func,
- info: PropTypes.shape({
- code: PropTypes.string,
- type: PropTypes.string,
- }),
-};
-
-DeleteRoleModal.defaultProps = {
- onConfirmDelete: null,
- info: {
- code: '',
- type: '',
- },
-};
-
-export default DeleteRoleModal;
diff --git a/src/ui/roles/common/DeleteRoleModalContainer.js b/src/ui/roles/common/DeleteRoleModalContainer.js
deleted file mode 100644
index 9c9ac7ae5..000000000
--- a/src/ui/roles/common/DeleteRoleModalContainer.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { connect } from 'react-redux';
-import { setVisibleModal } from 'state/modal/actions';
-import { getInfo } from 'state/modal/selectors';
-import { sendDeleteRole } from 'state/roles/actions';
-import DeleteRoleModal from 'ui/roles/common/DeleteRoleModal';
-
-export const mapStateToProps = state => ({
- info: getInfo(state),
-});
-
-export const mapDispatchToProps = dispatch => ({
- onConfirmDelete: (roleCode) => {
- dispatch(sendDeleteRole(roleCode));
- dispatch(setVisibleModal(''));
- },
-});
-
-const DeleteRoleModalContainer = connect(mapStateToProps, mapDispatchToProps)(DeleteRoleModal);
-
-export default DeleteRoleModalContainer;
diff --git a/src/ui/test-const/admin-test-const.js b/src/ui/test-const/admin-test-const.js
deleted file mode 100644
index 1444ab2d1..000000000
--- a/src/ui/test-const/admin-test-const.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const TEST_ID_FOLDER_FILE_BROWSER = 'list_FilesListTable_a';
-const TEST_ID_BUTTON_FILE_BROWSER = 'common_FileButtonsGroup_Button';
-const TEST_ID_UPLOAD_FIELD_FILE_BROWSER = 'form_RenderFileInput_input';
-const TEST_ID_ACTION_BUTTON_FILE_BROWSER = 'upload_UploadFileBrowserForm_Button';
-
-export {
- TEST_ID_FOLDER_FILE_BROWSER,
- TEST_ID_BUTTON_FILE_BROWSER,
- TEST_ID_UPLOAD_FIELD_FILE_BROWSER,
- TEST_ID_ACTION_BUTTON_FILE_BROWSER,
-};
diff --git a/src/ui/test-const/components-test-const.js b/src/ui/test-const/components-test-const.js
deleted file mode 100644
index 94c3ec958..000000000
--- a/src/ui/test-const/components-test-const.js
+++ /dev/null
@@ -1,31 +0,0 @@
-const TEST_ID_COMPONENT_LIST_BUTTON = 'list_ListWidgetPage_Button';
-const TEST_ID_ICON_UPLOADER_INPUT = 'common_IconUploader_input';
-const FIELD_NAME_TITLE_EN = 'titles.en';
-const FIELD_NAME_TITLE_IT = 'titles.it';
-const FIELD_NAME_CODE = 'code';
-const FIELD_NAME_CUSTOM_UI = 'customUi';
-const TEST_ID_GROUP_TYPEAHEAD = 'group-typeahead';
-const WIDGET_FORM_HEADER_CLASSNAME = 'WidgetPage__header';
-const TEST_ID_CONFIG_UI = 'form_JsonCodeEditorRenderer_Col';
-const TAB_NAME_CUSTOM_UI = 'Custom UI *';
-const TAB_NAME_CONFIG_UI = 'Config UI';
-const TEST_ID_WIDGETFORM_SAVE_DROPDOWNBTN = 'common_WidgetForm_DropdownButton';
-const EDIT_ACTION_CLASSNAME = 'WidgetListRow__menu-item-edit';
-const DELETE_ACTION_CLASSNAME = 'WidgetListRow__menu-item-delete';
-
-export {
- TEST_ID_COMPONENT_LIST_BUTTON,
- TEST_ID_ICON_UPLOADER_INPUT,
- FIELD_NAME_TITLE_EN,
- FIELD_NAME_TITLE_IT,
- FIELD_NAME_CODE,
- TEST_ID_GROUP_TYPEAHEAD,
- WIDGET_FORM_HEADER_CLASSNAME,
- FIELD_NAME_CUSTOM_UI,
- TEST_ID_CONFIG_UI,
- TAB_NAME_CUSTOM_UI,
- TAB_NAME_CONFIG_UI,
- TEST_ID_WIDGETFORM_SAVE_DROPDOWNBTN,
- EDIT_ACTION_CLASSNAME,
- DELETE_ACTION_CLASSNAME,
-};
diff --git a/src/ui/test-const/content-types-const.js b/src/ui/test-const/content-types-const.js
deleted file mode 100644
index 07accf4c0..000000000
--- a/src/ui/test-const/content-types-const.js
+++ /dev/null
@@ -1,12 +0,0 @@
-export const TEST_ID_PAGE_CONTAINER = 'internal-page_InternalPage_div';
-
-export const TEST_ID_CONTENTTYPES_LIST_TABLE = {
- ACTION_EDIT: 'ContentTypeList__menu-item-edit',
-};
-
-export const TEST_ID_CONTENTTYPE_FORM = {
- NAME_TYPE_DROPDOWN: 'type',
- ACTION_EDIT: 'ContTypeAttributeListMenuAction__menu-item-edit',
- ACTION_DELETE: 'ContTypeAttributeListMenuAction__menu-item-delete',
- ATTRIBUTE_TYPE_DROPDOWN: 'nestedAttribute.type',
-};
diff --git a/src/ui/test-const/group-test-const.js b/src/ui/test-const/group-test-const.js
deleted file mode 100644
index 0c22c1544..000000000
--- a/src/ui/test-const/group-test-const.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export const TEST_ID_GROUPS_TABLE = 'groups-table';
-export const TEST_ID_GROUP_DELETE_ACTION = 'group-delete-action';
diff --git a/src/ui/test-const/page-designer-test-const.js b/src/ui/test-const/page-designer-test-const.js
deleted file mode 100644
index d4efe2416..000000000
--- a/src/ui/test-const/page-designer-test-const.js
+++ /dev/null
@@ -1,16 +0,0 @@
-export const TEST_ID_PAGE_DESIGNER = {
- STATUS: 'common_PageStatusIcon_i',
- CONFIG_TABS: 'config_ToolbarPageConfig_Tabs',
- PAGE_TREE: 'common_PageTreeCompact_span',
- WIDGET_LIST_ITEM: 'config_WidgetGroupingItem_div',
- BUTTON: 'config_PageConfigPage_Button',
- WIDGET_CONFIG: 'config_WidgetConfigPage_Panel',
-};
-
-export const TEST_ID_WIDGET_FRAME = {
- CONTENT: 'config_WidgetFrame_div',
- EMPTY_FRAME: 'config_EmptyFrame_span',
- ACTIONS: 'config_WidgetFrame_MenuItem',
- ACTION_LINKS: 'config_WidgetFrame_Link',
-};
-
diff --git a/src/ui/test-const/page-management-test-const.js b/src/ui/test-const/page-management-test-const.js
deleted file mode 100644
index 755bc69a2..000000000
--- a/src/ui/test-const/page-management-test-const.js
+++ /dev/null
@@ -1,45 +0,0 @@
-export const TEST_ID_PAGE_TREE = {
- PAGE_NAME: 'common_PageTree_span',
-};
-
-export const TEST_ID_PAGE_TREE_SEARCH_FORM = {
- DROPDOWN_BUTTON: 'list_PageSearchForm_DropdownButton',
- DROPDOWN_MENU_ITEM: 'list_PageSearchForm_MenuItem',
- SEARCH_FIELD: 'list_PageSearchForm_Field',
- SEARCH_BUTTON: 'list_PageSearchForm_Button',
-};
-
-export const TEST_ID_LIST_PAGE_TREE = {
- SEARCH_TABLE: 'list_PageListSearchTable_div',
- BUTTON: 'list_PageTreePage_Button',
- STATUS: 'common_PageStatusIcon_i',
- ACTION_MENU: 'common_PageTreeActionMenu_MenuItem',
-};
-
-export const TEST_ID_PAGE_FORM = {
- TABS: 'common_SeoInfo_Tabs',
- CODE_FIELD: 'code',
- TITLE_FIELD: 'titles.LANG-CODE',
- SEO_DESCRIPTION_FIELD: 'seoData.seoDataByLang.LANG-CODE.description',
- SEO_KEYWORDS_FIELD: 'seoData.seoDataByLang.LANG-CODE.keywords',
- SEO_FRIENDLY_CODE_FIELD: 'seoData.seoDataByLang.LANG-CODE.friendlyCode',
- SEO_INHERIT_DESCRIPTION_SWITCH_FIELD: 'seoData.seoDataByLang.LANG-CODE.inheritDescriptionFromDefaultLang-switchField',
- SEO_INHERIT_KEYWORDS_SWITCH_FIELD: 'seoData.seoDataByLang.LANG-CODE.inheritKeywordsFromDefaultLang-switchField',
- SEO_INHERIT_FRIENDLY_CODE_SWITCH_FIELD: 'seoData.seoDataByLang.LANG-CODE.inheritFriendlyCodeFromDefaultLang-switchField',
- PAGE_TREE_SELECTOR_FIELD: 'PageForm__PageTreeSelector',
- PAGE_TEMPLATE_FIELD: 'pageModel',
- OWNER_GROUP_TYPEAHEAD: 'ownerGroup-typeahead',
- OWNER_GROUP_OPTIONS: 'ownerGroup',
- BUTTON: 'common_PageForm_Button',
- SAVE_BUTTON: 'save-page',
-};
-
-export const TEST_ID_PAGE_FORM_META_TAG = {
- DEFAULT_LANG_KEY_FIELD: 'metakey',
- DEFAULT_LANG_TYPE_FIELD: 'metatype',
- DEFAULT_LANG_VALUE_FIELD: 'metavalue',
- TYPE_FIELD: 'seoData.seoDataByLang.LANG-CODE.metaTags[META_TAG_ID].type',
- VALUE_FIELD: 'seoData.seoDataByLang.LANG-CODE.metaTags[META_TAG_ID].value',
- INHERIT_SWITCH_FIELD: 'seoData.seoDataByLang.LANG-CODE.metaTags[META_TAG_ID].useDefaultLang-switchField',
- BUTTON: 'common_SeoMetadataForm_Button',
-};
diff --git a/src/ui/test-const/test-const.js b/src/ui/test-const/test-const.js
deleted file mode 100644
index 9f1bc18d3..000000000
--- a/src/ui/test-const/test-const.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const TEST_ID_GENERIC_MODAL = {
- BUTTON: 'modal_GenericModal_Button',
-};
-
-export default TEST_ID_GENERIC_MODAL;
diff --git a/src/ui/widget-forms/AsyncTypeAheadSelect.js b/src/ui/widget-forms/AsyncTypeAheadSelect.js
deleted file mode 100644
index 105165623..000000000
--- a/src/ui/widget-forms/AsyncTypeAheadSelect.js
+++ /dev/null
@@ -1,69 +0,0 @@
-// got from https://github.com/patternfly/patternfly-react/blob/master/packages/patternfly-3/patternfly-react/src/components/TypeAheadSelect/AsyncTypeAheadSelect.js
-// TODO remove it after upgrading to v2.x of patternfly-react
-/* eslint-disable react/forbid-prop-types */
-import React from 'react';
-import { AsyncTypeahead } from 'react-bootstrap-typeahead';
-import PropTypes from 'prop-types';
-
-class AsyncTypeAheadSelect extends React.Component {
- constructor(props) {
- super(props);
- const { options, isLoading } = this.props;
- this.state = {
- options,
- isLoading,
- };
- this.onSearchStart = this.onSearchStart.bind(this);
- this.onSearchEnd = this.onSearchEnd.bind(this);
- this.handleSearch = this.handleSearch.bind(this);
- }
-
- onSearchStart() {
- this.setState({ isLoading: true });
- }
-
- onSearchEnd(options) {
- this.setState({ options, isLoading: false });
- }
-
- // query is the text string entered by the user.
- handleSearch(query) {
- const { onSearch } = this.props;
- this.onSearchStart();
- Promise.resolve(onSearch(query)).then(options => this.onSearchEnd(options));
- }
-
- render() {
- const { innerRef, ...props } = this.props;
- const { options, isLoading } = this.state;
- return (
-
- );
- }
-}
-
-AsyncTypeAheadSelect.propTypes = {
- /** Callback function for search */
- onSearch: PropTypes.func.isRequired,
- /** Array of selectable options */
- options: PropTypes.array,
- /** Flag to indicate if typeahead is loading */
- isLoading: PropTypes.bool,
- /** Internal property to access the react bootstrap typeahead component via outer ref property */
- innerRef: PropTypes.any,
-};
-
-AsyncTypeAheadSelect.defaultProps = {
- options: [],
- isLoading: false,
- innerRef: null,
-};
-
-// eslint-disable-next-line react/no-multi-comp
-export default React.forwardRef((props, ref) => );
diff --git a/src/ui/widget-forms/ContentPicker.js b/src/ui/widget-forms/ContentPicker.js
deleted file mode 100644
index d5d7f0be1..000000000
--- a/src/ui/widget-forms/ContentPicker.js
+++ /dev/null
@@ -1,137 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import AsyncTypeAheadSelect from 'ui/widget-forms/AsyncTypeAheadSelect';
-import { intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import { Button, Row, Col, FormGroup } from 'patternfly-react';
-
-import { Field, reduxForm } from 'redux-form';
-
-import RenderSelectInput from 'ui/common/form/RenderSelectInput';
-import FormLabel from 'ui/common/form/FormLabel';
-
-class ContentPickerBody extends Component {
- constructor(props) {
- super(props);
- this.handlePickContent = this.handlePickContent.bind(this);
- this.handleContentChange = this.handleContentChange.bind(this);
- this.typeaheadRef = React.createRef();
- this.state = {
- selectedContent: null,
- };
- }
-
- componentDidMount() {
- const { onDidMount } = this.props;
- onDidMount();
- }
-
- handleContentChange(contentArray) {
- const selectedContent = contentArray[0];
- this.setState({ selectedContent });
- }
-
- handlePickContent() {
- const { selectedContent } = this.state;
- const { onPickContent } = this.props;
- if (selectedContent == null) return;
- onPickContent(selectedContent);
- this.typeaheadRef.current.getInstance().clear();
- this.setState({ selectedContent: null });
- }
-
- render() {
- const {
- contentTypeList,
- contentStatusList,
- fetchContents,
- intl,
- multipleContentsMode,
- contentsNumber,
- } = this.props;
- const { selectedContent } = this.state;
- const searchPlaceholderMsg = intl.formatMessage({ id: 'contentPicker.searchPlaceholder' });
- let addButtonDisabled = false;
- if (multipleContentsMode) {
- addButtonDisabled = selectedContent == null;
- } else {
- addButtonDisabled = (contentsNumber === 0 && selectedContent == null)
- || contentsNumber > 0;
- }
- const renderAddButton = (
-
- );
- return (
-
-
-
- }
- options={contentTypeList}
- optionValue="code"
- optionDisplayName="name"
- defaultOptionId="contentPicker.allTypes"
- />
-
-
- }
- options={contentStatusList}
- optionValue="code"
- optionDisplayName="name"
- defaultOptionId="contentPicker.allStatuses"
- />
-
-
-
-
- }
- placeholder={searchPlaceholderMsg}
- ref={this.typeaheadRef}
- onSearch={fetchContents}
- onChange={this.handleContentChange}
- labelKey={option => `${option.id} - ${option.description}`}
- useCache={false}
- />
-
-
-
- {renderAddButton}
-
-
-
-
- );
- }
-}
-
-const ContentPicker = reduxForm()(ContentPickerBody);
-
-ContentPickerBody.propTypes = {
- intl: intlShape.isRequired,
- onPickContent: PropTypes.func.isRequired,
- multipleContentsMode: PropTypes.bool,
- contentsNumber: PropTypes.number,
- onDidMount: PropTypes.func.isRequired,
- fetchContents: PropTypes.func.isRequired,
- contentTypeList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
- contentStatusList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-};
-
-ContentPickerBody.defaultProps = {
- multipleContentsMode: true,
- contentsNumber: 0,
-};
-
-export default ContentPicker;
diff --git a/src/ui/widget-forms/ContentPickerContainer.js b/src/ui/widget-forms/ContentPickerContainer.js
deleted file mode 100644
index 49ad8cf44..000000000
--- a/src/ui/widget-forms/ContentPickerContainer.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { connect } from 'react-redux';
-import { injectIntl } from 'react-intl';
-import { formValueSelector } from 'redux-form';
-import { convertToQueryString, FILTER_OPERATORS } from '@entando/utils';
-import { fetchContentTypeListPaged } from 'state/content-type/actions';
-import { getContentTypeList } from 'state/content-type/selectors';
-import ContentPicker from 'ui/widget-forms/ContentPicker';
-import { getContents } from 'api/contents';
-import { parseJoinGroups } from 'helpers/joinGroups';
-
-const noPaging = { page: 1, pageSize: 0 };
-
-const toFilter = formState => Object.keys(formState).reduce((acc, key) => ({
- formValues: {
- ...acc.formValues,
- [key]: formState[key],
- },
- operators: {
- ...acc.operators,
- [key]: FILTER_OPERATORS.EQUAL,
- },
-}), {
- formValues: {},
- operators: {},
-});
-
-const getFilteredContents = (formState, ownerGroup, joinGroupsToParse) => {
- const filter = toFilter(formState);
- const filterParams = convertToQueryString(filter);
- const ownerGroupQuery = ownerGroup ? `&forLinkingWithOwnerGroup=${ownerGroup}` : '';
- const joinGroups = parseJoinGroups(joinGroupsToParse);
- const joinGroupsQuery = (joinGroups && joinGroups.length > 0)
- ? joinGroups.reduce((acc, curr, index) => `${acc}&forLinkingWithExtraGroups[${index}]=${curr}`, '') : '';
- const contentParams = `${filterParams || '?'}&status=published${ownerGroupQuery}${joinGroupsQuery}`;
- return getContents(noPaging, contentParams)
- .then(res => res.json())
- .then(json => json.payload);
-};
-
-export const mapStateToProps = (state, ownProps) => ({
- contentTypeList: getContentTypeList(state),
- contentStatusList: [{ code: 'draft', name: 'Draft' }, { code: 'ready', name: 'Ready' }],
- fetchContents: () => getFilteredContents(
- formValueSelector(ownProps.form)(state, 'typeCode', 'status'),
- ownProps.ownerGroup, ownProps.joinGroups,
- ),
-});
-
-export const mapDispatchToProps = dispatch => ({
- onDidMount: () => {
- dispatch(fetchContentTypeListPaged(noPaging));
- },
-});
-
-export default connect(mapStateToProps, mapDispatchToProps, null, {
- pure: false,
-})(injectIntl(ContentPicker));
diff --git a/src/ui/widget-forms/publish-single-content-config/SingleContentConfigTour.js b/src/ui/widget-forms/publish-single-content-config/SingleContentConfigTour.js
deleted file mode 100644
index bb2ec93b1..000000000
--- a/src/ui/widget-forms/publish-single-content-config/SingleContentConfigTour.js
+++ /dev/null
@@ -1,299 +0,0 @@
-import React from 'react';
-import Tour from 'reactour';
-import PropTypes from 'prop-types';
-import { Button } from 'patternfly-react';
-import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
-import { FormattedMessage } from 'react-intl';
-import { APP_TOUR_CANCELLED, APP_TOUR_STARTED } from 'state/app-tour/const';
-
-const mouseClickEvents = ['mouseover', 'hover', 'mousedown', 'click', 'mouseup'];
-const simulateMouseClick = (element) => {
- mouseClickEvents.forEach(mouseEventType => element.dispatchEvent(new MouseEvent(mouseEventType, {
- view: window,
- bubbles: true,
- cancelable: true,
- buttons: 1,
- })));
-};
-
-const TOTAL_STEPS = 23;
-const STEP_OFFSET = -2;
-
-const disableBody = target => disableBodyScroll(target);
-const enableBody = target => enableBodyScroll(target);
-
-class SingleContentConfigTour extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- isTourOpen: true,
- };
- this.onNextStep = this.onNextStep.bind(this);
- this.setIsTourOpen = this.setIsTourOpen.bind(this);
- this.generateSteps = this.generateSteps.bind(this);
- }
-
- componentDidUpdate(prevProps) {
- const { isTourOpen } = this.state;
- const { wizardEnabled, appTourProgress, onAppTourCancel } = this.props;
- const tourInProgress = isTourOpen && wizardEnabled && appTourProgress === APP_TOUR_STARTED;
- if (prevProps.appTourProgress !== appTourProgress) {
- if (appTourProgress === APP_TOUR_CANCELLED) {
- window.onbeforeunload = null;
- window.onunload = null;
- }
- if (tourInProgress) {
- window.onbeforeunload = (e) => {
- e.preventDefault();
- e.returnValue = '';
- return e;
- };
- window.onunload = () => {
- onAppTourCancel();
- };
- }
- }
- }
-
- onNextStep(step, goTo) {
- const { setNextStep } = this.props;
- setNextStep(step);
- goTo(step);
- }
-
- setIsTourOpen(value) {
- const { tourCreatedPageCode, publishStatus } = this.props;
- if (value === false) {
- const { onAppTourCancel } = this.props;
- onAppTourCancel(tourCreatedPageCode, publishStatus);
- document.body.style.overflow = 'auto';
- }
- this.setState({ isTourOpen: value });
- }
-
- generateSteps() {
- const {
- appTourLastStep, onNextSelectContent, contents,
- } = this.props;
-
- const step18Element = document.querySelector('.app-tour-step-18');
- const step19Cancel = document.querySelector('.GenericModal__cancel');
- const step20Element = document.querySelector('.app-tour-step-20');
- const step21Element = document.querySelector('.app-tour-step-21');
- const step21Cancel = document.querySelector('.AddContentTypeFormBody__cancel--btn');
-
- const steps = [
- {
- step: 0,
- content: ({ goTo }) => (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {`${args.step + STEP_OFFSET}/${TOTAL_STEPS}`}
-
-
-
-
;
-
-const CMSShell = ({ className, children }) => (
-