@arquimedes.co/eureka-forms 3.0.33-test → 3.0.33

package/dist/Shared/RoundedTextField/RoundedTextField.stories.js

@@ -0,0 +1,224 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useArgs } from '@storybook/preview-api';
+import RoundedTextField from './RoundedTextField';
+import { within, userEvent } from '@storybook/testing-library';
+var meta = {
+    component: RoundedTextField,
+    tags: ['autodocs'],
+    args: {
+        focusColor: '#3d5a7f',
+        helperTextColor: '#989898',
+        outlineColor: '#0000003b',
+        backgroundColor: 'white',
+        textColor: '#293241',
+        readOnly: false,
+        borderRadius: 10,
+        padding: '6px 12px',
+        fontSize: '1rem',
+        errorColor: '#cc2936',
+        fontWeight: '300',
+        multiline: false,
+        cantEdit: false,
+    },
+};
+export default meta;
+export var Empty = {
+    args: {},
+};
+export var EmptyLabel = {
+    args: {
+        label: 'Label',
+    },
+};
+export var Default = {
+    args: {
+        label: 'Label',
+    },
+    play: function (_a) {
+        var canvasElement = _a.canvasElement;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var canvas, emailInput;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        canvas = within(canvasElement);
+                        emailInput = canvas.getByRole('textbox');
+                        return [4 /*yield*/, userEvent.click(emailInput)];
+                    case 1:
+                        _b.sent();
+                        return [4 /*yield*/, userEvent.type(emailInput, 'example-email@email.com', {
+                                delay: 100,
+                            })];
+                    case 2:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    },
+    render: function Component(args) {
+        var _a = useArgs(), setArgs = _a[1];
+        var onValueChange = function (event) {
+            var _a;
+            var value = event.target.value;
+            (_a = args.onChange) === null || _a === void 0 ? void 0 : _a.call(args, event);
+            setArgs({ value: value });
+        };
+        return (_jsx(RoundedTextField, __assign({}, args, { ref: undefined, onChange: onValueChange })));
+    },
+};
+export var Focused = {
+    args: {
+        label: 'Label',
+    },
+    play: function (_a) {
+        var canvasElement = _a.canvasElement;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var canvas, emailInput;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        canvas = within(canvasElement);
+                        emailInput = canvas.getByRole('textbox');
+                        return [4 /*yield*/, userEvent.click(emailInput)];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    },
+};
+export var FocusedNoLabel = {
+    args: {},
+    play: function (_a) {
+        var canvasElement = _a.canvasElement;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var canvas, emailInput;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        canvas = within(canvasElement);
+                        emailInput = canvas.getByRole('textbox');
+                        return [4 /*yield*/, userEvent.click(emailInput)];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    },
+};
+export var WithValue = {
+    args: {
+        value: 'Textinput Value',
+    },
+};
+export var Multiline = {
+    args: {
+        value: 'TextArea Value',
+        multiline: true,
+        minRows: 4,
+    },
+};
+export var WithHelperText = {
+    args: {
+        helperText: 'Helper text',
+    },
+};
+export var WithValueandLabel = {
+    args: {
+        label: 'Label',
+        value: 'Textinput Value',
+    },
+};
+export var WithMaxLength = {
+    args: {
+        value: 'Value',
+        maxLength: 10,
+    },
+};
+export var Full = {
+    args: {
+        label: 'Label',
+        value: 'Value',
+        helperText: 'Helper text',
+        maxLength: 10,
+    },
+};
+export var Error = {
+    args: {
+        label: 'Label',
+        value: 'Value',
+        helperText: 'Helper text',
+        error: true,
+    },
+};
+export var ErrorColor = {
+    args: {
+        label: 'Label',
+        value: 'Value',
+        helperText: 'Helper text',
+        error: true,
+        errorColor: 'blue',
+    },
+};
+export var DifferentColors = {
+    args: {
+        label: 'Label',
+        value: 'Value',
+        helperText: 'Helper text',
+        maxLength: 10,
+        helperTextColor: 'green',
+        outlineColor: 'purple',
+        backgroundColor: 'red',
+        textColor: 'blue',
+    },
+};

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { SelectProps } from '@material-ui/core/Select';
+import { SelectorStyleProps } from '../RoundedSelect/RoundedSelect';
+import { Time } from '../../@Types/Time';
+interface RoundedTimePickerProps extends Omit<SelectProps, 'color' | 'onChange'>, SelectorStyleProps {
+    /** Currently selected value */
+    value: Time | undefined;
+    /** function called when value changes */
+    onChange?: (time: Time) => void;
+    /** Strig to place in the label */
+    label: string;
+    /** Minimum width in px of the component */
+    minWidth?: number;
+    /** The helper Text to display */
+    helperText?: string | null;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** If outline should be error color */
+    highlightError?: boolean;
+    /** the margin around the selector */
+    containerMargin?: string;
+    /** The icon to display */
+    iconComponent?: any;
+    pickDays?: boolean;
+    minDays?: number;
+    maxDays?: number;
+    pickHours?: boolean;
+    minHours?: number;
+    maxHours?: number;
+    pickMinutes?: boolean;
+    minMinutes?: number;
+    maxMinutes?: number;
+    working?: boolean;
+}
+/**
+ * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library
+ */
+declare class RoundedTimePicker extends React.Component<RoundedTimePickerProps> {
+    render(): JSX.Element;
+}
+export default RoundedTimePicker;

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js

