@arquimedes.co/eureka-forms 2.0.32 → 2.0.34-test

package/dist/FormSteps/StepHooks.js

@@ -1,143 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { useCallback, useContext, useEffect, useState } from 'react';
-import { useAppSelector, useAppDispatch } from '../hooks';
-import { clearDependency, setStepDependency, } from '../States/SiteSlice';
-import { createSelector } from '@reduxjs/toolkit';
-import { calcDefaultValue } from './StepFunctions';
-import { useController, } from 'react-hook-form';
-import { SizeChangeContext } from './Utils/@StepFiller/StepFiller';
-var selectIsDependency = createSelector([
-    function (state) { return state.site.dependencies; },
-    function (state, step) { return step; },
-], function (dependencies, step) {
-    return dependencies[step.id] !== undefined;
-});
-export var selectOriginalValue = createSelector([
-    function (state) { return state.site.values; },
-    function (state, step) { return step; },
-], function (values, step) { var _a; return (_a = values.sections[step.idSection]) === null || _a === void 0 ? void 0 : _a[step.id]; });
-export var useStepDependency = function (step, defaultValue) {
-    var _a;
-    var isDependency = useAppSelector(function (state) {
-        return selectIsDependency(state, step);
-    });
-    var originalValue = useAppSelector(function (state) {
-        return selectOriginalValue(state, step);
-    });
-    var dispatch = useAppDispatch();
-    useEffect(function () {
-        if (isDependency && !originalValue && defaultValue) {
-            dispatch(setStepDependency({
-                step: step,
-                value: defaultValue,
-            }));
-        }
-        return function () {
-            dispatch(clearDependency(step));
-        };
-    }, [isDependency]);
-    var handleStepDep = useCallback(function (value) {
-        if (!isDependency)
-            return;
-        dispatch(setStepDependency({
-            step: step,
-            value: value !== null && value !== void 0 ? value : null,
-        }));
-    }, [step.id, step.type, isDependency]);
-    return {
-        handleStepDep: handleStepDep,
-        isDependency: isDependency,
-        originalValue: (_a = originalValue !== null && originalValue !== void 0 ? originalValue : defaultValue) !== null && _a !== void 0 ? _a : calcDefaultValue(step),
-    };
-};
-export var selectDependencies = createSelector([
-    function (state) { return state.site.dependencies; },
-    function (state, step) { return step; },
-    function (state, step, form) { return form; },
-], function (dependencies, step, form) {
-    var invalids = [];
-    var emptyDep = false;
-    /** Show deep error changes even if not in dependencies */
-    for (var _i = 0, _a = calcDeepDependencies(step.id, form); _i < _a.length; _i++) {
-        var idDep = _a[_i];
-        var dependency = dependencies[idDep];
-        if ((dependency === null || dependency === void 0 ? void 0 : dependency.value) === null && form.steps[idDep]) {
-            invalids.push(idDep);
-        }
-        if (dependency === null || dependency === void 0 ? void 0 : dependency.empty)
-            emptyDep = true;
-    }
-    return { invalids: invalids, emptyDep: emptyDep };
-});
-var calcDeepDependencies = function (idStep, form, deps) {
-    if (deps === void 0) { deps = []; }
-    var step = form.steps[idStep];
-    if (step === null || step === void 0 ? void 0 : step.dependencies) {
-        for (var _i = 0, _a = step.dependencies; _i < _a.length; _i++) {
-            var dep = _a[_i];
-            if (!deps.includes(dep)) {
-                deps.push.apply(deps, __spreadArray(__spreadArray([], calcDeepDependencies(dep, form, deps), false), [dep], false));
-            }
-        }
-    }
-    return deps;
-};
-export var useFormStep = function (step, _a) {
-    var rules = _a.rules, debounce = _a.debounce, sizeChange = _a.sizeChange, defaultValue = _a.defaultValue;
-    var _b = useState(), timer = _b[0], setTimer = _b[1];
-    var _c = useStepDependency(step, defaultValue), isDependency = _c.isDependency, handleStepDep = _c.handleStepDep, originalValue = _c.originalValue;
-    var _d = useController({
-        name: step.id,
-        rules: rules,
-        shouldUnregister: true,
-        defaultValue: originalValue,
-    }), _e = _d.field, ref = _e.ref, value = _e.value, fieldOnChange = _e.onChange, field = __rest(_e, ["ref", "value", "onChange"]), error = _d.fieldState.error;
-    var handleSizeChange = useContext(SizeChangeContext);
-    var onChange = useCallback(function (value) {
-        if (isDependency) {
-            if (debounce) {
-                try {
-                    clearTimeout(timer);
-                    // eslint-disable-next-line no-empty
-                }
-                catch (e) { }
-                setTimer(setTimeout(function () {
-                    handleStepDep(value);
-                    setTimer(undefined);
-                }, 1000));
-            }
-            else {
-                handleStepDep(value);
-            }
-        }
-        fieldOnChange(value);
-        if (sizeChange)
-            handleSizeChange === null || handleSizeChange === void 0 ? void 0 : handleSizeChange();
-    }, [handleStepDep, isDependency, fieldOnChange]);
-    return {
-        ref: ref,
-        value: value,
-        onChange: onChange,
-        error: error,
-        field: field,
-    };
-};

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js

