@configuratorware/configurator-admingui 1.27.3-beta.8 → 1.27.6

package/Utils/Test/wrapperSelectors.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getElementWithText = exports.findWithText = void 0;
-
-var getElementWithText = function getElementWithText(text, wrapper) {
-  return wrapper.findWhere(function (n) {
-    return n.children().length === 0 && n.text() === text;
-  });
-};
-
-exports.getElementWithText = getElementWithText;
-
-var findWithText = function findWithText(selector, text, wrapper) {
-  return wrapper.find(selector).filterWhere(function (element) {
-    return getElementWithText(text, element).length;
-  });
-};
-
-exports.findWithText = findWithText;

package/default.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _AppContainer = _interopRequireDefault(require("./AppContainer"));
-
-var _Store = require("./App/Store");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var storeConfiguration = (0, _Store.configureStore)();
-
-var render = function render() {
-  _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], storeConfiguration), document.getElementById('root'));
-};
-
-render();

package/dev.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _reactHotLoader = require("react-hot-loader");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/**
- * dev.js component development helper
- *
- * It makes possible to load a standalone component with mocked environment for dev purposes
- *
- * 0. handles two file structure type:
- *      - MyComponent is a folder, with an index.js inside
- *      - MyComponent.js is located inside MyFeature folder
- * 1. create a setup file for the component in its folder, like MyComponent/dev.js or MyFeature/MyComponent.dev.js
- * 2. go to the following url to open it:
- *      - http://localhost:3000/dev?pathFromSrcToTheComponent
- *      - real example: http://localhost:3000/dev?Screens/Designer/SubScreens/DesignAreas/Components/MaskEditorField/MaskEditorField
- */
-var target = window.location.search.substr(1);
-
-function tryToLoadComponent() {
-  try {
-    var compName = target.split('/').pop();
-    return require('./' + target + '/' + compName + '.dev')["default"];
-  } catch (e) {
-    if (e.code === 'MODULE_NOT_FOUND') {
-      // if not found, try it with <target>.dev.js
-      try {
-        return require('./' + target + '.dev')["default"];
-      } catch (e) {
-        if (e.code === 'MODULE_NOT_FOUND') {
-          // if not found, try it with <target>/dev.js
-          return require('./' + target + '/dev')["default"];
-        }
-      }
-    }
-  }
-}
-
-var Component;
-
-try {
-  Component = tryToLoadComponent();
-} catch (e) {
-  if (e.code === 'MODULE_NOT_FOUND') {
-    Component = function Component() {
-      return /*#__PURE__*/_react["default"].createElement("div", null, "Setup file for the required component is not available.", /*#__PURE__*/_react["default"].createElement("br", null), target, /*#__PURE__*/_react["default"].createElement("strong", null, ".dev.js"));
-    };
-  } else {
-    throw e;
-  }
-}
-
-var DevApp = (0, _reactHotLoader.hot)(module)(Component);
-
-_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(DevApp, null), document.getElementById('root'));

package/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-if (process.env.NODE_ENV !== 'production' && window.location.pathname === '/dev') {
-  Promise.resolve().then(function () {
-    return _interopRequireWildcard(require("./dev"));
-  }).then(function () {
-    // eslint-disable-next-line no-console
-    console.log('DEV module imported');
-  });
-} else {
-  require("./default");
-}

package/src/Components/CallToActionField.js

@@ -1,95 +0,0 @@
-import { newestRequest } from '../Utils/Async/newestRequest';
-import { lazyFetch } from '../Utils/Request/lazyFetch';
-import { URL } from '../Screens/DefaultClient/Reducers/Actions';
-import { connect } from 'react-redux';
-import React, { useEffect, useState } from 'react';
-import { T } from '../App/i18n';
-import { get } from 'lodash';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-const ctaFields = [
-    {
-        value: 'addToCart',
-        label: 'callToAction.addToCart',
-        id: 'addToCart',
-    },
-    {
-        value: 'requestOffer',
-        label: 'callToAction.requestOffer',
-        id: 'requestOffer',
-    },
-    {
-        value: 'none',
-        label: 'callToAction.none',
-        id: 'none',
-    },
-];
-
-const sourceConfig = {
-    text: function text(_ref) {
-        return _ref.translate === false ? _ref.label : T(_ref.label);
-    },
-    value: 'value',
-};
-
-const loadDefaultClient = newestRequest(async () => {
-    const response = await lazyFetch(URL);
-    return response.data;
-});
-
-export const CallToActionField = connect()(({ renderWrappedInput, fields, dynamicDefaultLabel = true }) => {
-    const [source, setSource] = useState([]);
-    const [loading, setLoading] = useState(false);
-
-    useEffect(() => {
-        (async () => {
-            if (dynamicDefaultLabel) {
-                setLoading(true);
-                const defaultClient = await loadDefaultClient();
-                const defaultCTALabel = T(`callToActionDefault.${get(defaultClient, 'callToAction')}`);
-                setSource([
-                    {
-                        value: '',
-                        label: defaultCTALabel,
-                        id: defaultCTALabel,
-                        translate: false,
-                    },
-                    ...ctaFields,
-                ]);
-                setLoading(false);
-            } else {
-                setSource([
-                    {
-                        value: '',
-                        label: 'Default',
-                        id: 'Default',
-                    },
-                    ...ctaFields,
-                ]);
-            }
-        })();
-    }, []);
-
-    fields[0].calculateProps = () => ({
-        source,
-        sourceConfig,
-        shrinkLabel: true,
-    });
-    return (
-        <div style={{ position: 'relative' }}>
-            {loading && (
-                <CircularProgress
-                    size={24}
-                    style={{
-                        position: 'absolute',
-                        top: '50%',
-                        left: '50%',
-                        marginTop: -12,
-                        marginLeft: -12,
-                    }}
-                />
-            )}
-            {!loading && fields.map(renderWrappedInput)}
-        </div>
-    );
-});

