@tecsinapse/cortex-react 2.2.0-beta.6 → 2.2.0

package/dist/types/components/Autocomplete/index.d.ts

@@ -1,9 +1,9 @@
 export declare const Autocomplete: {
-    Root: ({ children }: import("./types").AutocompleteRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: <T>({ keyExtractor, labelExtractor, children, }: import("./types").AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ inputValue, onChange, label, disabled, placeholder, }: import("./types").AutocompleteTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Popover: ({ children, className, }: import("./types").AutocompletePopoverProps) => import("react/jsx-runtime").JSX.Element;
-    Options: ({ options, onSelect, children, }: import("./types").AutocompleteOptionsProps) => import("react/jsx-runtime").JSX.Element;
-    Option: ({ option, onSelect, grouped, }: import("./types").AutocompleteOptionProps) => import("react/jsx-runtime").JSX.Element;
-    GroupedOptions: ({ onSelect, groupedLabelExtractor, options, }: import("./types").AutocompleteGroupedOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    Options: <T>({ options, onSelect, children, }: import("./types").AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Option: <T>({ option, onSelect, grouped, }: import("./types").AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+    GroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: import("./types").AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
 };
 export * from './types';

package/dist/types/components/Autocomplete/types.d.ts

@@ -3,7 +3,9 @@ export interface Option {
     label: string;
     value: string;
 }
-export interface AutocompleteRootProps {
+export interface AutocompleteRootProps<T> {
+    keyExtractor: (option: T) => string;
+    labelExtractor: (option: T) => string;
     children: ReactNode;
     className?: string;
 }
@@ -19,27 +21,29 @@ export interface AutocompletePopoverProps {
     children: ReactNode;
     className?: string;
 }
-export interface AutocompleteOptionsProps {
-    options?: Option[] | (() => Promise<Option[]>);
-    onSelect?: (option: Option) => void;
+export interface AutocompleteOptionsProps<T> {
+    keyExtractor?: (option: T) => string;
+    options?: T[] | (() => Promise<T[]>);
+    onSelect?: (option: T) => void;
     children?: ReactNode;
 }
-export interface AutocompleteGroupedOptionsProps {
-    options?: Map<string, Option[]> | (() => Promise<Map<string, Option[]>>);
+export interface AutocompleteGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
     groupedLabelExtractor: (value: string) => string;
-    onSelect?: (option: Option) => void;
+    onSelect?: (option: T) => void;
 }
-export interface AutocompleteOptionProps {
-    option: Option;
-    onSelect?: (option: Option) => void;
+export interface AutocompleteOptionProps<T> {
+    keyExtractor?: (option: T) => string;
+    option: T;
+    onSelect?: (option: T) => void;
     grouped?: boolean;
 }
-export interface AutocompleteProps {
+export interface AutocompleteProps<T> {
     inputValue: string;
     setInputValue: React.Dispatch<React.SetStateAction<string>>;
     onChange: ChangeEventHandler<HTMLInputElement>;
-    options: Option[] | (() => Promise<Option[]>);
-    onSelect?: (option: Option) => void;
+    options: T[] | (() => Promise<T[]>);
+    onSelect?: (option: T) => void;
     label?: string;
     placeholder?: string;
     disabled?: boolean;

package/dist/types/components/PhoneInput/FlagIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FlagIconProps {
+    countryCode: string;
+    className?: string;
+    title?: string;
+}
+export declare const FlagIcon: React.FC<FlagIconProps>;
+export {};

package/dist/types/components/PhoneInput/Option.d.ts

@@ -0,0 +1,6 @@
+import { ParsedCountry } from 'react-international-phone';
+export declare const PhoneInputOption: ({ country, handleSelectCountry, disableClick, }: {
+    country: ParsedCountry;
+    handleSelectCountry: (country: ParsedCountry) => void;
+    disableClick?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Options.d.ts

@@ -0,0 +1,3 @@
+export declare const PhoneInputOptions: ({ hasSearch, }: {
+    hasSearch?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Popover.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const PhoneInputPopover: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Root.d.ts

@@ -0,0 +1,2 @@
+import { PhoneInputRootProps } from './types';
+export declare const PhoneInputRoot: ({ children, className, onChange, ...rest }: PhoneInputRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { PhoneInputTriggerProps } from './types';
+export declare const PhoneInputTrigger: ({ disabled, label, ...rest }: PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PhoneInput/context.d.ts

@@ -0,0 +1,15 @@
+import { usePhoneInput } from 'react-international-phone';
+export interface Country {
+    country: string;
+    iso: string;
+    code: string;
+}
+interface PhoneInputContextProps extends ReturnType<typeof usePhoneInput> {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    triggerWidth?: number;
+    setTriggerWidth?: React.Dispatch<React.SetStateAction<number | undefined>>;
+}
+export declare const PhoneInputContext: import("react").Context<PhoneInputContextProps | null>;
+export declare const usePhoneContext: () => PhoneInputContextProps;
+export {};

package/dist/types/components/PhoneInput/index.d.ts

@@ -0,0 +1,16 @@
+export declare const PhoneInput: {
+    Root: ({ children, className, onChange, ...rest }: import("./types").PhoneInputRootProps) => import("react/jsx-runtime").JSX.Element;
+    Popover: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ disabled, label, ...rest }: import("./types").PhoneInputTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Option: ({ country, handleSelectCountry, disableClick, }: {
+        country: import("react-international-phone").ParsedCountry;
+        handleSelectCountry: (country: import("react-international-phone").ParsedCountry) => void;
+        disableClick?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Options: ({ hasSearch, }: {
+        hasSearch?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export * from './types';

package/dist/types/components/PhoneInput/types.d.ts

@@ -0,0 +1,13 @@
+import { ParsedCountry, UsePhoneInputConfig } from 'react-international-phone';
+import { InputPropsBase } from '../Input';
+import { ReactNode } from 'react';
+export interface PhoneInputTriggerProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
+}
+export interface PhoneInputRootProps extends Omit<UsePhoneInputConfig, 'onChange'> {
+    children: ReactNode;
+    className?: string;
+    onChange?: (value: string, rest: {
+        inputValue: string;
+        country: ParsedCountry;
+    }) => void;
+}

package/dist/types/components/index.d.ts

@@ -33,3 +33,4 @@ export * from './Toggle';
 export * from './Tooltip';
 export * from './Uploader';
 export * from './Autocomplete';
+export * from './PhoneInput';

package/dist/types/hooks/useAutocompleteGroupedOptions.d.ts

@@ -1,10 +1,9 @@
-import { Option } from '../components/Autocomplete/types';
-interface useAutocompleteGroupedOptionsProps {
-    options?: Map<string, Option[]> | (() => Promise<Map<string, Option[]>>);
+interface useAutocompleteGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
 }
-export declare const useAutocompleteGroupedOptions: ({ options: _options, }: useAutocompleteGroupedOptionsProps) => {
+export declare const useAutocompleteGroupedOptions: <T>({ options: _options, }: useAutocompleteGroupedOptionsProps<T>) => {
     isLoading: boolean | undefined;
-    options: Map<string, Option[]> | undefined;
+    options: Map<string, T[]> | undefined;
     error: string | undefined;
 };
 export {};

package/dist/types/hooks/useAutocompleteOptions.d.ts

@@ -1,10 +1,9 @@
-import { Option } from '../components/Autocomplete/types';
-interface useAutocompleteOptionsProps {
-    options?: Option[] | (() => Promise<Option[]>);
+interface useAutocompleteOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
 }
-export declare const useAutocompleteOptions: ({ options: _options, }: useAutocompleteOptionsProps) => {
+export declare const useAutocompleteOptions: <T>({ options: _options, }: useAutocompleteOptionsProps<T>) => {
     isLoading: boolean | undefined;
-    options: Option[] | undefined;
+    options: T[] | undefined;
     error: string | undefined;
 };
 export {};

package/dist/types/hooks/useFileUpload.d.ts

@@ -1,6 +1,6 @@
 import { type DropEvent, type FileRejection } from 'react-dropzone';
 import { AcceptSpecificMap, UseDropzoneProps, type FileUpload } from '../components/Uploader/types';
-interface UseFileUploadOptions {
+interface UseFileUploadOptions<T> {
     accept?: {
         IMAGE?: (typeof AcceptSpecificMap.IMAGE)[number][];
         APPLICATION?: (typeof AcceptSpecificMap.APPLICATION)[number][];
@@ -8,7 +8,7 @@ interface UseFileUploadOptions {
         VIDEO?: (typeof AcceptSpecificMap.VIDEO)[number][];
         TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
     };
-    onAccept?: (files: FileUpload<unknown>[]) => Promise<FileUpload<unknown>[]>;
+    onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
     onOpenManager?: () => void;
     onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
     maxSize?: number;
@@ -22,7 +22,7 @@ interface UseFileUploadOptions {
     noClick?: boolean;
     ignoreRejections?: boolean;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, uploadSuccessText, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;
@@ -31,7 +31,7 @@ export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFil
     openManager: () => void;
     closeManager: () => void;
     isManagerOpen: boolean;
-    files: FileUpload<unknown>[];
+    files: FileUpload<any>[];
     duplicates: File[];
     onClearFiles: () => void;
 };

package/dist/types/provider/ManagerContext.d.ts

@@ -16,5 +16,5 @@ interface ManagerContextProps<T> {
 export declare const ManagerProvider: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const useManager: () => ManagerContextProps<unknown>;
+export declare const useManager: () => ManagerContextProps<any>;
 export {};

package/dist/types/service/SnackbarSonner.d.ts

@@ -2,9 +2,28 @@ import React from 'react';
 import { ExternalToast } from 'sonner';
 import { ISnackbar, TypeSnack } from './ISnackbar';
 import { IExternalToast } from './IExternalToast';
+interface PromiseSnackConfig<T = unknown> {
+    loading: {
+        message: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+    success?: {
+        message?: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+    error?: {
+        message?: string;
+        type?: TypeSnack;
+        options?: Omit<IExternalToast, 'className' | 'style'>;
+    };
+}
 export declare class SnackbarSonner implements ISnackbar<IExternalToast> {
     _options?: IExternalToast;
     constructor(options?: IExternalToast);
     custom(Component: React.ReactElement, options?: ExternalToast): string | number;
     show(type: TypeSnack, message: string, options?: Omit<IExternalToast, 'className' | 'style'>): string | number;
+    promise<T>(promise: Promise<T>, config: PromiseSnackConfig<T>): Promise<T>;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "2.2.0-beta.6",
+  "version": "2.2.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,14 +20,16 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "3.7.0",
-    "@tecsinapse/cortex-core": "2.0.0",
+    "@tecsinapse/cortex-core": "2.0.1",
     "clsx": "2.1.1",
+    "country-flag-icons": "^1.6.4",
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
     "embla-carousel-react": "^8.6.0",
     "react-aria": "3.38.1",
     "react-dropzone": "14.3.8",
     "react-imask": "7.6.1",
+    "react-international-phone": "^4.6.1",
     "react-spring": "9.7.5",
     "react-stately": "3.36.1",
     "sonner": "1.7.3",
@@ -48,5 +50,5 @@
     "react-icons": ">=5.2.0",
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "dc4acfa02813924f4707075b33eec14db030b521"
+  "gitHead": "7d2063d30f0d6c363a734a4f15cc66810dd2b546"
 }