@@ -1,150 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import styles from './MaterialTextAreaStep.module.css';
-import { useController } from 'react-hook-form';
-import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if step has editor
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
-import './DraftEditor.css';
-import { useCallback, useState } from 'react';
-import { ClickAwayListener } from '@material-ui/core';
-import { useAppSelector } from '../../../hooks';
-import { useStepDependency } from '../../StepHooks';
-import { EditorState, convertFromRaw } from 'draft-js';
-import { getRawText } from '../../../Utils/DraftFunctions';
-function TextAreaStep(_a) {
-    var _b;
-    var step = _a.step, editable = _a.editable;
-    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
-    var _d = useState(false), hovering = _d[0], setHovering = _d[1];
-    var _e = useState(false), focus = _e[0], setFocus = _e[1];
-    var _f = useState(), timer = _f[0], setTimer = _f[1];
-    var _g = useStepDependency(step, getRawText()), handleStepDep = _g.handleStepDep, originalValue = _g.originalValue, isDependency = _g.isDependency;
-    var _h = useController({
-        name: step.id,
-        shouldUnregister: true,
-        rules: step.required
-            ? {
-                validate: function (editorState) {
-                    return editorState.getCurrentContent().hasText();
-                },
-            }
-            : {},
-        defaultValue: EditorState.createWithContent(convertFromRaw(originalValue)),
-    }), _j = _h.field, ref = _j.ref, onChange = _j.onChange, field = __rest(_j, ["ref", "onChange"]), error = _h.fieldState.error;
-    var handleChange = useCallback(function (value) {
-        if (isDependency) {
-            try {
-                clearTimeout(timer);
-                // eslint-disable-next-line no-empty
-            }
-            catch (e) { }
-            setTimer(setTimeout(function () {
-                handleStepDep(value.getCurrentContent().getPlainText());
-                setTimer(undefined);
-            }, 1000));
-        }
-        onChange(value);
-    }, [handleStepDep, isDependency, onChange]);
-    var calcStyle = function () {
-        var backgroundColor = formStyle.stepBackgroundColor;
-        if (focus) {
-            return {
-                border: '2px solid ' + formStyle.primaryColor,
-                marginTop: -1,
-                marginLeft: -1,
-                marginBottom: 0,
-                backgroundColor: backgroundColor,
-            };
-        }
-        else if (hovering) {
-            return {
-                border: '1px solid ' + formStyle.primaryColor,
-                backgroundColor: backgroundColor,
-            };
-        }
-        else {
-            return {
-                border: '1px solid ' + formStyle.outlineColor,
-                backgroundColor: backgroundColor,
-            };
-        }
-    };
-    var canEdit = editable && !postview;
-    var value = field.value;
-    var editorClassName = styles.editor;
-    if (!value.getCurrentContent().hasText()) {
-        if (value.getCurrentContent().getBlockMap().first().getType() !==
-            'unstyled') {
-            editorClassName += ' RichEditor-hidePlaceholder';
-        }
-    }
-    if (!canEdit) {
-        editorClassName += ' postview-editor';
-    }
-    return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
-            '--eureka-outline': formStyle.outlineColor,
-            '--eureka-primary': formStyle.primaryColor,
-        } }, { children: [step.label && (_jsxs("div", __assign({ className: styles.textEditorLabel, style: {
-                    color: error
-                        ? formStyle.errorColor
-                        : formStyle.textColor,
-                } }, { children: [step.label, " ", step.required ? ' *' : ''] }))), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
-                    if (canEdit) {
-                        setFocus(false);
-                    }
-                } }, { children: _jsx("div", __assign({ className: postview
-                        ? styles.postViewContainer + ' EF-DraftContainer'
-                        : styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: function () {
-                        if (canEdit) {
-                            setHovering(true);
-                        }
-                    }, onMouseLeave: function () {
-                        if (canEdit) {
-                            setHovering(false);
-                        }
-                    }, onClick: function () {
-                        if (canEdit) {
-                            setFocus(true);
-                        }
-                    }, "data-testid": step.id }, { children: _jsx(Editor, __assign({}, field, { editorRef: ref, onFocus: function () {
-                            setFocus(true);
-                        }, readOnly: !canEdit, stripPastedStyles: true, onEditorStateChange: handleChange, toolbarClassName: !canEdit ? ' postview-editor-toolbar' : '', editorState: value, editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
-                            options: ['inline', 'list', 'history'],
-                            inline: {
-                                options: [
-                                    'bold',
-                                    'italic',
-                                    'underline',
-                                    'strikethrough',
-                                ],
-                            },
-                            list: {
-                                options: ['unordered'],
-                            },
-                        } })) })) })), _jsx("div", __assign({ className: styles.errorMsg, style: {
-                    color: formStyle.errorColor,
-                    height: !postview && editable ? '0.75rem' : 0,
-                } }, { children: !!error && 'Este campo es obligatorio' }))] })));
-}
-export default TextAreaStep;

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -1,38 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
-import styles from './MaterialTextAreaStep.module.css';
-import { useAppSelector } from '../../../hooks';
-import { useFormStep } from '../../StepHooks';
-function TextAreaStep(_a) {
-    var _b, _c;
-    var step = _a.step, editable = _a.editable, maxLength = _a.maxLength;
-    var _d = useAppSelector(function (state) { return state.global; }), formStyle = _d.formStyle, postview = _d.postview, partial = _d.partial;
-    var _e = useFormStep(step, {
-        debounce: true,
-        defaultValue: '',
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-        },
-    }), ref = _e.ref, value = _e.value, onChange = _e.onChange, error = _e.error, field = _e.field;
-    var canEdit = editable && !postview;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
-            paddingBottom: step.required || step.description || !!error
-                ? '0px'
-                : '5px',
-        } }, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { inputRef: ref, value: value, onChange: function (e) { return onChange(e.target.value); }, "data-testid": step.id, maxLength: maxLength, label: step.label, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: (_c = (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description) !== null && _c !== void 0 ? _c : (step.required ? ' ' : null), error: !!error })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
-                            backgroundColor: formStyle.stepBackgroundColor,
-                            borderColor: formStyle.outlineColor,
-                        } }, { children: value }))] })))] })));
-}
-export default TextAreaStep;