@@ -0,0 +1,314 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import InputLabel from '@material-ui/core/InputLabel';
+import FormControl from '@material-ui/core/FormControl';
+import OutlinedInput from '@material-ui/core/OutlinedInput';
+import Select from '@material-ui/core/Select';
+import { ClickAwayListener, FormHelperText, MenuItem, Popper, } from '@material-ui/core';
+import ScheduleRoundedIcon from '@material-ui/icons/ScheduleRounded';
+import styles from './RoundedTimePicker.module.css';
+import RoundedTextField from '../RoundedTextField/RoundedTextField';
+import Toggle from '../Toggle/Toggle';
+var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+    },
+    formControl: {
+        margin: theme.spacing(1),
+        minWidth: 120,
+    },
+    selectEmpty: {
+        marginTop: theme.spacing(2),
+    },
+}); });
+var useOutlinedInputStyles = function (props) {
+    var _a;
+    return makeStyles({
+        root: {
+            cursor: props.cantEdit ? 'default' : 'default',
+            height: props.height,
+            borderRadius: props.borderRadius,
+            backgroundColor: props.backgroundColor,
+            fontSize: props.fontSize,
+            '& $notchedOutline': {
+                borderColor: props.outlineColor,
+                '& legend': {
+                    fontSize: 'calc(' + props.fontSize + ' * 0.75)',
+                },
+            },
+            '&:hover $notchedOutline': {
+                borderColor: props.cantEdit
+                    ? props.outlineColor
+                    : props.focusColor,
+            },
+            '& .Mui-disabled': {
+                cursor: 'default',
+                color: props.color,
+                pointerEvents: 'none',
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '&.Mui-disabled .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '& .EF-MuiSelect-root': {
+                paddingLeft: props.paddingLeft,
+                paddingRight: props.paddingRight,
+            },
+            '&$focused $notchedOutline': {
+                borderColor: props.focusColor,
+            },
+            '& .EF-MuiSelect-icon': {
+                color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                    ? props.color + '8a'
+                    : props.color,
+            },
+            '& .EF-MuiSelect-icon.Mui-disabled': {
+                color: props.outlineColor,
+            },
+            '& .EF-MuiSelect-icon.iconOutlined': {
+                right: 8,
+            },
+            '& .EF-MuiSelect-iconOpen': {
+                transform: props.showIcon ? 'none' : 'rotate(180deg)',
+            },
+            color: props.color,
+        },
+        focused: {},
+        notchedOutline: {},
+    });
+};
+var useLabelInputStyles = function (props) {
+    return makeStyles(function () {
+        var _a;
+        return ({
+            focused: {
+                color: props.focusColor + ' !important',
+            },
+            root: {
+                color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
+                    ? props.color + '8a'
+                    : props.color,
+                fontWeight: props.fontWeight,
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                maxWidth: 'calc(100% - 45px)',
+                textOverflow: 'ellipsis',
+                marginTop: props.height != '40px' ? '-4px' : '0px',
+                '&.EF-MuiInputLabel-shrink': {
+                    marginTop: '0px',
+                    maxWidth: 'calc(100% - 5px)',
+                },
+                '& .Mui-error': {
+                    color: props.errorColor,
+                },
+                '&.Mui-error': {
+                    color: props.errorColor,
+                },
+            },
+        });
+    });
+};
+var useHelperTextStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            color: props.helperTextColor,
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+var useMenuStyles = function () {
+    return makeStyles(function () { return ({
+        root: {
+            '& .EF-MuiPaper-root': {
+                opacity: '0 !important',
+            },
+        },
+    }); });
+};
+function CustomSelect(_a) {
+    var _b, _c, _d;
+    var value = _a.value, onChange = _a.onChange, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.outlineColor, outlineColor = _h === void 0 ? '#0000003b' : _h, _j = _a.helperTextColor, helperTextColor = _j === void 0 ? '#989898' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.readOnly, readOnly = _l === void 0 ? false : _l, _m = _a.borderRadius, borderRadius = _m === void 0 ? 10 : _m, _o = _a.paddingLeft, paddingLeft = _o === void 0 ? 14 : _o, _p = _a.paddingRight, paddingRight = _p === void 0 ? 32 : _p, _q = _a.cantEdit, cantEdit = _q === void 0 ? false : _q, _r = _a.containerMargin, containerMargin = _r === void 0 ? '8px' : _r, _s = _a.height, height = _s === void 0 ? '40px' : _s, _t = _a.fontSize, fontSize = _t === void 0 ? '1rem' : _t, required = _a.required, error = _a.error, pickDays = _a.pickDays, _u = _a.minDays, minDays = _u === void 0 ? 0 : _u, maxDays = _a.maxDays, pickHours = _a.pickHours, _v = _a.minHours, minHours = _v === void 0 ? 0 : _v, maxHours = _a.maxHours, pickMinutes = _a.pickMinutes, _w = _a.minMinutes, minMinutes = _w === void 0 ? 0 : _w, maxMinutes = _a.maxMinutes, working = _a.working, others = __rest(_a, ["value", "onChange", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "paddingLeft", "paddingRight", "cantEdit", "containerMargin", "height", "fontSize", "required", "error", "pickDays", "minDays", "maxDays", "pickHours", "minHours", "maxHours", "pickMinutes", "minMinutes", "maxMinutes", "working"]);
+    var StyleProps = {
+        color: color,
+        height: height,
+        readOnly: readOnly,
+        fontSize: fontSize,
+        cantEdit: cantEdit,
+        errorColor: errorColor,
+        focusColor: focusColor,
+        paddingLeft: paddingLeft,
+        paddingRight: paddingRight,
+        outlineColor: outlineColor,
+        borderRadius: borderRadius,
+        helperTextColor: helperTextColor,
+        backgroundColor: backgroundColor,
+        showIcon: true,
+    };
+    var classes = useStyles();
+    var outlinedInputClasses = useOutlinedInputStyles(StyleProps)();
+    var labelClasses = useLabelInputStyles(StyleProps)();
+    var helperTextClasses = useHelperTextStyles(StyleProps)();
+    var menuClasses = useMenuStyles()();
+    var _x = useState(false), open = _x[0], setOpen = _x[1];
+    var ref = React.useRef(null);
+    var handleChange = useCallback(function (value) {
+        var time = __assign({}, value);
+        if (time.days === 0) {
+            delete time.days;
+        }
+        if (value.hours === 0) {
+            delete time.hours;
+        }
+        if (time.minutes === 0) {
+            delete time.minutes;
+        }
+        if (working !== undefined) {
+            time.working = working;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(time);
+    }, []);
+    var calcLabel = function () {
+        var parts = [label];
+        if (working === true)
+            parts.push('(Hábil)');
+        if (required)
+            parts.push('*');
+        return parts.join(' ');
+    };
+    return (_jsxs(React.Fragment, { children: [open && (_jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () { return setOpen(false); } }, { children: _jsx(Popper, __assign({ open: true, anchorEl: ref.current, placement: 'bottom-start', modifiers: {
+                        preventOverflow: {
+                            enabled: true,
+                            priority: ['top', 'bottom', 'left', 'right'],
+                            boundariesElement: 'window',
+                            padding: 20,
+                        },
+                    }, style: { zIndex: 1301 } }, { children: _jsxs("div", __assign({ className: styles.container, style: {
+                            paddingTop: error && helperText ? '0px' : '30px',
+                        } }, { children: [error && helperText && (_jsx("div", __assign({ className: styles.errorMessage, style: {
+                                    color: errorColor,
+                                } }, { children: helperText }))), pickDays && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "D\u00EDas", type: "number", inputProps: {
+                                        min: minDays,
+                                        max: maxDays,
+                                    }, value: ((_b = value === null || value === void 0 ? void 0 : value.days) !== null && _b !== void 0 ? _b : minDays) + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { days: parseInt(e.target.value) }));
+                                    } }) }))), pickHours && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "Horas", type: "number", inputProps: {
+                                        min: minHours,
+                                        max: maxHours,
+                                    }, value: ((_c = value === null || value === void 0 ? void 0 : value.hours) !== null && _c !== void 0 ? _c : minHours) + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { hours: parseInt(e.target.value) }));
+                                    } }) }))), pickMinutes && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "Minutos", type: "number", inputProps: {
+                                        min: minMinutes,
+                                        max: maxMinutes,
+                                    }, value: ((_d = value === null || value === void 0 ? void 0 : value.minutes) !== null && _d !== void 0 ? _d : minMinutes) + '', onChange: function (e) {
+                                        handleChange(__assign(__assign({}, value), { minutes: parseInt(e.target.value) }));
+                                    } }) }))), working === undefined && (_jsxs("div", __assign({ className: styles.workingContainer }, { children: ["H\u00E1biles:", _jsx(Toggle, { checked: !!(value === null || value === void 0 ? void 0 : value.working), disabled: working !== undefined, onChange: function (working) {
+                                            handleChange(__assign(__assign({}, value), { working: working }));
+                                        } })] })))] })) })) }))), _jsxs(FormControl, __assign({ variant: "outlined", className: classes.formControl, size: "small", style: minWidth !== undefined
+                    ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
+                    : {
+                        margin: containerMargin,
+                    }, fullWidth: true, required: required, error: error }, { children: [label && (_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }))), _jsx(Select, __assign({}, others, { innerRef: ref, title: calcTimeString(value), value: value ? 0 : '', IconComponent: ScheduleRoundedIcon, onClose: function () {
+                            if (!cantEdit)
+                                setOpen(false);
+                        }, onOpen: function () {
+                            if (cantEdit)
+                                return;
+                            setOpen(true);
+                            if (required)
+                                handleChange(value !== null && value !== void 0 ? value : {});
+                        }, onFocus: function (e) {
+                            var _a;
+                            if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root')) &&
+                                !cantEdit) {
+                                setOpen(true);
+                            }
+                        }, onBlur: function () {
+                            if (!cantEdit)
+                                setOpen(false);
+                        }, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? calcLabel() : undefined, classes: outlinedInputClasses }), renderValue: function () {
+                            return calcTimeString(value);
+                        }, MenuProps: {
+                            PopoverClasses: menuClasses,
+                        } }, { children: _jsx(MenuItem, { value: 0 }) })), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText })))] }))] }));
+}
+/**
+ * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library
+ */
+var RoundedTimePicker = /** @class */ (function (_super) {
+    __extends(RoundedTimePicker, _super);
+    function RoundedTimePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedTimePicker.prototype.render = function () {
+        return _jsx(CustomSelect, __assign({}, this.props));
+    };
+    return RoundedTimePicker;
+}(React.Component));
+export default RoundedTimePicker;
+function calcTimeString(value) {
+    if (!value)
+        return undefined;
+    var parts = [];
+    if (value.days) {
+        parts.push("".concat(value.days, " D\u00EDa").concat(value.days > 1 ? 's' : ''));
+    }
+    if (value.hours) {
+        parts.push("".concat(value.hours, " Hora").concat(value.hours > 1 ? 's' : ''));
+    }
+    if (value.minutes) {
+        parts.push("".concat(value.minutes, " Minuto").concat(value.minutes > 1 ? 's' : ''));
+    }
+    if (parts.length === 0)
+        return value.working ? 'Horario Hábil Más Cercano' : 'Inmediatamente';
+    if (value.working) {
+        var isMultiple = parts.length > 1 || parts[0].includes('s');
+        return parts.join(', ') + (isMultiple ? ' Hábiles' : ' Hábil');
+    }
+    return parts.join(', ');
+}

