@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -1,171 +1,171 @@
-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, { useEffect } 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 { FormHelperText } from '@material-ui/core';
-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) {
-    return makeStyles({
-        root: {
-            cursor: props.cantEdit ? 'default' : 'default',
-            height: props.height,
-            '& $notchedOutline': {
-                borderColor: props.outlineColor,
-            },
-            '&:hover $notchedOutline': {
-                borderColor: props.cantEdit
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& .Mui-disabled': {
-                cursor: 'default',
-                color: props.color,
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.outlineColor,
-            },
-            '&$focused $notchedOutline': {
-                borderColor: props.focusColor,
-            },
-            borderRadius: 10,
-            color: props.color,
-        },
-        focused: {},
-        notchedOutline: {},
-    });
-};
-var useLabelInputStyles = function (props) {
-    return makeStyles(function () { return ({
-        focused: {
-            color: props.focusColor + ' !important',
-        },
-        root: {
-            marginTop: props.height != '40px' ? '-4px' : '0px',
-            '&.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '&.Mui-error': {
-                color: props.errorColor,
-            },
-        },
-    }); });
-};
-var useHelperTextStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            '&.Mui-error': {
-                color: props.errorColor,
-            },
-        },
-    }); });
-};
-function CustomSelect(_a) {
-    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.cantEdit, cantEdit = _f === void 0 ? false : _f, _g = _a.containerMargin, containerMargin = _g === void 0 ? '8px' : _g, _h = _a.height, height = _h === void 0 ? '40px' : _h, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "cantEdit", "containerMargin", "height", "required", "error"]);
-    var classes = useStyles();
-    var outlinedInputClasses = useOutlinedInputStyles({
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        cantEdit: cantEdit,
-        color: color,
-        errorColor: errorColor,
-        height: height,
-    })();
-    var labelClasses = useLabelInputStyles({
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        errorColor: errorColor,
-        color: color,
-        cantEdit: cantEdit,
-        height: height,
-    })();
-    var helperTextClasses = useHelperTextStyles({
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        errorColor: errorColor,
-        cantEdit: cantEdit,
-        color: color,
-        height: height,
-    })();
-    var inputLabel = React.useRef();
-    var _j = React.useState(0), labelWidth = _j[0], setLabelWidth = _j[1];
-    useEffect(function () {
-        setLabelWidth(inputLabel.current.offsetWidth);
-    }, [label]);
-    return (_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: [_jsx(InputLabel, __assign({ ref: inputLabel, classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate, input: _jsx(OutlinedInput, { disabled: cantEdit, labelWidth: labelWidth, name: label, classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-var RoundedSelect = /** @class */ (function (_super) {
-    __extends(RoundedSelect, _super);
-    function RoundedSelect() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RoundedSelect.prototype.render = function () {
-        return _jsx(CustomSelect, __assign({}, this.props), void 0);
-    };
-    return RoundedSelect;
-}(React.Component));
-export default RoundedSelect;
+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, { useEffect } 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 { FormHelperText } from '@material-ui/core';
+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) {
+    return makeStyles({
+        root: {
+            cursor: props.cantEdit ? 'default' : 'default',
+            height: props.height,
+            '& $notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '&:hover $notchedOutline': {
+                borderColor: props.cantEdit
+                    ? props.outlineColor
+                    : props.focusColor,
+            },
+            '& .Mui-disabled': {
+                cursor: 'default',
+                color: props.color,
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {
+                borderColor: props.outlineColor,
+            },
+            '&$focused $notchedOutline': {
+                borderColor: props.focusColor,
+            },
+            borderRadius: 10,
+            color: props.color,
+        },
+        focused: {},
+        notchedOutline: {},
+    });
+};
+var useLabelInputStyles = function (props) {
+    return makeStyles(function () { return ({
+        focused: {
+            color: props.focusColor + ' !important',
+        },
+        root: {
+            marginTop: props.height != '40px' ? '-4px' : '0px',
+            '&.EF-MuiInputLabel-shrink': {
+                marginTop: '0px',
+            },
+            '& .Mui-error': {
+                color: props.errorColor,
+            },
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+var useHelperTextStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            '&.Mui-error': {
+                color: props.errorColor,
+            },
+        },
+    }); });
+};
+function CustomSelect(_a) {
+    var children = _a.children, value = _a.value, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _b = _a.color, color = _b === void 0 ? '#293241' : _b, _c = _a.errorColor, errorColor = _c === void 0 ? '#cc2936' : _c, _d = _a.focusColor, focusColor = _d === void 0 ? '#3d5a7f' : _d, _e = _a.outlineColor, outlineColor = _e === void 0 ? '#0000003b' : _e, _f = _a.cantEdit, cantEdit = _f === void 0 ? false : _f, _g = _a.containerMargin, containerMargin = _g === void 0 ? '8px' : _g, _h = _a.height, height = _h === void 0 ? '40px' : _h, required = _a.required, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "cantEdit", "containerMargin", "height", "required", "error"]);
+    var classes = useStyles();
+    var outlinedInputClasses = useOutlinedInputStyles({
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        cantEdit: cantEdit,
+        color: color,
+        errorColor: errorColor,
+        height: height,
+    })();
+    var labelClasses = useLabelInputStyles({
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        errorColor: errorColor,
+        color: color,
+        cantEdit: cantEdit,
+        height: height,
+    })();
+    var helperTextClasses = useHelperTextStyles({
+        focusColor: focusColor,
+        outlineColor: outlineColor,
+        errorColor: errorColor,
+        cantEdit: cantEdit,
+        color: color,
+        height: height,
+    })();
+    var inputLabel = React.useRef();
+    var _j = React.useState(0), labelWidth = _j[0], setLabelWidth = _j[1];
+    useEffect(function () {
+        setLabelWidth(inputLabel.current.offsetWidth);
+    }, [label]);
+    return (_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: [_jsx(InputLabel, __assign({ ref: inputLabel, classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate, input: _jsx(OutlinedInput, { disabled: cantEdit, labelWidth: labelWidth, name: label, classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+var RoundedSelect = /** @class */ (function (_super) {
+    __extends(RoundedSelect, _super);
+    function RoundedSelect() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedSelect.prototype.render = function () {
+        return _jsx(CustomSelect, __assign({}, this.props), void 0);
+    };
+    return RoundedSelect;
+}(React.Component));
+export default RoundedSelect;

package/dist/shared/RoundedTextField/RoundedTextField.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-import { TextFieldProps } from '@material-ui/core/TextField';
-interface StyleProps {
-    /** The color of the text */
-    textColor?: string;
-    /** 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 outline when it is not selected */
-    outlineColor?: string;
-    /** The backgroundColor of the input */
-    backgroundColor?: string;
-    /** The color of the inner input */
-    innerBackgroundColor?: string;
-    /** The borderRadius of the input */
-    borderRadius?: number;
-    /** If input is readOnly */
-    readOnly?: boolean;
-    /** The padding of the input */
-    padding?: string;
-    /** The size of the font to display the input in */
-    fontSize?: number | string;
-    /** The weight of the font of the value and the placeholder */
-    fontWeight?: number | string;
-    /** The fontsize of the shrunken label */
-    shrunkenFontSize?: number | string;
-    /** If the input is multiline */
-    multiline?: boolean;
-    /** Cant edit */
-    cantEdit?: boolean;
-}
-interface RoundedTextFieldProps extends StyleProps {
-}
-/**
- * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
- */
-declare class RoundedTextField extends React.Component<RoundedTextFieldProps & TextFieldProps> {
-    render(): JSX.Element;
-}
-export default RoundedTextField;
+import React from 'react';
+import { TextFieldProps } from '@material-ui/core/TextField';
+interface StyleProps {
+    /** The color of the text */
+    textColor?: string;
+    /** 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 outline when it is not selected */
+    outlineColor?: string;
+    /** The backgroundColor of the input */
+    backgroundColor?: string;
+    /** The color of the inner input */
+    innerBackgroundColor?: string;
+    /** The borderRadius of the input */
+    borderRadius?: number;
+    /** If input is readOnly */
+    readOnly?: boolean;
+    /** The padding of the input */
+    padding?: string;
+    /** The size of the font to display the input in */
+    fontSize?: number | string;
+    /** The weight of the font of the value and the placeholder */
+    fontWeight?: number | string;
+    /** The fontsize of the shrunken label */
+    shrunkenFontSize?: number | string;
+    /** If the input is multiline */
+    multiline?: boolean;
+    /** Cant edit */
+    cantEdit?: boolean;
+}
+interface RoundedTextFieldProps extends StyleProps {
+}
+/**
+ * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedTextField extends React.Component<RoundedTextFieldProps & TextFieldProps> {
+    render(): JSX.Element;
+}
+export default RoundedTextField;