package/dist/FormSteps/TextAreaStep/TextAreaStep.js

@@ -1,29 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAppSelector } from '../../hooks';
-import { FormStyleTypes } from '../../constants/FormStepTypes';
-import MaterialTextAreaStep from './MaterialTextAreaStep/MaterialTextAreaStep';
-import MaterialTextAreaEditorStep from './MaterialTextAreaStep/MaterialTextAreaEditorStep';
-function TextAreaStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            if (props.step.hasTextEditor)
-                return _jsx(MaterialTextAreaEditorStep, __assign({}, props));
-            else
-                return _jsx(MaterialTextAreaStep, __assign({}, props));
-        }
-    }
-}
-export default TextAreaStep;

package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -1,52 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import RoundedTextField from '../../../Shared/RoundedTextField/RoundedTextField';
-import styles from './MaterialTextInputStep.module.css';
-import { calcStepWidth } from '../../StepFunctions';
-import { useContext } from 'react';
-import FormContext from '../../../Contexts/FormContext';
-import { selectBreakPoint, useAppSelector } from '../../../hooks';
-import { useFormStep } from '../../StepHooks';
-function TextInputStep(_a) {
-    var _b;
-    var icon = _a.icon, step = _a.step, editable = _a.editable, maxLength = _a.maxLength, defaultValue = _a.defaultValue, _c = _a.validation, validation = _c === void 0 ? step.validation : _c;
-    var currentBreakPoint = useAppSelector(selectBreakPoint);
-    var _d = useAppSelector(function (state) { return state.global; }), formStyle = _d.formStyle, postview = _d.postview;
-    var form = useContext(FormContext);
-    var _e = useFormStep(step, {
-        defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : '',
-        debounce: true,
-        rules: {
-            required: step.required ? 'Este campo es obligatorio' : undefined,
-            pattern: validation
-                ? {
-                    value: new RegExp(validation.type === 'EMAIL'
-                        ? // eslint-disable-next-line no-control-regex
-                            /^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/
-                        : validation.value),
-                    message: validation.message,
-                }
-                : undefined,
-        },
-    }), ref = _e.ref, value = _e.value, onChange = _e.onChange, error = _e.error, field = _e.field;
-    return (_jsx("div", __assign({ className: styles.container, style: {
-            width: currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form.size),
-            minHeight: step.description ||
-                (!postview && editable && (step.required || validation))
-                ? '55px'
-                : '43px',
-        } }, { children: _jsx(RoundedTextField, __assign({}, field, { inputRef: ref, value: value, onChange: function (e) { return onChange(e.target.value); }, maxLength: maxLength, "data-testid": step.id, label: step.label, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!error, icon: step.showIcon ? icon : undefined })) })));
-}
-export default TextInputStep;

