@arquimedes.co/eureka-forms 2.0.94 → 2.0.96

package/dist/FormSteps/MapperStep/MapperStep.d.ts

@@ -4,6 +4,7 @@ import { StepProps } from '../Step';
 import { MapperElement } from '../../@Types/MapperElement';
 interface CustomMapperElementModifiers<Type> {
     calcName?: (element: MapperElement<Type>) => string;
+    isDeleted?: (element: MapperElement<Type>) => boolean;
 }
 export interface MapperStepProps<Type> extends StepProps {
     /** The MapperStep to display */

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.js

@@ -10,32 +10,42 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
+import { useContext, useMemo } from 'react';
 import styles from './PillMapperElement.module.css';
 import DeleteRoundedIcon from '@material-ui/icons/DeleteRounded';
 import FormContext from '../../../../../Contexts/FormContext';
 import { useAppSelector } from '../../../../../hooks';
 function PillMapperElement(_a) {
-    var _b;
+    var _b, _c, _d;
     var step = _a.step, num = _a.num, loading = _a.loading, element = _a.element, children = _a.children, editable = _a.editable, handleDelete = _a.handleDelete, customElementModifiers = _a.customElementModifiers, customElementRender = _a.customElementRender;
     var deletable = (_b = step.deletable) !== null && _b !== void 0 ? _b : true;
     var size = useContext(FormContext).size;
-    var _c = useAppSelector(function (state) { return state.global; }), formStyle = _c.formStyle, postview = _c.postview;
+    var _e = useAppSelector(function (state) { return state.global; }), formStyle = _e.formStyle, postview = _e.postview;
     var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var calcName = (customElementModifiers !== null && customElementModifiers !== void 0 ? customElementModifiers : {}).calcName;
-    var name = calcName
-        ? calcName(element)
-        : step.unitLabel
-            ? step.unitLabel + ' ' + (num + 1)
-            : '';
+    var name = useMemo(function () {
+        return calcName
+            ? calcName(element)
+            : step.unitLabel
+                ? step.unitLabel + ' ' + (num + 1)
+                : '';
+    }, [calcName, element, num, step.unitLabel]);
+    var isDeleted = (_d = (_c = customElementModifiers === null || customElementModifiers === void 0 ? void 0 : customElementModifiers.isDeleted) === null || _c === void 0 ? void 0 : _c.call(customElementModifiers, element)) !== null && _d !== void 0 ? _d : false;
     var renderElement = function (renderElementButtons) {
         var _a, _b;
         return (_jsx("div", __assign({ className: widthStats.isMobile
                 ? styles.mobileContainer
-                : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
+                : styles.container, style: {
+                opacity: isDeleted ? 0.5 : 1,
+            } }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
                     width: (size.blockSize + size.spacingSize) *
                         ((_b = (_a = step.style) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : size.blockNum - 1),
-                } }, { children: [name && (_jsx("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: loading ? 'Cargando...' : name + ':' }))), _jsxs("div", __assign({ className: styles.btnsContainer }, { children: [renderElementButtons === null || renderElementButtons === void 0 ? void 0 : renderElementButtons(element), (deletable || !element.isOriginal) && (_jsx("div", __assign({ className: !editable || postview
+                } }, { children: [name && (_jsx("div", __assign({ className: styles.titleLbl, style: {
+                            color: formStyle.textColor,
+                            textDecoration: isDeleted
+                                ? 'line-through'
+                                : 'none',
+                        } }, { children: loading ? 'Cargando...' : name + ':' }))), _jsxs("div", __assign({ className: styles.btnsContainer }, { children: [renderElementButtons === null || renderElementButtons === void 0 ? void 0 : renderElementButtons(element), (deletable || !element.isOriginal) && (_jsx("div", __assign({ className: !editable || postview
                                     ? styles.disabledDeleteBtn
                                     : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
                                     if (editable && !postview) {

package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.js

@@ -50,7 +50,7 @@ function RatingStep(_a) {
     };
     return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: styles.container, style: {
                     paddingBottom: step.description || step.required ? 0 : 15,
-                } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') })), _jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { name: step.id, type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: value, onChange: onChange, inputRef: ref }) })), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
+                } }, { children: [_jsx("div", __assign({ className: styles.labelLabel }, { children: step.label + (step.required ? ' *' : '') })), _jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: value, onChange: onChange, inputRef: ref }) })), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
                             color: !!error && value === null
                                 ? (_d = formStyle.errorColor) !== null && _d !== void 0 ? _d : '#cc2936'
                                 : (_e = formStyle.descriptionTextColor) !== null && _e !== void 0 ? _e : '#989898',

package/dist/Shared/Rating/Rating.d.ts

@@ -2,7 +2,6 @@
 import { RatingTypes } from '../../constants/FormStepTypes';
 export interface RatingProps {
     disabled?: boolean;
-    name: string;
     isMobile?: boolean;
     value: any;
     onChange: (value: number | null) => void;

package/dist/Shared/Rating/Rating.stories.js

@@ -9,7 +9,6 @@ export default meta;
 export var ScaleRating = {
     args: {
         type: RatingTypes.SCALE,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
     },
@@ -17,7 +16,6 @@ export var ScaleRating = {
 export var ScaleRatingWidthValue = {
     args: {
         type: RatingTypes.SCALE,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
         value: 4,
@@ -26,7 +24,6 @@ export var ScaleRatingWidthValue = {
 export var LikeRating = {
     args: {
         type: RatingTypes.LIKE,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
     },
@@ -34,7 +31,6 @@ export var LikeRating = {
 export var LikeRatingWithValue = {
     args: {
         type: RatingTypes.LIKE,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
         value: 1,
@@ -43,7 +39,6 @@ export var LikeRatingWithValue = {
 export var SatisfactionRating = {
     args: {
         type: RatingTypes.SATISFACTION,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
     },
@@ -51,7 +46,6 @@ export var SatisfactionRating = {
 export var SatisfactionRatingWidthValue = {
     args: {
         type: RatingTypes.SATISFACTION,
-        name: 'Rating',
         focusColor: '#3d5a7f',
         unSelectedColor: '#d8d8d8',
         value: 3,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "2.0.94",
+    "version": "2.0.96",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -120,5 +120,5 @@
             "\\.(scss|sass|css)$": "identity-obj-proxy"
         }
     },
-    "proxy": "https://api.forms.eureka-test.click"
+    "proxy": "https://api.forms.capta.co"
 }