@tecsinapse/cortex-react 2.2.0-beta.5 → 2.2.0-beta.7

package/dist/esm/hooks/useAutocompleteOptions.js

@@ -0,0 +1,33 @@
+import { useState, useCallback, useEffect } from 'react';
+
+const useAutocompleteOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = useCallback(async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useAutocompleteOptions };

package/dist/esm/index.js

@@ -43,6 +43,7 @@ export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
 export { Uploader } from './components/Uploader/index.js';
 export { Autocomplete } from './components/Autocomplete/index.js';
+export { PhoneInput } from './components/PhoneInput/index.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';

package/dist/esm/provider/ManagerContext.js

@@ -67,6 +67,11 @@ import 'react-dom';
 import '../components/Autocomplete/context.js';
 import '../components/Autocomplete/Options.js';
 import '../components/Autocomplete/GroupedOptions.js';
+import '../components/PhoneInput/Options.js';
+import '../components/PhoneInput/context.js';
+import 'react-international-phone';
+import 'react-icons/io5';
+import 'country-flag-icons/react/3x2';
 
 const ManagerContext = createContext(null);
 const ManagerProvider = ({ children }) => {

package/dist/esm/service/SnackbarSonner.js

@@ -33,6 +33,38 @@ class SnackbarSonner {
       { ...this._options, ...options }
     );
   }
+  async promise(promise, config) {
+    const { loading, success, error } = config;
+    const id = this.show(loading.type ?? "info", loading.message, {
+      ...loading.options,
+      duration: loading.options?.duration ?? Infinity
+    });
+    try {
+      await promise;
+      if (!success) {
+        toast.dismiss(id);
+      } else {
+        const msg = success?.message ?? "Opera\xE7\xE3o conclu\xEDda com sucesso.";
+        this.show(success?.type ?? "success", msg, {
+          ...success?.options,
+          id,
+          duration: success?.options?.duration ?? this._options?.duration ?? 5e3
+        });
+      }
+    } catch (err) {
+      if (!error) {
+        toast.dismiss(id);
+      } else {
+        const msg = error?.message ?? "Ocorreu um erro inesperado.";
+        this.show(error?.type ?? "error", msg, {
+          ...error?.options,
+          id,
+          duration: error?.options?.duration ?? this._options?.duration ?? 5e3
+        });
+      }
+    }
+    return promise;
+  }
 }
 
 export { SnackbarSonner };

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

@@ -1,2 +1,2 @@
 import { AutocompleteGroupedOptionsProps } from './types';
-export declare const AutocompleteGroupedOptions: ({ onSelect, groupedLabelExtractor, options, }: AutocompleteGroupedOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: AutocompleteGroupedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { AutocompleteOptionProps } from './types';
-export declare const AutocompleteOption: ({ option, onSelect, grouped, }: AutocompleteOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteOption: <T>({ option, onSelect, grouped, }: AutocompleteOptionProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { AutocompleteOptionsProps } from './types';
-export declare const AutocompleteOptions: ({ options, onSelect, children, }: AutocompleteOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteOptions: <T>({ options, onSelect, children, }: AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { AutocompleteRootProps } from './types';
-export declare const AutocompleteRoot: ({ children }: AutocompleteRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteRoot: <T>({ keyExtractor, labelExtractor, children, }: AutocompleteRootProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
-interface AutocompleteContextType {
+export interface AutocompleteContextType<T> {
     open: boolean;
     setOpen: (open: boolean) => void;
     triggerWidth: number | undefined;
     setTriggerWidth: Dispatch<SetStateAction<number | undefined>>;
+    keyExtractor: (option: T) => string;
+    labelExtractor: (option: T) => string;
 }
-export declare const AutocompleteContext: import("react").Context<AutocompleteContextType | undefined>;
-export {};
+export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any> | undefined>;

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[];
-    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[]>;
+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<T> {
     inputValue: string;
     setInputValue: React.Dispatch<React.SetStateAction<string>>;
     onChange: ChangeEventHandler<HTMLInputElement>;
-    options: 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

@@ -0,0 +1,9 @@
+interface useAutocompleteGroupedOptionsProps<T> {
+    options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
+}
+export declare const useAutocompleteGroupedOptions: <T>({ options: _options, }: useAutocompleteGroupedOptionsProps<T>) => {
+    isLoading: boolean | undefined;
+    options: Map<string, T[]> | undefined;
+    error: string | undefined;
+};
+export {};

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

@@ -0,0 +1,9 @@
+interface useAutocompleteOptionsProps<T> {
+    options?: T[] | (() => Promise<T[]>);
+}
+export declare const useAutocompleteOptions: <T>({ options: _options, }: useAutocompleteOptionsProps<T>) => {
+    isLoading: boolean | 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.5",
+  "version": "2.2.0-beta.7",
   "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": "bd4d4157b201d85cbbbe653fb1e080ca1034cebc"
+  "gitHead": "5613e70671c62eb5c39356cc66e243ade324b225"
 }