package/dist/FormSteps/TextInputStep/TextInputStep.js

@@ -1,25 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../constants/FormStepTypes';
-import MaterialTextInputStep from './MaterialTextInputStep/MaterialTextInputStep';
-import { useAppSelector } from '../../hooks';
-function TextInputStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialTextInputStep, __assign({}, props));
-        }
-    }
-}
-export default TextInputStep;

package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { calcStepWidth } from '../../StepFunctions';
-import styles from './MaterialTitleStep.module.css';
-import { useAppSelector } from '../../../hooks';
-import FormContext from '../../../Contexts/FormContext';
-import { useContext } from 'react';
-import { useFormStep } from '../../StepHooks';
-function TitleStep(_a) {
-    var _b, _c, _d;
-    var step = _a.step;
-    var value = useFormStep(step, {
-        defaultValue: undefined,
-    }).value;
-    var title = (_b = value === null || value === void 0 ? void 0 : value.title) !== null && _b !== void 0 ? _b : step.title;
-    var description = (_c = value === null || value === void 0 ? void 0 : value.description) !== null && _c !== void 0 ? _c : step.description;
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    var form = useContext(FormContext);
-    var widthStats = useAppSelector(function (state) { return state.widthStats; });
-    var size = (_d = step.size) !== null && _d !== void 0 ? _d : form.size.blockNum;
-    return (_jsxs("div", __assign({ className: styles.container, style: {
-            color: formStyle.textColor,
-            width: widthStats.currentBreakPoint <= size
-                ? '100%'
-                : calcStepWidth(size, form.size),
-        } }, { children: [title && (_jsx("div", __assign({ className: styles.titleLbl, style: {
-                    textAlign: widthStats.isMobile &&
-                        widthStats.currentBreakPoint <= size
-                        ? 'center'
-                        : 'start',
-                } }, { children: title }))), description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
-                    margin: title ? '10px 0px' : '0px 0px 5px 0px',
-                } }, { children: description })))] })));
-}
-export default TitleStep;

package/dist/FormSteps/TitleStep/TitleStep.js

@@ -1,25 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../constants/FormStepTypes';
-import MaterialTitleStep from './MaterialTitleStep/MaterialTitleStep';
-import { useAppSelector } from '../../hooks';
-function TitleStep(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-        default: {
-            return _jsx(MaterialTitleStep, __assign({}, props));
-        }
-    }
-}
-export default TitleStep;

package/dist/FormSteps/Utils/@StepFiller/StepFiller.js

