plataforma-fundacao-componentes 3.0.0-beta.3 → 3.0.0-beta.30

package/dist/components/scrollTainer/scrollTainer.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export interface ScrollTainerProps extends HTMLAttributes<HTMLDivElement> {
+    active?: boolean;
+    theme?: 'default' | 'white' | 'primary' | 'dark';
+    body?: boolean;
+}
+export default function ScrollTainer({ active: ac, theme, body: changeBody, className, ...props }: ScrollTainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/select/select.d.ts

@@ -0,0 +1,30 @@
+import { ChangeEvent, ComponentProps } from 'react';
+import Input from '../input/input';
+import SelectMultiple from '../selectMultiple/selectMultiple';
+export type OptionType = {
+    label: string;
+    value: string;
+};
+export interface SelectProps {
+    label?: ComponentProps<typeof Input>['label'];
+    placeholder?: ComponentProps<typeof Input>['placeholder'];
+    helperText?: ComponentProps<typeof Input>['helperText'];
+    options?: OptionType[];
+    value?: string;
+    error?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    clearIcon?: boolean;
+    onChange?: (value: string | undefined, evt?: ChangeEvent) => void;
+    language?: {
+        loading: string;
+        optionNotFound: string;
+        noOption: string;
+    };
+}
+declare function Select({ label, placeholder, options, helperText, className, loading, clearIcon, disabled, error, value, onChange, language, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var Multiple: typeof SelectMultiple;
+}
+export default Select;

package/dist/components/selectMultiple/selectMultiple.d.ts

@@ -0,0 +1,28 @@
+import { ComponentProps } from 'react';
+import Input from '../input/input';
+export type OptionType = {
+    label: string;
+    value: string;
+};
+export interface SelectMultipleProps {
+    label?: ComponentProps<typeof Input>['label'];
+    placeholder?: (value: string[]) => string;
+    searchPlaceholder?: string;
+    helperText?: ComponentProps<typeof Input>['helperText'];
+    options?: OptionType[];
+    value?: string[];
+    onChange?: (value?: string[]) => void;
+    error?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    clearIcon?: boolean;
+    language?: {
+        loading: string;
+        optionNotFound: string;
+        noOption: string;
+        selectAll: string;
+        clearAll: string;
+    };
+}
+export default function SelectMultiple({ className, placeholder, label, value, onChange, error, loading, disabled, helperText, options, clearIcon, searchPlaceholder, language, }: SelectMultipleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/steps/fragments/stepStatusIcon/stepStatusIcon.d.ts

@@ -0,0 +1,11 @@
+export declare enum StepStatus {
+    FUTURE = 0,
+    ATUAL = 1,
+    COMPLETED = 2
+}
+interface Props {
+    status?: StepStatus;
+    whiteBackground?: boolean;
+}
+export default function StepStatusIcon({ status, whiteBackground, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/steps/steps.d.ts

@@ -0,0 +1,14 @@
+import { MouseEvent } from 'react';
+interface StepsProps {
+    atual?: number;
+    steps?: {
+        label: string;
+        disabled?: boolean;
+    }[];
+    onChange?: (at: number, evt: MouseEvent) => void;
+    aditionalPercentage?: number;
+    w100?: boolean;
+    strokeWidth?: number;
+}
+export default function Steps({ atual, steps, onChange, aditionalPercentage, w100, strokeWidth, }: StepsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {
+    title?: string;
+    text?: string;
+    theme?: 'primary' | 'alert';
+}
+declare function Switch({ title, text, theme, className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export type iTab = {
+    label: string;
+    disabled?: boolean;
+    disabledReason?: string;
+};
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    tabs: iTab[];
+    atual: number;
+    onChange: (a: number) => void;
+}
+export default function Tabs({ tabs, atual, onChange, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export interface TagProps extends HTMLAttributes<HTMLDivElement> {
+    theme?: 'brand' | 'primary' | 'primary-light' | 'primary-dark' | 'red' | 'red-light' | 'orange' | 'yellow' | 'yellow-light' | 'yellow-dark' | 'light-blue' | 'gray' | 'gray-light';
+}
+export default function Tag({ className, theme, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/toast/fragments/{toastElement/toastElement.d.ts → toast/toast.d.ts}

@@ -8,5 +8,5 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'childr
     pauseOnFocusLoss?: boolean;
     onClose?: () => void;
 }
-declare const ToastElement: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ToastElement;
+declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Toast;

package/dist/components/toast/fragments/toastContainer/toastContainer.d.ts

@@ -1,4 +1,5 @@
-import { ToastProps } from '../toastElement/toastElement';
+import { HTMLAttributes } from 'react';
+import { ToastProps } from '../toast/toast';
 type vertical = 'top' | 'bottom';
 type horizontal = 'left' | 'center' | 'right';
 export interface ToastContainerProps {
@@ -8,10 +9,12 @@ export interface ToastContainerProps {
     duration?: ToastProps['duration'];
     statusBar?: ToastProps['statusBar'];
     pauseOnFocusLoss?: boolean;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
 }
-export interface ToastContainerFn {
+interface ToastContainerFn {
     showToast: (toast: ToastProps) => void;
     clearAllToasts: () => void;
 }
 declare const ToastContainer: import("react").ForwardRefExoticComponent<ToastContainerProps & import("react").RefAttributes<ToastContainerFn>>;
 export default ToastContainer;
+export type { ToastContainerFn };

package/dist/components/toast/fragments/toastContainer/toastContainer.renderer.d.ts

@@ -0,0 +1,8 @@
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { ToastProps } from '../toast/toast';
+interface ToastRendererProps {
+    position: string;
+    toastProps: ToastProps;
+}
+export default function ToastRenderer({ position, toastProps, ...props }: ToastRendererProps & Partial<CSSTransitionProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,9 @@
+import { Placement } from '@floating-ui/react';
+import { ReactNode } from 'react';
+export interface iTooltip {
+    label?: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    children?: ReactNode;
+}
+export default function Tooltip({ label, placement, fallbackPlacements, children, }: iTooltip): import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/typography.d.ts

@@ -1,9 +1,10 @@
-import { HTMLAttributes } from 'react';
-interface TypographyProps extends HTMLAttributes<HTMLElement> {
-    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'small' | 'caption';
+import { CSSProperties, HTMLAttributes } from 'react';
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'small';
     focus?: boolean;
-    color?: 'primary' | 'secondary' | 'default';
-    format?: {
+    alignment?: CSSProperties['textAlign'];
+    color?: 'primary' | 'primary-dark' | 'secondary' | 'default';
+    format?: true | {
         active: boolean;
         replacers?: string[];
     };

package/dist/hooks/index.d.ts

@@ -0,0 +1,11 @@
+import useClassNames from './useClassNames/useClassNames';
+import useDropOpened from './useDropOpened/useDropOpened';
+import useEvent from './useEvent/useEvent';
+import useFloatingPanel from './useFloatingPanel/useFloatingPanel';
+import useHTMLShare from './useHTMLShare/useHTMLShare';
+import useOutsideClick from './useOutsideClick/useOutsideClick';
+import useOverlay from './useOverlay/useOverlay';
+import useScreenSize from './useScreenSize/useScreenSize';
+import useSystemInfo from './useSystemInfo/useSystemInfo';
+import useToast from './useToast/useToast';
+export { useClassNames, useDropOpened, useEvent, useFloatingPanel, useHTMLShare, useOutsideClick, useOverlay, useScreenSize, useSystemInfo, useToast, };

package/dist/hooks/useEvent/useEvent.d.ts

@@ -1,3 +1,6 @@
-export default function useEvent(callback: (event: Event) => void, options?: {
-    events?: (keyof DocumentEventMap)[];
-}): void;
+import { AnimationEvent, FormEvent, KeyboardEvent, MouseEvent, UIEvent, WheelEvent } from 'react';
+export default function useEvent(events: {
+    target?: HTMLElement;
+    handler: (event: MouseEvent | KeyboardEvent | WheelEvent | UIEvent | Event | AnimationEvent | FormEvent) => void;
+    event: keyof DocumentEventMap;
+}[]): void;

package/dist/hooks/useFloatingPanel/useFloatingPanel.d.ts

@@ -1,15 +1,19 @@
-import { UseFloatingOptions } from '@floating-ui/react';
-interface Props {
+import { Placement, UseFloatingOptions } from '@floating-ui/react';
+export interface FloatingPanelProps {
     stateOpened: [boolean, (v: boolean) => void];
     matchWidth?: boolean;
     offset?: number;
-    placement?: UseFloatingOptions['placement'];
+    /**
+     * Utilize useState para essas refs!
+     */
+    elements?: UseFloatingOptions['elements'];
+    placement?: Placement;
     strategy?: UseFloatingOptions['strategy'];
+    fallbackPlacements?: Placement[];
 }
-export default function useFloatingPanel({ stateOpened, matchWidth, offset, placement, strategy, }: Props): {
+export default function useFloatingPanel({ stateOpened, matchWidth, offset, placement, strategy, fallbackPlacements, elements, }: FloatingPanelProps): {
     panelRef: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
     panelStyles: import("react").CSSProperties;
     anchorRef: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
     isMounted: boolean;
 };
-export {};

package/dist/hooks/useHTMLShare/useHTMLShare.d.ts

@@ -0,0 +1,29 @@
+import { jsPDF } from 'jspdf';
+import React, { RefObject } from 'react';
+type queryElementOrRef = string | React.JSX.Element | RefObject<HTMLElement>;
+type pdfOptions = {
+    pdfWidth?: number;
+    pdfHeight?: number;
+    imageWidth?: number;
+    imageHeight?: number;
+    imageX?: number;
+    imageY?: number;
+    quality?: number;
+    orientation?: 'p' | 'portrait' | 'l' | 'landscape';
+    scale?: number;
+};
+type DocFunctions = {
+    doc: jsPDF;
+    save(fileName: string): void;
+    openInCurrentWindow(): void;
+    openInNewWindow(): void;
+};
+export default function useHTMLShare(): {
+    print: (element: queryElementOrRef, centralized?: boolean) => Promise<void>;
+    pdf: (elementOrQuerySelector: queryElementOrRef, options?: {
+        fn?: (canvas: HTMLCanvasElement) => pdfOptions;
+        scale?: number;
+        centralized?: boolean;
+    }) => Promise<DocFunctions>;
+};
+export {};

package/dist/hooks/useOverlay/useOverlay.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { OverlayContainerFn } from '../../components/overlay/fragments/container/overlay.container';
+export default function useOverlay(r?: RefObject<OverlayContainerFn>): {
+    open: <C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>(component: C, componentProps: import("react").ComponentProps<C> & import("../../components/overlay/fragments/renderer/overlay.renderer").iRequiredOverlayProps) => string;
+    close: (mk?: string | undefined) => void;
+};

package/dist/hooks/useSystemInfo/useSystemInfo.d.ts

@@ -0,0 +1,6 @@
+import { Browser, OS } from '../../libraries/system';
+export default function useSystemInfo(): {
+    os: OS;
+    browser: Browser;
+    isMobile: boolean;
+};

package/dist/hooks/useToast/useToast.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { ToastContainerFn } from '../../components/toast/fragments/toastContainer/toastContainer';
+export default function useToast(r?: RefObject<ToastContainerFn>): {
+    showToast: (toast: import("../../components/toast/fragments/toast/toast").ToastProps) => void;
+    clearAllToasts: () => void;
+};