@arquimedes.co/eureka-forms 3.0.31-test → 3.0.32

package/dist/Shared/ErkDatePicker/ErkDatePicker.js

@@ -1,266 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from 'react';
-import { styled, Dialog as MuiDialog } from '@mui/material';
-import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, PickersDay as MuiPickerDay, usePickerContext, } from '@mui/x-date-pickers';
-import { StyledTextField } from '../ErkTextField/ErkTextField';
-import CalendarIcon from '../../Icons/CalendarIcon';
-import { renderTimeViewClock } from '@mui/x-date-pickers/timeViewRenderers';
-const StyledDateTimePicker = styled(MuiDateTimePicker, {
-    shouldForwardProp: (propName) => propName !== 'size',
-})(({ disabled, size }) => ({
-    '& .Erk-MuiInputBase-root': {
-        cursor: disabled ? 'default' : 'pointer',
-        '& input': {
-            cursor: disabled ? 'default' : 'pointer',
-            paddingRight: '0px',
-        },
-    },
-    '& .Erk-MuiInputBase-adornedEnd': {
-        paddingRight: '7px',
-    },
-    '& .Erk-MuiInputAdornment-root': {
-        minWidth: size === 'small' ? 24 : 26,
-        '& .Erk-MuiButtonBase-root': {
-            margin: '-2px',
-            padding: 3,
-            width: size === 'small' ? 28 : 26,
-            height: size === 'small' ? 28 : 26,
-        },
-    },
-    '& .Erk-MuiClock-root': {
-        marginBottom: '16px',
-    },
-}));
-const StyledDatePicker = styled(MuiDatePicker, {
-    shouldForwardProp: (propName) => propName !== 'size',
-})(({ disabled, size }) => ({
-    '& .Erk-MuiInputBase-root': {
-        cursor: disabled ? 'default' : 'pointer',
-        '& input': {
-            cursor: disabled ? 'default' : 'pointer',
-        },
-    },
-    '& .Erk-MuiInputBase-adornedEnd': {
-        paddingRight: '7px',
-    },
-    '& .Erk-MuiInputAdornment-root': {
-        minWidth: size === 'small' ? 24 : 26,
-        '& .Erk-MuiButtonBase-root': {
-            margin: '-2px',
-            padding: 3,
-            width: size === 'small' ? 28 : 26,
-            height: size === 'small' ? 28 : 26,
-        },
-    },
-}));
-const StyledDateTimeToolBar = styled(MuiDateTimePickerToolbar)(({ theme }) => ({
-    '&.Erk-MuiPickersToolbar-root': {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.primary.contrastText,
-        '& span': {
-            fontSize: '1rem',
-            textTransform: 'none',
-            color: theme.palette.primary.contrastText,
-        },
-        '& .Erk-MuiDateTimePickerToolbar-dateContainer': {
-            '& span': {
-                fontSize: '1.1rem',
-            },
-        },
-        '& .Erk-MuiDateTimePickerToolbar-timeDigitsContainer': {
-            '& span': {
-                fontSize: '2.3rem',
-            },
-        },
-        '& .Erk-MuiDateTimePickerToolbar-ampmSelection': {
-            '& span': {
-                color: theme.palette.primary.contrastText + '8b',
-                '&.Mui-selected': {
-                    color: theme.palette.primary.contrastText,
-                    fontWeight: 600,
-                },
-            },
-        },
-    },
-    cursor: 'default',
-    '& .Erk-MuiTypography-root': {
-        textTransform: 'capitalize',
-        color: theme.palette.primary.contrastText,
-    },
-}));
-const StyledDateToolBar = styled(MuiDatePickerToolbar)(({ theme }) => ({
-    '&.Erk-MuiPickersToolbar-root': {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.primary.contrastText,
-        '& span': {
-            fontSize: '1rem',
-            textTransform: 'capitalize',
-            color: theme.palette.primary.contrastText,
-        },
-    },
-    cursor: 'default',
-    '& .Erk-MuiTypography-root': {
-        textTransform: 'capitalize',
-        color: theme.palette.primary.contrastText,
-    },
-}));
-const StyledDialog = styled(MuiDialog)(({ theme }) => ({
-    '& .Erk-MuiDialog-paper': {
-        borderRadius: '5px',
-        backgroundColor: 'transparent',
-    },
-    '& .Erk-MuiPickersLayout-root': {
-        display: 'flex',
-        flexDirection: 'column',
-    },
-    '& .Erk-MuiDialogActions-root': {
-        '& .Erk-MuiButtonBase-root': { fontWeight: 700 },
-    },
-    '& .Erk-MuiDialogContent-root': {
-        scrollbarColor: theme.palette.primary.main + ' white',
-    },
-}));
-const StyledDay = styled(MuiPickerDay)(({ theme }) => ({
-    fontWeight: 500,
-    fontSize: '0.9rem',
-    lineHeight: 'normal',
-    '&.Erk-MuiPickersDay-today': {
-        backgroundColor: theme.palette.primary.main + '33',
-    },
-    '&.Erk-MuiPickersDay-dayOutsideMonth': {
-        color: 'rgb(0,0,0,0.4)',
-        '&.Mui-selected': {
-            color: theme.palette.primary.contrastText,
-        },
-    },
-}));
-// eslint-disable-next-line react/display-name
-const CustomTextField = forwardRef((props, ref) => {
-    const pickerContext = usePickerContext();
-    return _jsx(StyledTextField, { ...props, inputRef: ref, onClick: () => pickerContext.setOpen((prev) => !prev) });
-});
-function CustomDatePicker({ error, required, disabled, readOnly, helperText, size = 'small', labelMargin = 5, pickTime = false, ...others }) {
-    if (pickTime) {
-        return (_jsx(StyledDateTimePicker, { ampm: true, size: size, reduceAnimations: true, ...others, disabled: disabled ?? readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, slotProps: {
-                actionBar: {
-                    actions: ['clear', 'accept'],
-                },
-                layout: {
-                    sx: {
-                        //Pasar esto al componente de layout?
-                        backgroundColor: '#ffffff',
-                        textTransform: 'capitalize',
-                        '& .Erk-MuiDayCalendar-weekDayLabel': {
-                            gridColumn: 1,
-                            gridRow: 2,
-                        },
-                        '& .Erk-MuiPickersCalendarHeader-root': {
-                            marginTop: '5px',
-                        },
-                        '& .Erk-MuiDateCalendar-root': {
-                            height: 'fit-content',
-                        },
-                        '& .Erk-MuiClock-root': {
-                            fontSize: 16,
-                            marginTop: '34px',
-                            marginBottom: '30px',
-                        },
-                        '& .Erk-MuiTimeClock-arrowSwitcher': {
-                            top: 5,
-                        },
-                    },
-                },
-                monthButton: {
-                    sx: {
-                        textTransform: 'capitalize',
-                    },
-                },
-                toolbar: {
-                    toolbarFormat: 'eee, d MMM',
-                    hidden: false,
-                    toolbarPlaceholder: '– –',
-                },
-                textField: {
-                    error,
-                    size,
-                    disabled,
-                    helperText,
-                    labelMargin,
-                    placeholder: '',
-                    fullWidth: true,
-                    InputProps: {
-                        disabled: disabled ?? readOnly,
-                    },
-                },
-            }, viewRenderers: {
-                hours: renderTimeViewClock,
-                minutes: renderTimeViewClock,
-                seconds: renderTimeViewClock,
-            }, slots: {
-                day: StyledDay,
-                dialog: StyledDialog,
-                toolbar: StyledDateTimeToolBar,
-                textField: CustomTextField,
-                openPickerIcon: CalendarIcon,
-            }, enableAccessibleFieldDOMStructure: false }));
-    }
-    else {
-        return (_jsx(StyledDatePicker, { ...others, size: size, reduceAnimations: true, readOnly: readOnly, disabled: disabled ?? readOnly, defaultValue: required ? new Date() : undefined, showDaysOutsideCurrentMonth: true, views: ['year', 'month', 'day'], slotProps: {
-                actionBar: {
-                    actions: ['clear', 'accept'],
-                },
-                layout: {
-                    sx: {
-                        backgroundColor: '#ffffff',
-                        textTransform: 'capitalize',
-                        '& .Erk-MuiDayCalendar-weekDayLabel': {
-                            cursor: 'default',
-                        },
-                        '& .Erk-MuiPickersCalendarHeader-root': {
-                            marginTop: '5px',
-                        },
-                        '& .Erk-MuiDateCalendar-root': {
-                            height: 'fit-content',
-                        },
-                    },
-                },
-                monthButton: {
-                    sx: {
-                        textTransform: 'capitalize',
-                    },
-                },
-                toolbar: {
-                    toolbarFormat: 'eee, d MMM',
-                    hidden: false,
-                    toolbarPlaceholder: '– –',
-                },
-                textField: {
-                    size,
-                    error,
-                    disabled,
-                    helperText,
-                    labelMargin,
-                    fullWidth: true,
-                    placeholder: '',
-                    InputProps: {
-                        disabled: disabled ?? readOnly,
-                    },
-                },
-            }, slots: {
-                day: StyledDay,
-                dialog: StyledDialog,
-                toolbar: StyledDateToolBar,
-                textField: CustomTextField,
-                openPickerIcon: CalendarIcon,
-            }, enableAccessibleFieldDOMStructure: false }));
-    }
-}
-/**
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
- */
-class ErkDatePicker extends React.Component {
-    render() {
-        return _jsx(CustomDatePicker, { ...this.props });
-    }
-}
-export default ErkDatePicker;

