@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/Screens/Creator/Components/Rules/Containers/List.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import Actions, { LIST_KEY, REDUCER_NAME } from '../../../Reducers/Rules/Actions';
-
-const columns = [
-    {
-        name: 'title',
-        label: 'Title',
-        filterable: false,
-        sortable: false,
-    },
-];
-
-const listParams = {
-    entity: 'item',
-    addButtonLabel: 'rule.addButtonLabel',
-};
-
-import generateConnectedList from '../../../../../Components/DefaultConnectedList';
-import { T } from '../../../../../App/i18n';
-
-export const RuleList = generateConnectedList(
-    columns,
-    listParams,
-    LIST_KEY,
-    Actions.listAction,
-    Actions.detailsAction,
-    Actions.hideDetails,
-    Actions.showDetails,
-    Actions.createEntity,
-    Actions.deleteEntities,
-    {
-        reducerName: REDUCER_NAME,
-    }
-);
-
-export default () => (
-    <div>
-        <div className="listHeadline">{T('ruleEditor.listHeadline')}</div>
-
-        <RuleList />
-    </div>
-);

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/AdditionalOption.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createOptionFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.additionaloption.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('optionText')),
-    createOptionFieldDescriptor({
-        label: keyPath('optionLabel'),
-    }),
-    createTextDescriptor(keyPath('dataOptionText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('option', {
-            label: keyPath('dataOptionLabel'),
-        })
-    ),
-];
-
-export default class AdditionalOption extends React.Component {
-    render() {
-        const optionA = get(this.props, 'data.option.value.label', inlineLabel('optionLabel'));
-        const optionB = get(this.props, 'data.data.value.option_identifier', inlineLabel('dataOptionLabel'));
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { optionA, optionB })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/AttributeValueGroupAutoSwitch.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.attribute_value_group_auto_switch.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('attributeText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('attribute', {
-            label: keyPath('attributeLabel'),
-        })
-    ),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('toggle', {
-            name: 'apply_per_option_classification',
-            label: keyPath('switchText'),
-            labelPlacement: 'end',
-        })
-    ),
-];
-
-export default class AttributeValueGroupAutoSwitch extends React.Component {
-    render() {
-        const attribute = get(
-            this.props,
-            'data.data.value.attribute_identifier',
-            inlineLabel('attributeLabel')
-        );
-
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { attribute })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/DefaultOption.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.defaultoption.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('optionText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('option', {
-            label: keyPath('optionLabel'),
-        })
-    ),
-];
-
-export default class DefaultOption extends React.Component {
-    render() {
-        const option = get(this.props, 'data.data.value.option_identifier', inlineLabel('optionLabel'));
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { option })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/ItemAttributeMatch.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.itemattributematch.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('attributeText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('attribute', {
-            label: keyPath('attributeLabel'),
-        })
-    ),
-];
-
-export default class ItemAttributeMatch extends React.Component {
-    render() {
-        const attribute = get(
-            this.props,
-            'data.data.value.attribute_identifier',
-            inlineLabel('attributeLabel')
-        );
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { attribute })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/ItemAttributeMaxSum.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-
-const keyPath = key => `ruleEditor.ruleTypes.itemattributemaxsum.${key}`;
-
-const formFields = [
-    createTextDescriptor(keyPath('attributeText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('attribute', {
-            label: keyPath('attributeLabel'),
-        })
-    ),
-    createTextDescriptor(keyPath('maxAmountText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('number', {
-            name: 'maxamount',
-            label: keyPath('maxAmountLabel'),
-        })
-    ),
-];
-
-export default class ItemAttributeMaxSum extends React.Component {
-    render() {
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {/*T(keyPath('description'))*/}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/OptionClassificationMaxAmount.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.optionclassificationmaxamount.${key}`;
-
-const formFields = [
-    createTextDescriptor(keyPath('componentsText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('optionClassification', {
-            label: keyPath('componentsLabel'),
-        })
-    ),
-    createTextDescriptor(keyPath('maxAmountText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('number', {
-            name: 'maxamount',
-            label: keyPath('maxAmountLabel'),
-        })
-    ),
-];
-
-export default class OptionClassificationMaxAmount extends React.Component {
-    render() {
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'))}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/OptionClassificationMinAmount.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T } from '../../../../../../App/i18n';
-const keyPath = key => `ruleEditor.ruleTypes.optionclassificationminamount.${key}`;
-
-const formFields = [
-    createTextDescriptor(keyPath('componentsText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('optionClassification', {
-            label: keyPath('componentsLabel'),
-        })
-    ),
-    createTextDescriptor(keyPath('minAmountText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('number', {
-            name: 'minamount',
-            label: keyPath('minAmountLabel'),
-        })
-    ),
-];
-
-export default class OptionClassificationMinAmount extends React.Component {
-    render() {
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'))}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/OptionDependency.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createOptionFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.optiondependency.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('optionText')),
-    createOptionFieldDescriptor({
-        label: keyPath('optionLabel'),
-    }),
-    createTextDescriptor(keyPath('dataOptionText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('option', {
-            label: keyPath('dataOptionLabel'),
-        })
-    ),
-];
-
-export default class OptionDependency extends React.Component {
-    render() {
-        const optionA = get(this.props, 'data.option.value.label', inlineLabel('optionLabel'));
-        const optionB = get(this.props, 'data.data.value.option_identifier', inlineLabel('dataOptionLabel'));
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { optionA, optionB })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/OptionExclusion.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createOptionFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T, t } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.optionexclusion.${key}`;
-const inlineLabel = key => `[${t(keyPath(key))}]`;
-
-const formFields = [
-    createTextDescriptor(keyPath('optionText')),
-    createOptionFieldDescriptor({
-        label: keyPath('optionLabel'),
-    }),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('option', {
-            label: keyPath('dataOptionLabel'),
-        })
-    ),
-];
-
-export default class OptionExclusion extends React.Component {
-    render() {
-        const optionA = get(this.props, 'data.option.value.label', inlineLabel('optionLabel'));
-        const optionB = get(this.props, 'data.data.value.option_identifier', inlineLabel('dataOptionLabel'));
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'), { optionA, optionB })}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/OptionMaxAmount.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import RuleForm, {
-    createDataContainerDescriptor,
-    createDataFieldDescriptor,
-    createOptionFieldDescriptor,
-    createTextDescriptor,
-} from './RuleForm';
-import { T } from '../../../../../../App/i18n';
-
-const keyPath = key => `ruleEditor.ruleTypes.optionmaxamount.${key}`;
-
-const formFields = [
-    createTextDescriptor(keyPath('optionText')),
-    createOptionFieldDescriptor({
-        label: keyPath('optionLabel'),
-    }),
-    createTextDescriptor(keyPath('maxAmountText')),
-    createDataContainerDescriptor(
-        createDataFieldDescriptor('number', {
-            name: 'maxamount',
-            label: keyPath('maxAmountLabel'),
-        })
-    ),
-];
-
-export default class OptionMaxAmount extends React.Component {
-    render() {
-        return (
-            <RuleForm {...this.props} formFields={formFields}>
-                {T(keyPath('description'))}
-            </RuleForm>
-        );
-    }
-}

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/RuleForm.js

@@ -1,155 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { ConfigurableForm } from '../../../../../../Components/Form';
-import {
-    OPTION_LIST_KEY,
-    OPTION_LIST_URL,
-    OPTIONCLASSIFICATION_LIST_KEY,
-    OPTIONCLASSIFICATION_LIST_URL,
-    ATTRIBUTE_LIST_KEY,
-    ATTRIBUTE_LIST_URL,
-} from '../../../../Reducers/Rules/Actions';
-import SimpleNestedData from '../../../../../../Components/FormFragments/SimpleNestedData';
-import { T } from '../../../../../../App/i18n';
-
-export class RuleForm extends React.Component {
-    onSubmit = () => {
-        this.checkDefaultValues();
-        this.props.onSubmit();
-    };
-
-    checkDefaultValues() {
-        const { data } = this.props;
-        const { schema: dataSchema } = data.data;
-
-        // set all the values that are not in the entity state yet (default values)
-        const defaultValues = {};
-        let shouldUpdate = false;
-        for (let p in dataSchema) {
-            if (!_.has(data.data.value, p)) {
-                defaultValues[p] = dataSchema[p].value;
-                shouldUpdate = true;
-            }
-        }
-        if (shouldUpdate) {
-            this.props.onChange('data', { ...data.data.value, ...defaultValues });
-        }
-    }
-
-    render() {
-        return <ConfigurableForm {...this.props} onSubmit={this.onSubmit} />;
-    }
-}
-
-const labelMapper = item => ({ ...item, label: `${item.translated_title} (${item.identifier})` });
-
-export const createOptionFieldDescriptor = params => {
-    return {
-        name: 'option',
-        label: 'Option A',
-        type: 'dynSource',
-        sourceConfig: {
-            value: 'id',
-            text: 'label',
-        },
-        dynSource: {
-            type: 'autocomplete',
-            listKey: OPTION_LIST_KEY,
-            url: OPTION_LIST_URL,
-            autoLoad: false,
-            mapItems: labelMapper,
-        },
-        useObjects: true,
-        ...params,
-    };
-};
-
-export const createDataFieldDescriptor = (type, params) => {
-    let typeParams;
-
-    switch (type) {
-        case 'option': {
-            typeParams = {
-                name: 'option_identifier',
-                label: 'Option B',
-                type: 'dynSource',
-                sourceConfig: {
-                    value: 'identifier',
-                    text: 'label',
-                },
-                dynSource: {
-                    type: 'autocomplete',
-                    listKey: OPTION_LIST_KEY,
-                    url: OPTION_LIST_URL,
-                    autoLoad: false,
-                    mapItems: labelMapper,
-                },
-            };
-            break;
-        }
-
-        case 'optionClassification': {
-            typeParams = {
-                name: 'optionclassification_identifier',
-                label: 'Option classification',
-                type: 'dynSource',
-                sourceConfig: {
-                    value: 'identifier',
-                    text: 'label',
-                },
-                dynSource: {
-                    type: 'autocomplete',
-                    listKey: OPTIONCLASSIFICATION_LIST_KEY,
-                    url: OPTIONCLASSIFICATION_LIST_URL,
-                    mapItems: labelMapper,
-                },
-            };
-            break;
-        }
-
-        case 'attribute': {
-            typeParams = {
-                name: 'attribute_identifier',
-                label: 'Attribute',
-                type: 'dynSource',
-                sourceConfig: {
-                    value: 'identifier',
-                    text: 'label',
-                },
-                dynSource: {
-                    type: 'autocomplete',
-                    listKey: ATTRIBUTE_LIST_KEY,
-                    url: ATTRIBUTE_LIST_URL,
-                    autoLoad: false,
-                    mapItems: labelMapper,
-                },
-            };
-            break;
-        }
-
-        default: {
-            typeParams = {
-                type,
-            };
-        }
-    }
-
-    return {
-        ...typeParams,
-        ...params,
-    };
-};
-
-export const createDataContainerDescriptor = (...fields) => {
-    return {
-        name: 'data',
-        type: SimpleNestedData,
-        fields: fields,
-    };
-};
-
-export const createTextDescriptor = key => {
-    return () => T(key);
-};
-
-export default RuleForm;

package/src/Screens/Creator/Components/Rules/Containers/RuleForms/index.js

@@ -1,23 +0,0 @@
-import OptionDependency from './OptionDependency';
-import OptionExclusion from './OptionExclusion';
-import OptionClassificationMinAmount from './OptionClassificationMinAmount';
-import OptionClassificationMaxAmount from './OptionClassificationMaxAmount';
-import ItemAttributeMatch from './ItemAttributeMatch';
-import ItemAttributeMaxSum from './ItemAttributeMaxSum';
-import OptionMaxAmount from './OptionMaxAmount';
-import DefaultOption from './DefaultOption';
-import AdditionalOption from './AdditionalOption';
-import AttributeValueGroupAutoSwitch from './AttributeValueGroupAutoSwitch';
-
-export const formsByType = {
-    optiondependency: OptionDependency,
-    optionexclusion: OptionExclusion,
-    optionclassificationminamount: OptionClassificationMinAmount,
-    optionclassificationmaxamount: OptionClassificationMaxAmount,
-    itemattributematch: ItemAttributeMatch,
-    itemattributemaxsum: ItemAttributeMaxSum,
-    optionmaxamount: OptionMaxAmount,
-    defaultoption: DefaultOption,
-    additionaloption: AdditionalOption,
-    attribute_value_group_auto_switch: AttributeValueGroupAutoSwitch,
-};

package/src/Screens/Creator/Components/Rules/Styles.scss

@@ -1,38 +0,0 @@
-.rules {
-  .listHeadline {
-    margin-bottom: 15px;
-  }
-  .editorHeadline {
-    font-weight: normal;
-    margin: 0 0 5px 0;
-    color: black;
-    font-size: 1.2em;
-  }
-  .headlineWrapper {
-    margin: 0 0 30px 0;
-    min-height: 57px;
-  }
-  .ruleTypeList {
-    margin-left: -10px;
-    > div {
-      padding: 10px 10px;
-      cursor: pointer;
-      &.selected {
-        //background-color: rgb(0, 188, 212);
-        //color: white;
-      }
-    }
-  }
-  .hintText {
-    margin-bottom: 20px;
-    color: black;
-  }
-  .split-right {
-    padding-bottom: 110px;
-    .action-buttons {
-      position: absolute;
-      bottom: -15px;
-      right: 24px;
-    }
-  }
-}