@arquimedes.co/eureka-forms 2.0.99 → 3.0.1-refactor

package/dist/Shared/RoundedPhoneInput/RoundedPhoneInput.js

@@ -1,226 +0,0 @@
-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, { useMemo } from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import { InputAdornment, MenuItem, Select } from '@material-ui/core';
-import parse from 'libphonenumber-js/max';
-import { defaultCountries, FlagImage, parseCountry, usePhoneInput, } from 'react-international-phone';
-import { useAppSelector } from '../../hooks';
-import isoCountries from 'i18n-iso-countries';
-import es from 'i18n-iso-countries/langs/es.json';
-isoCountries.registerLocale(es);
-var useTextfieldStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            borderRadius: props.borderRadius,
-            '& input': {
-                cursor: props.cantEdit ? 'default' : 'text',
-                padding: props.padding,
-                fontWeight: props.fontWeight,
-                color: props.textColor,
-                fontSize: props.fontSize,
-                '&::placeholder': {
-                    fontSize: props.fontSize,
-                },
-                backgroundColor: props.backgroundColor,
-                borderRadius: props.borderRadius,
-            },
-            '& label': {
-                marginTop: '-4px',
-                fontSize: props.fontSize,
-                color: props.textColor + '8a',
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                maxWidth: 'calc(100% - 22px)',
-            },
-            '& label.EF-MuiInputLabel-shrink': {
-                marginTop: '0px',
-                maxWidth: 'calc(100% - 5px)',
-            },
-            '& input + fieldset': {
-                borderRadius: props.borderRadius,
-            },
-            '& .EF-MuiInput-underline:after': {
-                borderBottomColor: props.outlineColor,
-            },
-            '& .EF-MuiOutlinedInput-root': {
-                borderRadius: props.borderRadius,
-                '&.Mui-focused fieldset': {
-                    borderColor: props.focusColor,
-                    borderWidth: props.readOnly ? 1 : 2,
-                },
-                '& .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.outlineColor,
-                    '& legend': {
-                        fontSize: 'calc(' + props.fontSize + ' * 0.75)',
-                    },
-                },
-            },
-            '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                borderColor: props.cantEdit
-                    ? props.outlineColor
-                    : props.focusColor,
-            },
-            '& label.Mui-focused': {
-                color: props.focusColor,
-            },
-            '& .Mui-error': {
-                color: props.errorColor,
-            },
-            '& .EF-MuiOutlinedInput-adornedEnd': {
-                paddingRight: '7px',
-            },
-            '& .EF-MuiFormHelperText-root': {
-                color: props.helperTextColor,
-                position: 'relative',
-                marginRight: props.maxLength ? 40 : 14,
-            },
-            '& .EF-MuiFormHelperText-root.Mui-error': {
-                color: props.errorColor,
-            },
-            '& .EF-MuiInputAdornment-root': {
-                paddingTop: 2,
-                marginRight: 0,
-                '& .EF-MuiSelect-select': {
-                    backgroundColor: props.backgroundColor,
-                },
-                '& input': {
-                    padding: 0,
-                    margin: 0,
-                },
-                '& .EF-MuiInput-underline:before': {
-                    borderBottom: 'none !important',
-                },
-                '& .EF-MuiInput-underline:after': {
-                    borderBottom: 'none',
-                },
-            },
-        },
-    }); });
-};
-var useCountrySelectStyles = makeStyles(function () { return ({
-    root: {
-        padding: 0,
-        input: {
-            padding: 0,
-        },
-    },
-}); });
-function CustomPhoneInput(_a) {
-    var _b = _a.focusColor, focusColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.helperTextColor, helperTextColor = _c === void 0 ? '#989898' : _c, _d = _a.outlineColor, outlineColor = _d === void 0 ? '#0000003b' : _d, _e = _a.backgroundColor, backgroundColor = _e === void 0 ? 'white' : _e, _f = _a.textColor, textColor = _f === void 0 ? '#293241' : _f, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.borderRadius, borderRadius = _h === void 0 ? 10 : _h, _j = _a.padding, padding = _j === void 0 ? '6px 12px 6px 6px' : _j, _k = _a.fontSize, fontSize = _k === void 0 ? '1rem' : _k, _l = _a.errorColor, errorColor = _l === void 0 ? '#cc2936' : _l, _m = _a.fontWeight, fontWeight = _m === void 0 ? '300' : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, value = _a.value, onChange = _a.onChange, inputRef = _a.inputRef, others = __rest(_a, ["focusColor", "helperTextColor", "outlineColor", "backgroundColor", "textColor", "readOnly", "borderRadius", "padding", "fontSize", "errorColor", "fontWeight", "cantEdit", "value", "onChange", "inputRef"]);
-    var classes = useTextfieldStyles({
-        padding: padding,
-        textColor: textColor,
-        errorColor: errorColor,
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        helperTextColor: helperTextColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        readOnly: readOnly,
-        fontSize: fontSize,
-        fontWeight: fontWeight,
-        cantEdit: cantEdit,
-    })();
-    var defaultCountry = useAppSelector(function (state) { return state.global.countryCode; });
-    var countrySelectClasses = useCountrySelectStyles();
-    var _p = usePhoneInput({
-        value: '+' + value,
-        inputRef: inputRef,
-        defaultCountry: defaultCountry.toLowerCase(),
-        disableDialCodePrefill: true,
-        disableDialCodeAndPrefix: true,
-        onChange: function (data) { return onChange(data.phone.replace('+', '')); },
-    }), inputValue = _p.inputValue, handlePhoneValueChange = _p.handlePhoneValueChange, phoneRef = _p.inputRef, country = _p.country, setCountry = _p.setCountry;
-    var countries = useMemo(function () {
-        return defaultCountries
-            .map(function (c) {
-            var _a;
-            var country = parseCountry(c);
-            return {
-                country: country,
-                name: (_a = isoCountries.getName(country.iso2.toUpperCase(), 'es')) !== null && _a !== void 0 ? _a : country.name,
-            };
-        })
-            .sort(function (a, b) { return a.name.localeCompare(b.name); });
-    }, []);
-    return (_jsx(TextField, __assign({ classes: classes }, others, { variant: "outlined", size: "small", fullWidth: true, value: inputValue, onChange: handlePhoneValueChange, type: "tel", onPaste: function (e) {
-            var value = e.clipboardData.getData('Text');
-            if (!value.startsWith('+')) {
-                var phone = parse('+' + value);
-                if (phone === null || phone === void 0 ? void 0 : phone.isValid()) {
-                    e.preventDefault();
-                    if (phone.country)
-                        setCountry(phone.country.toLowerCase());
-                    onChange(phone.number);
-                }
-            }
-        }, inputRef: phoneRef, InputProps: {
-            readOnly: readOnly,
-            autoComplete: 'tel',
-            disabled: cantEdit,
-            startAdornment: (_jsx(InputAdornment, __assign({ position: "start", style: {
-                    borderBottom: 'none',
-                } }, { children: _jsx(Select, __assign({ classes: countrySelectClasses, value: country.iso2, onChange: function (e) {
-                        return setCountry(e.target.value);
-                    }, inputProps: { disabled: cantEdit }, renderValue: function (value) { return (_jsx(FlagImage, { iso2: value, style: { display: 'flex' }, width: 20 })); } }, { children: countries.map(function (_a) {
-                        var country = _a.country, name = _a.name;
-                        return (_jsxs(MenuItem, __assign({ value: country.iso2 }, { children: [_jsx(FlagImage, { iso2: country.iso2, size: 20 }), _jsx("span", __assign({ style: {
-                                        marginLeft: '8px',
-                                        marginRight: '8px',
-                                    } }, { children: name })), _jsxs("span", __assign({ style: { color: 'grey' } }, { children: ["+", country.dialCode] }))] }), country.iso2));
-                    }) })) }))),
-        } })));
-}
-/**
- * Generic phoneinput with apps designs. Is class due to the use in the react-hook-forms library
- */
-var RoundedPhoneInput = /** @class */ (function (_super) {
-    __extends(RoundedPhoneInput, _super);
-    function RoundedPhoneInput() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RoundedPhoneInput.prototype.render = function () {
-        return _jsx(CustomPhoneInput, __assign({}, this.props));
-    };
-    return RoundedPhoneInput;
-}(React.Component));
-export default RoundedPhoneInput;