@@ -1,48 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useState } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { calcFillerSize } from '../../StepFunctions';
-import FormContext from '../../../Contexts/FormContext';
-import styles from './StepFiller.module.css';
-import { selectBreakPoint, useAppSelector } from '../../../hooks';
-export var SizeChangeContext = createContext(undefined);
-function StepFiller(_a) {
-    var step = _a.step, children = _a.children;
-    var getValues = useFormContext().getValues;
-    var form = useContext(FormContext);
-    var _b = useState(calcFillerSize(step, form.steps, getValues(), form.size)), fillerSize = _b[0], setFillerSize = _b[1];
-    var currentBreakPoint = useAppSelector(selectBreakPoint);
-    var handleSizeChange = useCallback(function () {
-        setFillerSize(calcFillerSize(step, form.steps, getValues(), form.size));
-    }, []);
-    if (step.maxSize && step.maxSize < form.size.blockNum) {
-        return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
-                width: currentBreakPoint <= step.size ? '100%' : 'fit-content',
-            } }, { children: [_jsx(SizeChangeContext.Provider, __assign({ value: handleSizeChange }, { children: children })), _jsx("div", { className: styles.smallSeparator, style: {
-                        width: fillerSize,
-                    } })] })));
-    }
-    else {
-        return (_jsxs(SizeChangeContext.Provider, __assign({ value: handleSizeChange }, { children: [children, step.maxSize && _jsx("div", { className: styles.separator })] })));
-    }
-}
-function StepFillerContainer(_a) {
-    var step = _a.step, children = _a.children;
-    var handleSizeChange = useContext(SizeChangeContext);
-    if (handleSizeChange)
-        return _jsx(_Fragment, { children: children });
-    else
-        return _jsx(StepFiller, { step: step, children: children });
-}
-export default StepFillerContainer;

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.js

@@ -1,32 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import FormContext from '../../../Contexts/FormContext';
-import { useAppSelector, selectBreakPoint } from '../../../hooks';
-import { calcStepWidth } from '../../StepFunctions';
-import styles from './MaterialInputContainer.module.css';
-function MaterialInputContainer(_a) {
-    var step = _a.step, editable = _a.editable, children = _a.children, onClick = _a.onClick;
-    var form = useContext(FormContext);
-    var currentBreakPoint = useAppSelector(selectBreakPoint);
-    var postview = useAppSelector(function (state) { return state.global.postview; });
-    return (_jsx("div", __assign({ className: styles.container, style: {
-            width: currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form.size),
-            minHeight: step.description || (!postview && editable && step.required)
-                ? '55px'
-                : '43px',
-        }, onClick: onClick, "data-testid": step.id }, { children: children })));
-}
-export default MaterialInputContainer;

package/dist/Icons/Construction/LeakIcon.js

