@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -1,246 +1,246 @@
-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 } from "react/jsx-runtime";
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
-import { KeyboardDatePicker, } from '@material-ui/pickers';
-var useDatePickerStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            borderRadius: props.borderRadius,
-            backgroundColor: props.backgroundColor,
-            '& input, textarea': {
-                cursor: props.cantEdit ? 'default' : 'text',
-                padding: props.padding,
-                fontWeight: props.fontWeight,
-                color: props.textColor,
-                fontSize: props.fontSize,
-                '&::placeholder': {
-                    fontSize: props.fontSize,
-                },
-                backgroundColor: props.innerBackgroundColor,
-                borderRadius: props.borderRadius,
-            },
-            '& .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.outlineColor,
-                '& span': {
-                    fontSize: props.shrunkenFontSize,
-                    paddingRight: 0,
-                    paddingLeft: 0,
-                },
-            },
-            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.outlineColor,
-            },
-            '&.Mui-focused .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.focusColor,
-                borderWidth: 2,
-            },
-            '&:hover .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.cantEdit
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& .EF-MuiInputAdornment-root': {
-                '& button': {
-                    marginRight: -20,
-                    fontSize: 18,
-                    padding: 16,
-                },
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '&.Mui-disabled': {
-                cursor: 'default',
-            },
-        },
-    }); });
-};
-var useDatePickerLabelStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            marginTop: '-4px',
-            fontSize: props.fontSize,
-            '&.Mui-focused': {
-                color: props.focusColor,
-            },
-            '&.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                fontSize: props.shrunkenFontSize,
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '&.Mui-error': {
-                color: props.errorColor,
-            },
-        },
-    }); });
-};
-var useDatePickerHelperTextStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            '&.Mui-error': {
-                color: props.errorColor,
-            },
-        },
-    }); });
-};
-var useDatePickerDialogStyles = function (props) {
-    return makeStyles(function () { return ({
-        datePicker: {
-            '& .EF-MuiPickersModal-dialogRoot': {
-                color: props.textColor,
-                '& .EF-MuiDialogActions-root': {
-                    '& .EF-MuiButton-root:hover': {
-                        backgroundColor: props.hoverColor,
-                    },
-                    '& .EF-MuiButton-label': {
-                        color: props.focusColor,
-                    },
-                    '& .EF-MuiTouchRipple-root': {
-                        color: props.focusColor,
-                    },
-                },
-            },
-            //Days labels
-            '& .EF-MuiPickersDay-day': {
-                color: props.textColor,
-            },
-            // Selected day label
-            '& .EF-MuiPickersDay-daySelected': {
-                color: props.backgroundColor,
-                backgroundColor: props.focusColor,
-            },
-            //Title
-            '& .EF-MuiPickersDatePickerRoot-toolbar': {
-                color: props.backgroundColor,
-                backgroundColor: props.focusColor,
-            },
-        },
-    }); });
-};
-function CustomDatePicker(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.fontWeight, fontWeight = _l === void 0 ? '300' : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "fontWeight", "showIcon", "cantEdit", "required"]);
-    var classes = useDatePickerStyles({
-        padding: padding,
-        cantEdit: cantEdit,
-        textColor: textColor,
-        focusColor: focusColor,
-        hoverColor: focusColor + '0a',
-        outlineColor: outlineColor,
-        errorColor: errorColor,
-        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        fontSize: fontSize,
-        shrunkenFontSize: shrunkenFontSize,
-        fontWeight: fontWeight,
-    })();
-    var labelClasses = useDatePickerLabelStyles({
-        padding: padding,
-        cantEdit: cantEdit,
-        textColor: textColor,
-        focusColor: focusColor,
-        hoverColor: focusColor + '0a',
-        errorColor: errorColor,
-        outlineColor: outlineColor,
-        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        fontSize: fontSize,
-        shrunkenFontSize: shrunkenFontSize,
-        fontWeight: fontWeight,
-    })();
-    var datePicker = useDatePickerDialogStyles({
-        padding: padding,
-        cantEdit: cantEdit,
-        textColor: textColor,
-        focusColor: focusColor,
-        hoverColor: focusColor + '0a',
-        errorColor: errorColor,
-        outlineColor: outlineColor,
-        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        fontSize: fontSize,
-        shrunkenFontSize: shrunkenFontSize,
-        fontWeight: fontWeight,
-    })().datePicker;
-    var helperTextStyles = useDatePickerHelperTextStyles({
-        padding: padding,
-        textColor: textColor,
-        focusColor: focusColor,
-        errorColor: errorColor,
-        outlineColor: outlineColor,
-        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        fontSize: fontSize,
-        shrunkenFontSize: shrunkenFontSize,
-        fontWeight: fontWeight,
-    })();
-    return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, placeholder: "dd/MM/yyyy", format: "dd/MM/yyyy", required: required, keyboardIcon: showIcon ? (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit" }, void 0)) : null, InputLabelProps: { classes: labelClasses }, DialogProps: {
-            disableEnforceFocus: true,
-            className: datePicker,
-            cancelLabel: 'Cancelar',
-        } //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
-        , InputProps: {
-            required: required,
-            classes: classes,
-            disabled: cantEdit,
-        }, FormHelperTextProps: {
-            classes: helperTextStyles,
-        }, variant: "dialog" }), void 0));
-}
-/**
- * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
- */
-var RoundedDatePicker = /** @class */ (function (_super) {
-    __extends(RoundedDatePicker, _super);
-    function RoundedDatePicker() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RoundedDatePicker.prototype.render = function () {
-        return _jsx(CustomDatePicker, __assign({}, this.props), void 0);
-    };
-    return RoundedDatePicker;
-}(React.Component));
-export default RoundedDatePicker;
+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 } from "react/jsx-runtime";
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
+import { KeyboardDatePicker, } from '@material-ui/pickers';
+var useDatePickerStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            borderRadius: props.borderRadius,
+            backgroundColor: props.backgroundColor,
+            '& input, textarea': {
+                cursor: props.cantEdit ? 'default' : 'text',
+                padding: props.padding,
+                fontWeight: props.fontWeight,
+                color: props.textColor,
+                fontSize: props.fontSize,
+                '&::placeholder': {
+                    fontSize: props.fontSize,
+                },
+                backgroundColor: props.innerBackgroundColor,
+                borderRadius: props.borderRadius,
+            },
+            '& .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+                '& span': {
+                    fontSize: props.shrunkenFontSize,
+                    paddingRight: 0,
+                    paddingLeft: 0,
+                },
+            },
+            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '&.Mui-focused .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.focusColor,
+                borderWidth: 2,
+            },
+            '&:hover .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.cantEdit
+                    ? props.outlineColor
+                    : props.focusColor,
+            },
+            '& .EF-MuiInputAdornment-root': {
+                '& button': {
+                    marginRight: -20,
+                    fontSize: 18,
+                    padding: 16,
+                },
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-disabled': {
+                cursor: 'default',
+            },
+        },
+    }); });
+};
+var useDatePickerLabelStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            marginTop: '-4px',
+            fontSize: props.fontSize,
+            '&.Mui-focused': {
+                color: props.focusColor,
+            },
+            '&.EF-MuiInputLabel-shrink': {
+                marginTop: '0px',
+                fontSize: props.shrunkenFontSize,
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+var useDatePickerHelperTextStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+var useDatePickerDialogStyles = function (props) {
+    return makeStyles(function () { return ({
+        datePicker: {
+            '& .EF-MuiPickersModal-dialogRoot': {
+                color: props.textColor,
+                '& .EF-MuiDialogActions-root': {
+                    '& .EF-MuiButton-root:hover': {
+                        backgroundColor: props.hoverColor,
+                    },
+                    '& .EF-MuiButton-label': {
+                        color: props.focusColor,
+                    },
+                    '& .EF-MuiTouchRipple-root': {
+                        color: props.focusColor,
+                    },
+                },
+            },
+            //Days labels
+            '& .EF-MuiPickersDay-day': {
+                color: props.textColor,
+            },
+            // Selected day label
+            '& .EF-MuiPickersDay-daySelected': {
+                color: props.backgroundColor,
+                backgroundColor: props.focusColor,
+            },
+            //Title
+            '& .EF-MuiPickersDatePickerRoot-toolbar': {
+                color: props.backgroundColor,
+                backgroundColor: props.focusColor,
+            },
+        },
+    }); });
+};
+function CustomDatePicker(_a) {
+    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.outlineColor, outlineColor = _c === void 0 ? '#0000003b' : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, innerBackgroundColor = _a.innerBackgroundColor, _e = _a.textColor, textColor = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 10 : _g, _h = _a.padding, padding = _h === void 0 ? '6px 12px' : _h, _j = _a.fontSize, fontSize = _j === void 0 ? '1rem' : _j, _k = _a.shrunkenFontSize, shrunkenFontSize = _k === void 0 ? '1rem' : _k, _l = _a.fontWeight, fontWeight = _l === void 0 ? '300' : _l, _m = _a.showIcon, showIcon = _m === void 0 ? true : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, required = _a.required, others = __rest(_a, ["focusColor", "outlineColor", "backgroundColor", "innerBackgroundColor", "textColor", "errorColor", "borderRadius", "padding", "fontSize", "shrunkenFontSize", "fontWeight", "showIcon", "cantEdit", "required"]);
+    var classes = useDatePickerStyles({
+        padding: padding,
+        cantEdit: cantEdit,
+        textColor: textColor,
+        focusColor: focusColor,
+        hoverColor: focusColor + '0a',
+        outlineColor: outlineColor,
+        errorColor: errorColor,
+        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        fontSize: fontSize,
+        shrunkenFontSize: shrunkenFontSize,
+        fontWeight: fontWeight,
+    })();
+    var labelClasses = useDatePickerLabelStyles({
+        padding: padding,
+        cantEdit: cantEdit,
+        textColor: textColor,
+        focusColor: focusColor,
+        hoverColor: focusColor + '0a',
+        errorColor: errorColor,
+        outlineColor: outlineColor,
+        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        fontSize: fontSize,
+        shrunkenFontSize: shrunkenFontSize,
+        fontWeight: fontWeight,
+    })();
+    var datePicker = useDatePickerDialogStyles({
+        padding: padding,
+        cantEdit: cantEdit,
+        textColor: textColor,
+        focusColor: focusColor,
+        hoverColor: focusColor + '0a',
+        errorColor: errorColor,
+        outlineColor: outlineColor,
+        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        fontSize: fontSize,
+        shrunkenFontSize: shrunkenFontSize,
+        fontWeight: fontWeight,
+    })().datePicker;
+    var helperTextStyles = useDatePickerHelperTextStyles({
+        padding: padding,
+        textColor: textColor,
+        focusColor: focusColor,
+        errorColor: errorColor,
+        outlineColor: outlineColor,
+        innerBackgroundColor: innerBackgroundColor !== null && innerBackgroundColor !== void 0 ? innerBackgroundColor : backgroundColor,
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius,
+        fontSize: fontSize,
+        shrunkenFontSize: shrunkenFontSize,
+        fontWeight: fontWeight,
+    })();
+    return (_jsx(KeyboardDatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, placeholder: "dd/MM/yyyy", format: "dd/MM/yyyy", required: required, keyboardIcon: showIcon ? (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit" }, void 0)) : null, InputLabelProps: { classes: labelClasses }, DialogProps: {
+            disableEnforceFocus: true,
+            className: datePicker,
+            cancelLabel: 'Cancelar',
+        } //Fixes the typescript declaration of the library: https://material-ui-pickers.dev/api/KeyboardDatePicker
+        , InputProps: {
+            required: required,
+            classes: classes,
+            disabled: cantEdit,
+        }, FormHelperTextProps: {
+            classes: helperTextStyles,
+        }, variant: "dialog" }), void 0));
+}
+/**
+ * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
+ */
+var RoundedDatePicker = /** @class */ (function (_super) {
+    __extends(RoundedDatePicker, _super);
+    function RoundedDatePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedDatePicker.prototype.render = function () {
+        return _jsx(CustomDatePicker, __assign({}, this.props), void 0);
+    };
+    return RoundedDatePicker;
+}(React.Component));
+export default RoundedDatePicker;

