@arquimedes.co/eureka-forms 3.0.36 → 3.0.37-test

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 {};

package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -1,236 +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);
-};
-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 Autocomplete, { createFilterOptions, } from '@material-ui/lab/Autocomplete';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import { cloneElement } from 'react';
-import { MenuItem, Popper } from '@material-ui/core';
-import RoundedSelect from '../RoundedSelect/RoundedSelect';
-import CircularProgress from '@material-ui/core/CircularProgress';
-var filter = createFilterOptions();
-var useTextfieldStyles = function (props) {
-    return makeStyles(function () {
-        var _a, _b, _c;
-        return ({
-            root: {
-                opacity: props.hidden ? 0.5 : 1,
-                borderRadius: props.borderRadius,
-                '& input, textarea': {
-                    cursor: props.cantEdit || props.hidden ? 'default' : 'text',
-                    fontWeight: props.fontWeight,
-                    color: props.color,
-                    fontSize: props.fontSize,
-                    '&::placeholder': {
-                        fontSize: props.fontSize,
-                    },
-                    backgroundColor: props.backgroundColor,
-                    borderRadius: props.borderRadius,
-                    height: props.height,
-                    marginTop: '0px !important',
-                    padding: '0px 38px 0px 12px !important',
-                },
-                '& .EF-MuiInputBase-root': {
-                    padding: '0px !important',
-                    pointerEvents: 'all',
-                },
-                '& label': {
-                    marginTop: '-4px',
-                    fontSize: props.fontSize,
-                    color: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
-                        ? props.color + '8a'
-                        : props.color,
-                    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,
-                        pointerEvents: 'all',
-                    },
-                    height: props.height,
-                    '& .EF-MuiAutocomplete-input': {
-                        height: props.height,
-                        marginTop: -10,
-                    },
-                    '& .EF-MuiAutocomplete-input::placeholder': {
-                        color: '#787878',
-                        opacity: 1,
-                    },
-                },
-                '& .EF-MuiOutlinedInput-root:hover .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: props.cantEdit || props.hidden
-                        ? props.outlineColor
-                        : props.focusColor,
-                },
-                '& label.Mui-focused': {
-                    color: props.focusColor,
-                },
-                '& .Mui-error': {
-                    color: props.errorColor + ' !important',
-                },
-                '& .EF-MuiFormHelperText-root': {
-                    color: props.helperTextColor,
-                },
-                '& .EF-MuiFormHelperText-root.Mui-error': {
-                    color: props.errorColor + ' !important',
-                },
-                '& .EF-MuiFormLabel-root.Mui-disabled': {
-                    color: '#0000008a',
-                },
-                '& .EF-MuiOutlinedInput-notchedOutline': {
-                    borderColor: '#0000003b',
-                },
-                '& .EF-MuiAutocomplete-popupIndicator': {
-                    padding: 0,
-                    color: ((_b = props.color) === null || _b === void 0 ? void 0 : _b.startsWith('#'))
-                        ? props.color + '8a'
-                        : props.color,
-                },
-                '& .EF-MuiAutocomplete-popupIndicatorOpen': {
-                    transform: props.showIcon ? 'none' : 'rotate(180deg)',
-                },
-                '& .EF-MuiAutocomplete-clearIndicator': {
-                    display: 'none',
-                },
-                '& .EF-MuiAutocomplete-endAdornment': {
-                    top: 'calc(50% - 13px)',
-                    color: ((_c = props.color) === null || _c === void 0 ? void 0 : _c.startsWith('#'))
-                        ? props.color + '8a'
-                        : props.color,
-                },
-            },
-        });
-    });
-};
-export default function RoundedSmartSelect(_a) {
-    var _b;
-    var options = _a.options, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value === null || value === void 0 ? void 0 : value.value; } : _d, _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.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, changeListener = _a.changeListener, error = _a.error, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, _w = _a.hidden, hidden = _w === void 0 ? false : _w, _x = _a.creatable, creatable = _x === void 0 ? false : _x, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
-    var props = {
-        color: color,
-        height: height,
-        errorColor: errorColor,
-        focusColor: focusColor,
-        outlineColor: outlineColor,
-        helperTextColor: helperTextColor,
-        backgroundColor: backgroundColor,
-        borderRadius: borderRadius,
-        readOnly: readOnly,
-        fontSize: fontSize,
-        fontWeight: fontWeight,
-        hidden: hidden,
-        cantEdit: cantEdit,
-        showIcon: showIcon && icon !== undefined,
-    };
-    var textFieldClasses = useTextfieldStyles(props)();
-    if (searchable) {
-        return (_jsx(Autocomplete, { onFocus: onFocus, "data-testid": "smart-select", size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575', marginTop: 1 } })) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options !== null && options !== void 0 ? options : [], getOptionLabel: function (option) {
-                var _a, _b;
-                // Value selected with enter, right from the input
-                if (typeof option === 'string') {
-                    return option;
-                }
-                else if (option === null || option === void 0 ? void 0 : option.inputValue) {
-                    return (_a = option.inputValue) !== null && _a !== void 0 ? _a : '';
-                }
-                else {
-                    // Regular option
-                    return (_b = option === null || option === void 0 ? void 0 : option.label) !== null && _b !== void 0 ? _b : '';
-                }
-            }, getOptionSelected: getOptionSelected, PopperComponent: function (_a) {
-                var style = _a.style, props = __rest(_a, ["style"]);
-                return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) })));
-            }, value: !loading && value ? value : null, onChange: function (event, newValue) {
-                if (creatable) {
-                    if (typeof newValue === 'string') {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
-                    }
-                    else if (newValue && newValue.inputValue) {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue.inputValue);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue.inputValue); // Create a new value from the user input
-                    }
-                    else {
-                        changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue === null || newValue === void 0 ? void 0 : newValue.label);
-                        handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue === null || newValue === void 0 ? void 0 : newValue.label);
-                    }
-                }
-                else {
-                    changeListener === null || changeListener === void 0 ? void 0 : changeListener(newValue);
-                    handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(newValue);
-                }
-            }, filterOptions: function (options, params) {
-                if (value && value.label === (params === null || params === void 0 ? void 0 : params.inputValue)) {
-                    return options;
-                }
-                else {
-                    var filtered = filter(options, params);
-                    // Suggest the creation of a new value
-                    if (creatable && params.inputValue !== '') {
-                        filtered.push({
-                            inputValue: params.inputValue,
-                            label: "Crear \"".concat(params.inputValue, "\""),
-                        });
-                    }
-                    return filtered;
-                }
-            }, renderOption: function (option) {
-                return typeof option === 'string' ? option : option.label;
-            }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: !hidden && error, helperText: hidden ? undefined : helperText }))); }, noOptionsText: "No hay opciones" }));
-    }
-    else {
-        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, onFocus: onFocus, "data-testid": "smart-select", inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
-                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options === null || options === void 0 ? void 0 : options.find(function (option) {
-                    return getValueString(option) === event.target.value;
-                }));
-            }, value: loading ? '' : getValueString(value), color: color, errorColor: errorColor, focusColor: focusColor, helperTextColor: helperTextColor, backgroundColor: backgroundColor, outlineColor: outlineColor, cantEdit: cantEdit, disabled: cantEdit || disabled, label: label, required: required, readOnly: readOnly, helperText: hidden ? undefined : helperText, containerMargin: containerMargin, height: height, fontSize: fontSize, error: !hidden && error, iconComponent: loading
-                ? function () { return (_jsx("div", __assign({ style: {
-                        marginTop: 3,
-                        marginRight: 8,
-                    } }, { children: _jsx(CircularProgress, { size: 22, style: {
-                            color: '#757575',
-                        } }) }))); }
-                : showIcon && icon
-                    ? function (props) {
-                        return cloneElement(icon, props);
-                    }
-                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', "data-testid": 'smart-select-empty', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' }, "data-testid": 'smart-select-' + getValueString(option) }, { children: option.label }), getValueString(option))); }), options === undefined && value && !loading && (_jsx(MenuItem, __assign({ value: getValueString(value), style: { whiteSpace: 'normal' } }, { children: (_b = value.label) !== null && _b !== void 0 ? _b : '' }), getValueString(value)))] })));
-    }
-}