package/dist/Shared/SmartDraftRenderer/FormDecorator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ContentState } from 'draft-js';
 export interface DecoratorComponentProps {
     children: JSX.Element;
@@ -8,5 +9,5 @@ export interface DecoratorComponentProps {
     end: number;
     editable?: boolean;
 }
-export declare function FormDecorator({ children, entityKey }: DecoratorComponentProps): JSX.Element;
+export declare function FormDecorator({ children, entityKey, }: DecoratorComponentProps): JSX.Element;
 export declare function FormDecoratorsStrategy(contentBlock: any, callback: any, contentState: any): void;

package/dist/Shared/SmartDraftRenderer/FormDecorator.js

@@ -1,20 +1,34 @@
+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 { DraftEntityTypes } from '../../constants/Draft/DraftEntityTypes';
+import { DraftLoadingContext } from './SmartDraftRenderer';
 import styles from './FormDecorator.module.css';
-import { DraftLoadingContext } from './DraftLoadingContext';
-export function FormDecorator({ children, entityKey }) {
-    const loading = useContext(DraftLoadingContext);
-    return (_jsx("span", { id: entityKey, className: loading ? styles.loadingDecorator : styles.decorator, style: {
+export function FormDecorator(_a) {
+    var children = _a.children, entityKey = _a.entityKey;
+    var loading = useContext(DraftLoadingContext);
+    return (_jsx("span", __assign({ id: entityKey, className: loading ? styles.loadingDecorator : styles.decorator, style: {
             overflow: 'hidden',
             position: 'relative',
             padding: '0px 3px',
             borderRadius: 12,
-        }, children: children }));
+        } }, { children: children })));
 }
 export function FormDecoratorsStrategy(contentBlock, callback, contentState) {
-    contentBlock.findEntityRanges((character) => {
-        const entityKey = character.getEntity();
-        return entityKey !== null && contentState.getEntity(entityKey).getType() === DraftEntityTypes.EUREKA;
+    contentBlock.findEntityRanges(function (character) {
+        var entityKey = character.getEntity();
+        return (entityKey !== null &&
+            contentState.getEntity(entityKey).getType() ===
+                DraftEntityTypes.EUREKA);
     }, callback);
 }

package/dist/Shared/SmartDraftRenderer/LinkDecorator.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ContentBlock, ContentState } from 'draft-js';
+export interface LinkComponentProps {
+    children: React.ReactNode;
+    contentState: ContentState;
+    entityKey?: string;
+    decoratedText: string;
+}
+export declare function LinkComponent({ children, decoratedText, }: LinkComponentProps): JSX.Element;
+export declare function findLinkEntities(contentBlock: ContentBlock, callback: (start: number, end: number) => void): void;
+export declare const linkDecorator: {
+    strategy: typeof findLinkEntities;
+    component: typeof LinkComponent;
+};