package/dist/shared/RoundedSelect/RoundedSelect.d.ts

@@ -1,42 +1,42 @@
-import React from 'react';
-import { SelectProps } from '@material-ui/core/Select';
-interface RoundedSelectProps extends Omit<SelectProps, 'color'> {
-    /** children to display in the options */
-    children?: any;
-    /** Currently selected value */
-    value: any;
-    /** function called when value changes */
-    handleUpdate: (event: React.ChangeEvent<{
-        name?: string | undefined;
-        value: any;
-    }>, child?: React.ReactNode) => void;
-    /** The hight of the container */
-    height?: string;
-    /** Strig to place in the label */
-    label: string;
-    /** Minimum width in px of the component */
-    minWidth?: number;
-    /** The color of the outline when selected and hovered on */
-    focusColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** the color of the text */
-    color?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
-    /** If outline should be error color */
-    highlightError?: boolean;
-    /** The helper Text to display */
-    helperText?: string;
-    /** If the selector cant be opened, diabled but with same style */
-    cantEdit?: boolean;
-    /** the margin around the selector */
-    containerMargin?: string;
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-declare class RoundedSelect extends React.Component<RoundedSelectProps> {
-    render(): JSX.Element;
-}
-export default RoundedSelect;
+import React from 'react';
+import { SelectProps } from '@material-ui/core/Select';
+interface RoundedSelectProps extends Omit<SelectProps, 'color'> {
+    /** children to display in the options */
+    children?: any;
+    /** Currently selected value */
+    value: any;
+    /** function called when value changes */
+    handleUpdate: (event: React.ChangeEvent<{
+        name?: string | undefined;
+        value: any;
+    }>, child?: React.ReactNode) => void;
+    /** The hight of the container */
+    height?: string;
+    /** Strig to place in the label */
+    label: string;
+    /** Minimum width in px of the component */
+    minWidth?: number;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** the color of the text */
+    color?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** If outline should be error color */
+    highlightError?: boolean;
+    /** The helper Text to display */
+    helperText?: string;
+    /** If the selector cant be opened, diabled but with same style */
+    cantEdit?: boolean;
+    /** the margin around the selector */
+    containerMargin?: string;
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedSelect extends React.Component<RoundedSelectProps> {
+    render(): JSX.Element;
+}
+export default RoundedSelect;