package/dist/Shared/RoundedSmartSelect/RoundedSmartSelect.stories.js

@@ -1,318 +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);
-};
-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 RoundedSmartSelect from './RoundedSmartSelect';
-import { within, userEvent, screen } from '@storybook/testing-library';
-var meta = {
-    component: RoundedSmartSelect,
-    tags: ['autodocs'],
-    args: {
-        searchable: false,
-        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: {
-        label: 'Label',
-    },
-};
-export var Default = {
-    args: {
-        label: 'Label',
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector, option;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        option = screen.getByTestId('smart-select-option');
-                        return [4 /*yield*/, userEvent.click(option)];
-                    case 2:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-    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(RoundedSmartSelect, __assign({}, args, { ref: undefined, handleUpdate: 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, selector, option;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        option = screen.getByTestId('smart-select-empty');
-                        return [4 /*yield*/, userEvent.click(option)];
-                    case 2:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var FocusedSearchable = {
-    args: {
-        label: 'Label',
-        searchable: true,
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var SearchableWithOptions = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var SearchableWithSearchAndOptions = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        value: 'Opt',
-        options: [
-            {
-                label: 'Option',
-                value: 'option',
-            },
-        ],
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var Loading = {
-    args: {
-        label: 'Label',
-        loading: true,
-    },
-};
-export var LoadingOpened = {
-    args: {
-        label: 'Label',
-        loading: true,
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var SearchableLoadingOpened = {
-    args: {
-        label: 'Label',
-        searchable: true,
-        loading: true,
-    },
-    play: function (_a) {
-        var canvasElement = _a.canvasElement;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var canvas, selector;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        canvas = within(canvasElement);
-                        selector = canvas.getByTestId('smart-select');
-                        return [4 /*yield*/, userEvent.click(selector)];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    },
-};
-export var WithValueandLabel = {
-    args: {
-        label: 'Label',
-        value: 'Textinput Value',
-    },
-};
-export var Full = {
-    args: {
-        label: 'Label',
-        value: 'Value',
-        helperText: 'Helper text',
-    },
-};
-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',
-        helperTextColor: 'green',
-        outlineColor: 'purple',
-        backgroundColor: 'red',
-        color: 'blue',
-    },
-};

package/dist/Shared/RoundedTextField/RoundedTextField.d.ts

@@ -1,45 +0,0 @@
-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 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;
-    /** If the input is multiline */
-    multiline?: boolean;
-    /** Cant edit */
-    cantEdit?: boolean;
-    /** The color of the helper text when not error */
-    helperTextColor?: string;
-    /** The icon to display */
-    icon?: React.ReactNode;
-    /** The max length of the string */
-    maxLength?: number;
-}
-interface RoundedTextFieldProps extends StyleProps {
-    /** The value of the textfield */
-    value?: string;
-}
-/**
- * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class RoundedTextField extends React.Component<RoundedTextFieldProps & TextFieldProps> {
-    render(): JSX.Element;
-}
-export default RoundedTextField;