package/dist/Shared/RoundedSelect/RoundedSelect.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import { SelectProps } from '@material-ui/core/Select';
-export interface SelectorStyleProps {
-    /** The color of the outline when selected and hovered on */
-    focusColor?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
-    /** The color of the background  */
-    backgroundColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** If the style should change on hover */
-    cantEdit?: boolean;
-    /** The hight of the container */
-    height?: string;
-    /** The color of the text in the form */
-    color?: string;
-    /** The fontsize of the content */
-    fontSize?: string;
-    /** The weight of the font of the value and the placeholder */
-    fontWeight?: any;
-    /** If input is readOnly */
-    readOnly?: boolean;
-    /** The color of the helper text when not error */
-    helperTextColor?: string;
-    /** The borderRadius of the input */
-    borderRadius?: number;
-    /** The padding to the left of the input */
-    paddingLeft?: number;
-    /** The padding to the right of the input */
-    paddingRight?: number;
-    /** If custom icon exists and should be displayed */
-    showIcon?: boolean;
-}
-interface RoundedSelectProps extends Omit<SelectProps, 'color'>, SelectorStyleProps {
-    /** 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;
-    /** String 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;
-    /** If outline should be error color */
-    highlightError?: boolean;
-    /** The helper Text to display */
-    helperText?: string;
-    /** the margin around the selector */
-    containerMargin?: string;
-    /** The icon to display */
-    iconComponent?: any;
-    /** the components ref */
-    ref?: any;
-}
-/**
- * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class RoundedSelect extends React.Component<RoundedSelectProps> {
-    render(): JSX.Element;
-}
-export default RoundedSelect;

package/dist/Shared/RoundedSelect/RoundedSelect.js

@@ -1,214 +0,0 @@
-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, { 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 { 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) {
-    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,
-            },
-        },
-    }); });
-};
-function CustomSelect(_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, minWidth = _a.minWidth, helperText = _a.helperText, _c = _a.color, color = _c === void 0 ? '#293241' : _c, _d = _a.errorColor, errorColor = _d === void 0 ? '#cc2936' : _d, _e = _a.focusColor, focusColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.outlineColor, outlineColor = _f === void 0 ? '#0000003b' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#ffffff' : _h, _j = _a.readOnly, readOnly = _j === void 0 ? false : _j, _k = _a.borderRadius, borderRadius = _k === void 0 ? 10 : _k, _l = _a.paddingLeft, paddingLeft = _l === void 0 ? 14 : _l, _m = _a.paddingRight, paddingRight = _m === void 0 ? 32 : _m, _o = _a.cantEdit, cantEdit = _o === void 0 ? false : _o, _p = _a.showIcon, showIcon = _p === void 0 ? true : _p, _q = _a.containerMargin, containerMargin = _q === void 0 ? '8px' : _q, _r = _a.height, height = _r === void 0 ? '40px' : _r, _s = _a.fontSize, fontSize = _s === void 0 ? '1rem' : _s, required = _a.required, iconComponent = _a.iconComponent, error = _a.error, others = __rest(_a, ["children", "value", "handleUpdate", "label", "minWidth", "helperText", "color", "errorColor", "focusColor", "outlineColor", "helperTextColor", "backgroundColor", "readOnly", "borderRadius", "paddingLeft", "paddingRight", "cantEdit", "showIcon", "containerMargin", "height", "fontSize", "required", "iconComponent", "error"]);
-    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: showIcon && iconComponent !== undefined,
-    };
-    var classes = useStyles();
-    var outlinedInputClasses = useOutlinedInputStyles(styleProps)();
-    var labelClasses = useLabelInputStyles(styleProps)();
-    var helperTextClasses = useHelperTextStyles(styleProps)();
-    var _t = useState(false), open = _t[0], setOpen = _t[1];
-    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: [label && _jsx(InputLabel, __assign({ classes: labelClasses }, { children: label })), _jsx(Select, __assign({}, others, { value: value, MenuProps: {}, onChange: handleUpdate }, (showIcon && iconComponent
-                ? { IconComponent: iconComponent }
-                : {}), { open: open, onFocus: function (e) {
-                    var _a;
-                    if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root'))) {
-                        setOpen(true);
-                    }
-                }, onClose: function () {
-                    setOpen(false);
-                }, onOpen: function () {
-                    setOpen(true);
-                }, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? label + (required ? ' *' : '') : undefined, classes: outlinedInputClasses }) }, { children: children })), 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 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));
-    };
-    return RoundedSelect;
-}(React.Component));
-export default RoundedSelect;

package/dist/Shared/RoundedSelect/RoundedSelect.stories.js

@@ -1,91 +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 { useArgs } from '@storybook/preview-api';
-import RoundedSelect from './RoundedSelect';
-import { MenuItem } from '@material-ui/core';
-var meta = {
-    component: RoundedSelect,
-    tags: ['autodocs'],
-    args: {
-        focusColor: '#3d5a7f',
-        helperTextColor: '#989898',
-        outlineColor: '#0000003b',
-        backgroundColor: '#ffffff',
-        color: '#293241',
-        readOnly: false,
-        borderRadius: 10,
-        fontSize: '1rem',
-        errorColor: '#cc2936',
-        fontWeight: '300',
-        cantEdit: false,
-    },
-};
-export default meta;
-export var Empty = {
-    args: {},
-};
-export var Default = {
-    args: {
-        label: 'Label',
-    },
-};
-export var ValueAndLabel = {
-    args: {
-        label: 'Label',
-        value: 'option',
-    },
-    render: function Component(args) {
-        var _a = useArgs(), setArgs = _a[1];
-        var onValueChange = function (value) {
-            var _a;
-            (_a = args.handleUpdate) === null || _a === void 0 ? void 0 : _a.call(args, value);
-            setArgs({ value: value });
-        };
-        return (_jsx(RoundedSelect, __assign({}, args, { handleUpdate: onValueChange }, { children: _jsx(MenuItem, __assign({ value: 'option', style: { whiteSpace: 'normal' } }, { children: "Option" })) })));
-    },
-};
-export var Full = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-    },
-};
-export var Error = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-        error: true,
-    },
-};
-export var ErrorColor = {
-    args: {
-        label: 'Label',
-        helperText: 'Helper text',
-        error: true,
-        errorColor: 'blue',
-    },
-};
-export var DifferentColors = {
-    args: {
-        label: 'Label',
-        value: 'option',
-        helperText: 'Helper text',
-        helperTextColor: 'green',
-        outlineColor: 'purple',
-        backgroundColor: 'red',
-        color: 'blue',
-    },
-    render: function Component(args) {
-        return (_jsx(RoundedSelect, __assign({}, args, { children: _jsx(MenuItem, __assign({ value: 'option', style: { whiteSpace: 'normal' } }, { children: "Option" })) })));
-    },
-};

package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '@material-ui/core';
-interface StyleProps {
-    /** The color of the outline when selected and hovered on */
-    focusColor?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
-    /** The color of the background  */
-    backgroundColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** If the style should change on hover */
-    cantEdit?: boolean;
-    /** The hight of the container */
-    height?: string;
-    /** The color of the text in the form */
-    color?: string;
-    /** The fontsize of the content */
-    fontSize?: string;
-    /** The borderRadius of the input */
-    borderRadius?: number;
-    /** If input is readOnly */
-    readOnly?: boolean;
-    /** The weight of the font of the value and the placeholder */
-    fontWeight?: number | string;
-    /** The color of the helper text when not error */
-    helperTextColor?: string;
-    /** If custom icon exists and should be displayed */
-    showIcon?: boolean;
-    /** If the selector is completely hidden */
-    hidden?: boolean;
-}
-export interface RoundedSmartSelectProps extends Omit<TextFieldProps, 'color' | 'onFocus'>, StyleProps {
-    /** Currently selected value */
-    value: any;
-    /** The array of options to display */
-    options?: any[];
-    /** If the input is loading */
-    loading?: boolean;
-    /** function called when value changes */
-    handleUpdate?: (value: any) => void;
-    /** Strig to place in the label */
-    label: string;
-    /** The helper Text to display */
-    helperText?: string;
-    /** The margin around the selector */
-    containerMargin?: string;
-    /** The icon to display */
-    icon?: React.ReactNode;
-    /** If the options are searchable */
-    searchable?: boolean;
-    /** If can create new option */
-    creatable?: boolean;
-    /** Function to determine the currently selected option */
-    getOptionSelected?: (option: any, value: any) => boolean;
-    /** Function to determine the current value in string format */
-    getValueString?: (value: any) => string;
-    /** Function called on each value change */
-    changeListener?: (value: any) => void;
-    onFocus?: any;
-}
-export default function RoundedSmartSelect({ options, value, handleUpdate, label, getValueString, color, errorColor, focusColor, helperTextColor, outlineColor, backgroundColor, cantEdit, loading, height, fontSize, required, changeListener, error, getOptionSelected, helperText, readOnly, borderRadius, fontWeight, icon, searchable, containerMargin, showIcon, inputRef, disabled, hidden, creatable, onBlur, name, onFocus, }: RoundedSmartSelectProps): JSX.Element;
-export {};