@@ -1,17 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function LeakIcon(props) {
-    var _a;
-    return (_jsxs("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', height: "512pt", viewBox: "0 -86 512.00056 512", width: "512pt", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m203.484375 196.359375c2.402344 0 4.753906-.867187 6.601563-2.492187l26.621093-23.394532c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-9.21875-27.257812 21.613281-18.996094c3.03125-2.664062 4.164063-6.890625 2.871094-10.714844l-11.359375-33.570312c-1.070313-3.167969-3.652344-5.589844-6.882813-6.457031l-57.925781-15.519531c-5.335937-1.433594-10.816406 1.734374-12.246093 7.070312-1.429688 5.335938 1.734374 10.820312 7.070312 12.25l52.753906 14.132812 7.507813 22.1875-21.613281 18.996094c-3.03125 2.664063-4.164063 6.890625-2.871094 10.714844l9.21875 27.257812-17.59375 15.460938-130.027344-34.839844 30.992188-115.667968c.6875-2.5625.328124-5.292969-.996094-7.589844-1.328125-2.296875-3.511719-3.972656-6.074219-4.660156l-45.574219-12.210938c-5.332031-1.429688-10.816406 1.734375-12.246094 7.070312l-36.636718 136.722657c-.6875 2.5625-.324219 5.292969 1 7.589843 1.324218 2.292969 3.511718 3.972657 6.070312 4.65625l45.574219 12.210938c.867187.234375 1.738281.34375 2.597656.34375 4.414063 0 8.453125-2.945312 9.652344-7.414062l.464844-1.734376 135.199219 36.226563c.851562.230469 1.722656.34375 2.585937.34375zm-181.238281-56.703125 31.460937-117.40625 26.253907 7.035156-31.457032 117.40625zm0 0" }), _jsx("path", { d: "m511.660156 144.136719-36.636718-136.722657c-1.429688-5.332031-6.910157-8.5-12.246094-7.070312l-45.574219 12.210938c-2.5625.6875-4.746094 2.363281-6.070313 4.660156-1.328124 2.296875-1.6875 5.023437-1 7.585937l.464844 1.734375-135.199218 36.226563c-3.28125.878906-5.894532 3.367187-6.933594 6.605469-1.039063 3.238281-.363282 6.777343 1.796875 9.40625l19.121093 23.265624-5.867187 25.070313c-.796875 3.40625.242187 6.980469 2.738281 9.425781l19.386719 18.988282-6.847656 28.496093c-.824219 3.429688.21875 7.039063 2.742187 9.5 1.894532 1.84375 4.40625 2.839844 6.980469 2.839844.863281 0 1.730469-.113281 2.585937-.34375l57.925782-15.519531c5.335937-1.429688 8.5-6.914063 7.070312-12.25-1.429687-5.332032-6.914062-8.5-12.246094-7.070313l-41.683593 11.171875 4.246093-17.664062c.820313-3.421875-.214843-7.023438-2.726562-9.484375l-19.417969-19.015625 5.714844-24.398438c.710937-3.035156-.035156-6.222656-2.011719-8.628906l-12.40625-15.09375 120.207032-32.207031 30.992187 115.667969c1.199219 4.46875 5.238281 7.414062 9.65625 7.414062.855469 0 1.726563-.109375 2.59375-.339844l45.574219-12.210937c2.5625-.6875 4.746094-2.363281 6.070312-4.660157 1.328125-2.296874 1.6875-5.027343 1-7.589843zm-48.160156 2.554687-30.996094-115.667968s0 0 0-.003907v-.003906l-.464844-1.730469 26.257813-7.035156 31.457031 117.40625zm0 0" }), _jsx("path", { d: "m263.386719 203.265625c-1.894531-2.078125-4.574219-3.261719-7.386719-3.261719-2.808594 0-5.492188 1.183594-7.386719 3.261719-.78125.855469-1.640625 1.789063-2.570312 2.792969-14.488281 15.730468-44.640625 48.457031-44.640625 79.34375 0 30.105468 24.492187 54.601562 54.597656 54.601562s54.597656-24.496094 54.597656-54.601562c0-30.886719-30.148437-63.613282-44.640625-79.339844-.925781-1.007812-1.789062-1.941406-2.570312-2.796875zm-7.386719 116.738281c-19.078125 0-34.597656-15.523437-34.597656-34.601562 0-20.492188 20.960937-45.539063 34.597656-60.601563 13.636719 15.0625 34.597656 40.109375 34.597656 60.601563 0 19.078125-15.519531 34.601562-34.597656 34.601562zm0 0" }), _jsx("path", { d: "m129.878906 54.871094c.917969.261718 1.839844.386718 2.75.386718 4.351563 0 8.355469-2.863281 9.609375-7.253906 1.519531-5.3125-1.554687-10.847656-6.867187-12.363281h-.007813c-5.308593-1.519531-10.839843 1.554687-12.359375 6.867187-1.515625 5.308594 1.5625 10.847657 6.875 12.363282zm0 0" }), _jsx("path", { d: "m407.335938 149.527344-.007813.003906c-5.335937 1.421875-8.507813 6.898438-7.082031 12.238281 1.191406 4.472657 5.238281 7.421875 9.65625 7.421875.855468 0 1.722656-.109375 2.585937-.339844 5.335938-1.421874 8.507813-6.902343 7.085938-12.238281-1.425781-5.335937-6.90625-8.511719-12.238281-7.085937zm0 0" })] })));
-}
-export default LeakIcon;

package/dist/Icons/Construction/ProjectIcon.js

@@ -1,17 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-function ProjectIcon(props) {
-    var _a;
-    return (_jsx("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }) })));
-}
-export default ProjectIcon;