package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import ErkDatePicker from './ErkDatePicker';
-declare const meta: {
-    component: typeof ErkDatePicker;
-    tags: string[];
-    args: {
-        readOnly: false;
-    };
-    parameters: {
-        date: Date;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Empty: Story;
-export declare const Default: Story;
-export declare const ValueAndLabel: Story;
-export declare const Full: Story;
-export declare const FullDateTime: Story;
-export declare const Error: Story;
-export declare const Menu: Story;
-export declare const DateTimeDateMenu: Story;
-export declare const DateTimeTimeMenu: Story;

package/dist/Shared/ErkDatePicker/ErkDatePicker.stories.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ErkDatePicker from './ErkDatePicker';
-import { useArgs } from 'storybook/internal/preview-api';
-const meta = {
-    component: ErkDatePicker,
-    tags: ['autodocs'],
-    args: {
-        readOnly: false,
-    },
-    parameters: {
-        date: new Date('07-21-2021'),
-    },
-};
-export default meta;
-export const Empty = {
-    args: {
-        value: null,
-    },
-};
-export const Default = {
-    args: {
-        label: 'Label',
-        value: new Date('07-21-2021'),
-    },
-};
-export const ValueAndLabel = {
-    args: {
-        label: 'Label',
-        value: null,
-    },
-    render: function Component(args) {
-        const [, setArgs] = useArgs();
-        const onValueChange = (value) => {
-            args.onChange?.(value);
-            setArgs({ value });
-        };
-        return _jsx(ErkDatePicker, { ...args, onChange: onValueChange });
-    },
-};
-export const Full = {
-    args: {
-        label: 'Label',
-        value: null,
-        helperText: 'Helper text',
-    },
-};
-export const FullDateTime = {
-    args: {
-        label: 'Label',
-        value: null,
-        helperText: 'Helper text',
-        pickTime: true,
-    },
-};
-export const Error = {
-    args: {
-        label: 'Label',
-        value: null,
-        helperText: 'Helper text',
-        error: true,
-    },
-};
-export const Menu = {
-    args: {
-        label: 'Label',
-        value: null,
-    },
-    play: async ({ canvas, userEvent }) => {
-        const selector = canvas.getByTestId('date-picker');
-        await userEvent.click(selector);
-    },
-};
-export const DateTimeDateMenu = {
-    args: {
-        label: 'Label',
-        value: null,
-        pickTime: true,
-    },
-    play: async ({ canvas, userEvent }) => {
-        const selector = canvas.getByTestId('date-picker');
-        await userEvent.click(selector);
-    },
-};
-export const DateTimeTimeMenu = {
-    args: {
-        label: 'Label',
-        value: null,
-        pickTime: true,
-    },
-    play: async ({ canvas, userEvent }) => {
-        const selector = canvas.getByTestId('date-picker');
-        await userEvent.click(selector);
-        const time = canvas.getByText('12', {
-            selector: 'h3',
-        });
-        await userEvent.click(time);
-    },
-};

package/dist/Shared/ErkMenuItem.d.ts

@@ -1,4 +0,0 @@
-declare const Styled: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export default Styled;

package/dist/Shared/ErkMenuItem.js

@@ -1,18 +0,0 @@
-import { MenuItem, styled } from '@mui/material';
-const Styled = styled(MenuItem)(({ theme }) => ({
-    padding: '6px 12px',
-    whiteSpace: 'normal',
-    '& .Erk-MuiMenuItem-root:has(.ErkIcon) ': {
-        paddingLeft: '40px',
-        '& .ErkIcon': {
-            left: 12,
-            top: '50%',
-            position: 'absolute',
-            transform: 'translateY(-50%)',
-            fill: theme.palette.primary.main,
-            width: '20px',
-            height: '20px',
-        },
-    },
-}));
-export default Styled;

package/dist/Shared/ErkPhoneInput/EkrPhoneInput.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-import { ErkTextFieldProps } from '../ErkTextField/ErkTextField';
-export interface ErkPhoneInputProps extends Omit<ErkTextFieldProps, 'onChange' | 'ref'> {
-    /** The value of the phoneinput */
-    value?: string;
-    onChange?: (value: string) => void;
-    inputRef?: any;
-    readOnly?: boolean;
-}
-/**
- * Generic phoneinput with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class ErkPhoneInput extends React.Component<ErkPhoneInputProps & Omit<MuiTextFieldProps, 'onChange'>> {
-    render(): JSX.Element;
-}
-export default ErkPhoneInput;

package/dist/Shared/ErkPhoneInput/EkrPhoneInput.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import parse from 'libphonenumber-js/max';
-import { defaultCountries, FlagImage, parseCountry, usePhoneInput } from 'react-international-phone';
-import isoCountries from 'i18n-iso-countries';
-import es from 'i18n-iso-countries/langs/es.json';
-import { InputAdornment, Select, styled } from '@mui/material';
-import { MenuItem } from '@mui/material';
-import { StyledTextField } from '../ErkTextField/ErkTextField';
-import { useAppSelector } from '../../hooks';
-isoCountries.registerLocale(es);
-const StyledSelect = styled(Select)(() => ({
-    padding: 0,
-    input: {
-        padding: 0,
-    },
-    '& .Erk-MuiSelect-select': {
-        height: '20px',
-    },
-    '& .Erk-MuiSelect-select.Erk-MuiInputBase-inputSizeSmall': {
-        paddingBottom: 0,
-        borderBottom: 'none',
-    },
-    backgroundColor: 'transparent',
-    '& input': {
-        padding: 0,
-        margin: 0,
-    },
-    '&.Erk-MuiInputBase-root::before': {
-        borderBottom: 'none !important',
-    },
-    '&.Erk-MuiInput-underline::after': {
-        borderBottom: 'none',
-    },
-    '&.Mui-readOnly': {
-        '& .Erk-MuiSelect-select': {
-            paddingRight: 5,
-        },
-        '& .Erk-MuiSelect-icon': {
-            display: 'none',
-        },
-    },
-}));
-function CustomPhoneInput({ value, onChange, inputRef, IconComponent, size = 'small', readOnly = false, disabled = false, ...others }) {
-    const defaultCountry = useAppSelector((state) => state.global.countryCode);
-    const { inputValue, handlePhoneValueChange, inputRef: phoneRef, country, setCountry, } = usePhoneInput({
-        value: '+' + value,
-        inputRef,
-        defaultCountry: (defaultCountry ?? 'CO').toLowerCase(),
-        disableDialCodePrefill: true,
-        disableDialCodeAndPrefix: true,
-        onChange: (data) => onChange?.(data.phone.replace('+', '')),
-    });
-    const countries = useMemo(() => defaultCountries
-        .map((c) => {
-        const country = parseCountry(c);
-        return {
-            country,
-            name: isoCountries.getName(country.iso2.toUpperCase(), 'es') ?? country.name,
-        };
-    })
-        .sort((a, b) => a.name.localeCompare(b.name)), []);
-    return (_jsx("div", { style: { position: 'relative', width: '100%', maxWidth: '100%' }, children: _jsx(StyledTextField, { ...others, value: inputValue, readOnly: readOnly, disabled: disabled, fullWidth: true, size: size, variant: "outlined", onChange: handlePhoneValueChange, type: "tel", padding: "6px 12px 6px 6px", autoComplete: "tel", inputRef: phoneRef, onPaste: (e) => {
-                const value = e.clipboardData.getData('Text');
-                if (!value.startsWith('+')) {
-                    const phone = parse('+' + value);
-                    if (phone?.isValid()) {
-                        e.preventDefault();
-                        if (phone.country)
-                            setCountry(phone.country.toLowerCase());
-                        onChange?.(phone.number);
-                    }
-                }
-            }, slotProps: {
-                input: {
-                    readOnly,
-                    disabled: readOnly || disabled,
-                    startAdornment: (_jsx(InputAdornment, { position: "start", children: _jsx(StyledSelect, { size: 'small', variant: "standard", readOnly: readOnly, value: country.iso2, inputProps: { readOnly, disabled: readOnly || disabled }, onChange: (e) => setCountry(e.target.value), renderValue: (value) => (_jsx(FlagImage, { iso2: value, style: { display: 'flex' }, width: 20 })), children: countries.map(({ country, name }) => {
-                                return (_jsxs(MenuItem, { value: country.iso2, children: [_jsx(FlagImage, { iso2: country.iso2, size: 20 }), _jsx("span", { style: {
-                                                marginLeft: '8px',
-                                                marginRight: '8px',
-                                            }, children: name }), _jsxs("span", { style: { color: 'grey' }, children: ["+", country.dialCode] })] }, country.iso2));
-                            }) }) })),
-                    endAdornment: IconComponent,
-                },
-            } }) }));
-}
-/**
- * Generic phoneinput with apps designs. Is class due to the use in the react-hook-forms library
- */
-class ErkPhoneInput extends React.Component {
-    render() {
-        return _jsx(CustomPhoneInput, { ...this.props });
-    }
-}
-export default ErkPhoneInput;

package/dist/Shared/ErkSelect/ErkSelect.d.ts

@@ -1,52 +0,0 @@
-import React from 'react';
-import { SelectProps as MuiSelectProps } from '@mui/material';
-export interface SelectorStyleProps {
-    /** If input is readOnly */
-    readOnly?: boolean;
-}
-export declare const StyledSelect: import("@emotion/styled").StyledComponent<(import("@mui/material").FilledSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").StandardSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>) | (import("@mui/material").OutlinedSelectProps & import("@mui/material").BaseSelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>), {}, {}>;
-export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
-}, "required" | "size" | "color" | "children" | "className" | "style" | "classes" | "disabled" | "sx" | "margin" | "error" | "filled" | "variant" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    component?: React.ElementType;
-} & {
-    open: boolean;
-}, {}, {}>;
-export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement> | null | undefined;
-}, "required" | "children" | "className" | "style" | "classes" | "disabled" | "sx" | "margin" | "error" | "filled" | "variant" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    component?: React.ElementType;
-}, {}, {}>;
-export type ErkSelectValue<Type extends string | number, Multiple, Clearable> = Multiple extends true ? Type[] : Clearable extends true ? Type | undefined : Type;
-export interface ErkSelectProps<Type extends string | number = string, Multiple extends boolean | undefined = false, Clearable extends boolean | undefined = true> extends Omit<MuiSelectProps, 'color' | 'onChange' | 'ref'>, SelectorStyleProps {
-    /** if selecting multiple values */
-    multiple?: Multiple;
-    /** If the usar can clear the value */
-    clearable?: Clearable;
-    /** If the input is loading */
-    loading?: boolean;
-    /** children to display in the options */
-    children?: React.ReactNode;
-    /** Currently selected value */
-    value?: ErkSelectValue<Type, Multiple, Clearable>;
-    onChange?: (value: ErkSelectValue<Type, Multiple, Clearable>) => void;
-    /** String to place in the label */
-    label?: string;
-    /** The helper Text to display */
-    helperText?: string;
-    /** Label to display on clearable */
-    clearLabel?: string;
-    /** labelMargin */
-    labelMargin?: number;
-}
-export type CustomErkSelectOnChangeType<ChangeType, Multiple extends boolean | undefined, Clearable extends boolean | undefined> = Multiple extends true ? ChangeType[] : Clearable extends true ? ChangeType | undefined : ChangeType;
-export interface CustomErkSelectProps<ValueType extends string | number = string, ChangeType = any, Multiple extends boolean | undefined = false, Clearable extends boolean | undefined = true> extends Omit<ErkSelectProps<ValueType, Multiple, Clearable>, 'onChange'> {
-    onChange?: (value: CustomErkSelectOnChangeType<ChangeType, Multiple, Clearable>) => void;
-}
-/**
- * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class ErkSelect<Type extends string | number = string, Multiple extends boolean | undefined = false, Clearable extends boolean | undefined = true> extends React.Component<ErkSelectProps<Type, Multiple, Clearable>> {
-    render(): JSX.Element;
-}
-export default ErkSelect;