package/src/Screens/Client/Components/PdfMarkdownField.js

@@ -1,128 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import ReactMde from 'react-mde';
-import * as Showdown from 'showdown';
-import 'react-mde/lib/styles/css/react-mde-all.css';
-import FormControlLabel from '../../../UIComponents/FormControlLabel';
-import { withStyles } from '@material-ui/core/styles';
-import debounce from 'lodash/debounce';
-
-const MARK_DOWN_FIELD_TRANSLATION_KEY = 'markDownField';
-
-import { use, t } from '../../../App/i18n';
-import ErrorWrapper from '../../../Components/FormFragments/ErrorWrapper';
-use(
-    {
-        en: {
-            [MARK_DOWN_FIELD_TRANSLATION_KEY]: {
-                write: 'Write',
-                preview: 'Preview',
-            },
-        },
-        de: {
-            [MARK_DOWN_FIELD_TRANSLATION_KEY]: {
-                write: 'Schreiben',
-                preview: 'Vorschau',
-            },
-        },
-    },
-    true
-);
-
-const converter = new Showdown.Converter({
-    tables: true,
-    simplifiedAutoLink: true,
-    openLinksInNewWindow: true,
-    simpleLineBreaks: true,
-});
-
-const toolbarCommands = [['bold', 'italic'], ['link'], ['unordered-list', 'ordered-list']];
-
-const StyledFormControlLabel = withStyles({
-    labelPlacementStart: {},
-    root: {
-        margin: 0,
-        alignItems: 'flex-start',
-        width: '100%',
-    },
-})(FormControlLabel);
-
-const StyledMde = withStyles({
-    reactMde: {
-        width: '100%',
-        border: 0,
-        marginBottom: 10,
-    },
-    toolbar: {
-        background: 'none',
-        border: 0,
-    },
-    textArea: {
-        border: '1px solid rgba(0, 0, 0, 0.2) !important',
-    },
-    preview: {
-        overflowX: 'auto',
-    },
-})(ReactMde);
-
-export const PdfMarkDownField = props => {
-    const [selectedTab, setSelectedTab] = useState('write');
-    const { value, error, onChange, label, classes, maxEditorHeight, name, htmlField, helperText } = props;
-    const [currentValue, setCurrentValue] = useState(value.text);
-    useEffect(() => {
-        setCurrentValue(value);
-    }, [value]);
-    const changeHandler = value => {
-        setCurrentValue(value);
-        onChange(htmlField, converter.makeHtml(value));
-        onChange(name, value);
-        setCurrentValue(value);
-    };
-    const translations = t(MARK_DOWN_FIELD_TRANSLATION_KEY);
-
-    return (
-        <ErrorWrapper error={error}>
-            <StyledFormControlLabel
-                label={label}
-                labelPlacement="top"
-                classes={classes}
-                control={
-                    <StyledMde
-                        maxEditorHeight={maxEditorHeight}
-                        value={currentValue}
-                        onChange={changeHandler}
-                        selectedTab={selectedTab}
-                        onTabChange={setSelectedTab}
-                        generateMarkdownPreview={markdown => Promise.resolve(converter.makeHtml(markdown))}
-                        childProps={{
-                            writeButton: {
-                                tabIndex: -1,
-                            },
-                        }}
-                        toolbarCommands={toolbarCommands}
-                        l18n={translations}
-                    />
-                }
-            />
-            {helperText && <span className="helper-text">{helperText}</span>}
-        </ErrorWrapper>
-    );
-};
-
-PdfMarkDownField.propTypes = {
-    value: PropTypes.string,
-    error: PropTypes.node,
-    onChange: PropTypes.func.isRequired,
-    label: PropTypes.node,
-    classes: PropTypes.object,
-    maxEditorHeight: PropTypes.number,
-    name: PropTypes.string,
-    htmlField: PropTypes.string,
-    helperText: PropTypes.string,
-};
-
-PdfMarkDownField.defaultProps = {
-    value: '',
-};
-
-export default PdfMarkDownField;

package/src/Screens/Creator/Components/ShowPreviewErrorDialog.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import Dialog from '../../../UIComponents/Dialog';
-import withStyles from '@material-ui/core/styles/withStyles';
-import FlatButton from '../../../UIComponents/FlatButton';
-import { T } from '../../../App/i18n';
-
-const styles = () => ({
-    paperRoot: {
-        minWidth: '450px',
-    },
-    dialogContentRoot: {
-        overflow: 'hidden',
-        display: 'flex',
-    },
-    dialogContentTextRoot: {
-        width: '100%',
-    },
-});
-
-const ShowPreviewErrorDialog = withStyles(styles)(
-    ({
-        classes,
-        dialogTitle,
-        open,
-        onClose,
-        children,
-    }) => {
-        return (
-                <Dialog
-                    title={dialogTitle}
-                    open={open}
-                    maxWidth="sm"
-                    classes={{
-                        dialogContentTextRoot: classes.dialog,
-                    }}
-                    actions={[
-                        <FlatButton label={T('Ok')} key="closeButton" primary={false} onClick={onClose} />,
-                    ]}
-                >
-                    {children}
-                </Dialog>
-        );
-    }
-);
-
-export default withStyles(styles)(ShowPreviewErrorDialog);