@producteca/producteca-ui-kit 1.30.0 → 1.31.1

package/dist/components/inputs/searcher/searcher.d.ts

@@ -1,21 +1,8 @@
 import { default as React } from 'react';
-import { SelectOption } from '../selectField/selectField';
+import { BaseSelectProps } from '../selectField/selectField.types';
 
-export interface SearcherProps {
-    name: string;
-    label?: string;
-    size?: 'md' | 'lg';
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
+export interface SearcherProps extends BaseSelectProps {
     clearOnSelect?: boolean;
-    options: SelectOption[];
-    noOptionsMessage?: string | React.ReactNode;
-    rightModifier?: React.ReactNode;
-    isOptionDisabled?: (option: SelectOption) => boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     isLoading?: boolean;
     input?: {

package/dist/components/inputs/selectField/selectField.d.ts

@@ -1,40 +1,12 @@
 import { default as React } from 'react';
 import { OptionProps, SingleValueProps } from 'react-select';
-import { ReduxFormInput } from '../../../hooks/useReduxFormField';
-import { InputValue, Meta } from '../../../validators';
+import { SelectOption, SelectOptionType, BaseSelectProps, SelectFieldProps } from './selectField.types';
 
-export interface SelectOption {
-    label: string;
-    value: string | number;
-    tooltipMessage?: string;
-    [key: string]: any;
-}
-export type SelectOptionType = SelectOption[] | SelectOption | null;
-export interface SelectFieldProps {
-    name: string;
-    label?: string;
-    size?: 'md' | 'lg';
-    onBlur?: () => void;
-    placeholder?: string;
-    disabled?: boolean;
-    isMultiple?: boolean;
-    required?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    options: SelectOption[];
-    noOptionsMessage?: string;
-    hideSelectedOptions?: boolean;
-    rightModifier?: React.ReactNode;
-    isOptionDisabled?: (option: SelectOption) => boolean;
-    value?: (string | number)[] | null | undefined;
-    defaultValue?: (string | number) | (string | number)[] | null | undefined;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    input?: ReduxFormInput;
-    meta?: Meta;
-    isValid?: (value: InputValue) => boolean;
-    noErrors?: boolean;
-}
-export declare const Option: (props: OptionProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseOption: (props: OptionProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
+export declare const Option: (props: OptionProps<SelectOption> & {
+    formatOption?: (option: SelectOption) => React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseSingleValue: (props: SingleValueProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
 export declare const SingleValue: (props: SingleValueProps<SelectOption>) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchComponent: () => import("react/jsx-runtime").JSX.Element;
 export declare const ClearComponent: ({ optionSelected, isClearable, handleChange, }: {
@@ -44,3 +16,4 @@ export declare const ClearComponent: ({ optionSelected, isClearable, handleChang
 }) => import("react/jsx-runtime").JSX.Element | null;
 export declare const SelectField: React.FC<SelectFieldProps>;
 export default SelectField;
+export type { BaseSelectProps, SelectOption, SelectOptionType, SelectFieldProps };

package/dist/components/inputs/selectField/selectField.types.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/inputs/selectField/selectField.types.d.ts

@@ -0,0 +1,37 @@
+import { ReduxFormInput } from '../../../hooks/useReduxFormField';
+import { InputValue, Meta } from '../../../validators';
+
+export interface SelectOption {
+    label: string;
+    value: string | number;
+    tooltipMessage?: string;
+    [key: string]: any;
+}
+export type SelectOptionType = SelectOption[] | SelectOption | null;
+export interface BaseSelectProps {
+    name: string;
+    label?: string;
+    size?: 'md' | 'lg' | 'fullwidth';
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    options: SelectOption[];
+    noOptionsMessage?: string;
+    rightModifier?: React.ReactNode;
+    isOptionDisabled?: (option: SelectOption) => boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    formatOption?: (option: SelectOption) => React.ReactNode;
+}
+export interface SelectFieldProps extends BaseSelectProps {
+    onBlur?: () => void;
+    isMultiple?: boolean;
+    hideSelectedOptions?: boolean;
+    value?: (string | number)[] | null | undefined;
+    defaultValue?: (string | number) | (string | number)[] | null | undefined;
+    input?: ReduxFormInput;
+    meta?: Meta;
+    isValid?: (value: InputValue) => boolean;
+    noErrors?: boolean;
+}

package/dist/locales/es.d.ts

@@ -62,6 +62,8 @@ declare const _default: {
             disabledOptions: string;
             noOptions: string;
             withIcon: string;
+            fullWidth: string;
+            labelFullWidth: string;
         };
         actionBar: {
             example: string;