plataforma-fundacao-componentes 2.26.4 → 2.26.6

package/dist/assets/icons/Bell16Icon.d.ts

@@ -0,0 +1,3 @@
+import React, { SVGProps } from 'react';
+import './Icon.scss';
+export default function Bell16Icon({ className, ...props }: SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/assets/icons/BellIcon.d.ts

@@ -0,0 +1,3 @@
+import React, { SVGProps } from 'react';
+import './Icon.scss';
+export default function BellIcon({ className, ...props }: SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/assets/icons/PercentLoaderIcon.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
+import React, { SVGProps } from 'react';
 import './PercentLoaderIcon.scss';
-export declare const PercentLoaderIcon: (props: {
+interface PercentLoaderIconProps extends SVGProps<SVGSVGElement> {
     value?: string | number;
     hideCheck?: boolean;
     indefinido?: boolean;
-}) => React.JSX.Element;
+}
+export declare const PercentLoaderIcon: ({ value, hideCheck, indefinido, className, ...props }: PercentLoaderIconProps) => React.JSX.Element;
+export {};

package/dist/assets/icons/Settings16Icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './Icon.scss';
+export declare const Settings16Icon: () => React.JSX.Element;

package/dist/components/button/Button.d.ts

@@ -14,6 +14,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     loading?: boolean;
     loader?: ReactNode | ThreeDotsProps;
 }
-declare function Button({ className, theme, w100, leftIcon, rightIcon, mobileBottomPage, loader, loading, children, ...props }: ButtonProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Button>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export default _default;

package/dist/components/checkbox/Checkbox.d.ts

@@ -24,8 +24,7 @@ declare function Checkbox({ value, tag, onChange, theme, className, error, type,
     'tooltip-position'?: TooltipPosition | undefined;
     'tooltip-text'?: string | undefined;
     disabled?: boolean | undefined;
-    id?: string | undefined;
-    color?: string | undefined;
+    children?: React.ReactNode;
     form?: string | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
@@ -44,6 +43,7 @@ declare function Checkbox({ value, tag, onChange, theme, className, error, type,
     dir?: string | undefined;
     draggable?: boolean | "true" | "false" | undefined;
     hidden?: boolean | undefined;
+    id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     placeholder?: string | undefined;
@@ -69,6 +69,7 @@ declare function Checkbox({ value, tag, onChange, theme, className, error, type,
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
+    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -131,7 +132,6 @@ declare function Checkbox({ value, tag, onChange, theme, className, error, type,
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: React.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;

package/dist/components/container/Container.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { TooltipPosition } from '../../libraries/Tooltips';
 import './Container.scss';
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
     fluid?: boolean;
-    position?: 'fixed' | 'absolute';
+    position?: CSSProperties['position'];
     verticalPadding?: boolean;
     hasMobileButton?: boolean;
     hasHeader?: boolean;
     hasAdvancedHeader?: boolean;
 }
-declare function Container(props: ContainerProps): React.JSX.Element;
+declare function Container({ position, fluid, verticalPadding, hasMobileButton, hasHeader, hasAdvancedHeader, className, style, ...props }: ContainerProps): React.JSX.Element;
 declare namespace Container {
     var defaultProps: Partial<ContainerProps>;
 }

package/dist/components/dropdownMenu/DropdownMenu.d.ts

@@ -1,4 +1,5 @@
-import React, { HTMLAttributes } from 'react';
+import React, { ComponentProps, HTMLAttributes } from 'react';
+import FloatingPanel from '../floatingPanel/FloatingPanel';
 import './DropdownMenu.scss';
 export interface DropdownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
     opened?: boolean;
@@ -6,13 +7,7 @@ export interface DropdownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>,
     content?: React.ReactNode;
     closeOnOutClick?: boolean;
     closeOnEsc?: boolean;
-    panelProps?: HTMLAttributes<HTMLDivElement>;
+    panelProps?: Partial<ComponentProps<typeof FloatingPanel>>;
+    removePadding?: boolean;
 }
-declare function DropdownMenu({ opened, setOpened, content, closeOnEsc, closeOnOutClick, children, panelProps, ...props }: DropdownMenuProps): React.JSX.Element;
-declare namespace DropdownMenu {
-    var defaultProps: {
-        closeOnOutClick: boolean;
-        closeOnEsc: boolean;
-    };
-}
-export default DropdownMenu;
+export default function DropdownMenu({ opened, setOpened, content, closeOnEsc, closeOnOutClick, children, panelProps, removePadding, ...props }: DropdownMenuProps): React.JSX.Element;

package/dist/components/floatingPanel/FloatingPanel.d.ts

@@ -1,17 +1,23 @@
-import React, { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+import React, { HTMLAttributes } from 'react';
 import './FloatingPanel.scss';
-export interface FloatingPanelProps {
+export interface FloatingPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * store your ref in state, like:
+     * const [ref, setRef] = useState<HTMLDivElement>();
+     * and
+     * <div ref={(e) => setRef(e)} />
+     */
+    statedAnchorRef: HTMLElement | undefined | null;
     opened: boolean;
     setOpened: (evt: boolean) => void;
-    children: ReactNode | JSX.Element;
-    className?: string;
-    bottom?: string;
-    radiusStyle?: 'only-top' | 'only-bottom' | 'all';
-    boxShadow?: boolean;
-}
-declare function FloatingPanel(props: FloatingPanelProps): React.JSX.Element;
-declare namespace FloatingPanel {
-    var defaultProps: Partial<FloatingPanelProps>;
+    matchWidth?: boolean;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    offset?: number;
+    closeOnOutClick?: boolean;
+    closeOnEsc?: boolean;
 }
+declare function FloatingPanel({ opened, setOpened, className, statedAnchorRef, matchWidth, placement, closeOnEsc, closeOnOutClick, style, fallbackPlacements, offset, ...props }: FloatingPanelProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FloatingPanel>;
 export default _default;

package/dist/components/fullHeightContainer/FullHeightContainer.d.ts

@@ -2,17 +2,11 @@ import React from 'react';
 import './FullHeightContainer.scss';
 interface FullHeightContainerProps {
     header?: React.ReactNode;
-    fixedFooter?: React.ReactNode;
+    footer?: React.ReactNode;
     verticalPadding?: boolean;
     horizontalPadding?: boolean;
     children?: React.ReactNode;
 }
-declare function FullHeightContainer(props: FullHeightContainerProps): React.JSX.Element;
-declare namespace FullHeightContainer {
-    var defaultProps: {
-        verticalPadding: boolean;
-        horizontalPadding: boolean;
-    };
-}
+declare function FullHeightContainer({ header, footer, ...props }: FullHeightContainerProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FullHeightContainer>;
 export default _default;

package/dist/components/fullHeightContainer/FullHeightContainer.stories.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
+import FullHeightContainer from './FullHeightContainer';
+import { Meta } from '@storybook/react';
+declare const meta: Meta<typeof FullHeightContainer>;
+export default meta;
 export declare const FirstExample: () => React.JSX.Element;
 export declare const NoContentExample: () => React.JSX.Element;
 export declare const ContainerExample: () => React.JSX.Element;

package/dist/components/iconButton/IconButton.d.ts

@@ -2,7 +2,7 @@ import React, { ButtonHTMLAttributes } from 'react';
 import { IconButtonType } from '../../libraries/IconButtonTheme';
 import { TooltipPosition } from '../../libraries/Tooltips';
 import './IconButton.scss';
-export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
     icon?: string | React.ReactNode;
@@ -10,13 +10,5 @@ export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>
     disabled?: boolean;
     className?: string;
 }
-declare function IconButton(props: IconButtonProps): React.JSX.Element;
-declare namespace IconButton {
-    var defaultProps: {
-        theme: string;
-        disabled: boolean;
-        icon: string;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof IconButton>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export default _default;

package/dist/components/input/Input.d.ts

@@ -14,18 +14,5 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     hideLabelAndHelperText?: boolean;
     forceFocus?: boolean;
 }
-declare function Input(props: InputProps): React.JSX.Element;
-declare namespace Input {
-    var defaultProps: {
-        value: string;
-        loading: boolean;
-        error: boolean;
-        helperText: string;
-        label: string;
-        placeholder: string;
-        type: string;
-        forceFocus: boolean;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof Input>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/itemDropdownDownload/ItemDropdownDownload.d.ts

@@ -12,14 +12,8 @@ export interface ItemDropdownDownloadProps extends ButtonHTMLAttributes<HTMLButt
     setOpened: (val: boolean) => void;
     closeOnOutClick: boolean;
     closeOnEsc: boolean;
-    downloads: DownloadItem[];
-}
-declare function ItemDropdownDownload(props: ItemDropdownDownloadProps): React.JSX.Element;
-declare namespace ItemDropdownDownload {
-    var defaultProps: {
-        closeOnOutClick: boolean;
-        closeOnEsc: boolean;
-    };
+    downloads?: DownloadItem[];
 }
+declare function ItemDropdownDownload({ label, opened, setOpened, closeOnOutClick, closeOnEsc, downloads, ...props }: ItemDropdownDownloadProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ItemDropdownDownload>;
 export default _default;

package/dist/components/notification/Notification.d.ts

@@ -1,22 +1,15 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { NotificationPosition, NotificationType } from '../../libraries/Notification';
 import './Notification.scss';
 interface NotificationProps {
     position?: NotificationPosition;
     type?: NotificationType;
-    count?: number;
+    count?: number | boolean | ReactNode;
+    bordered?: boolean;
     verticalOuter?: number;
     horizontalOuter?: number;
     className?: string;
     children: React.ReactNode;
 }
-declare function Notification(props: NotificationProps): React.JSX.Element;
-declare namespace Notification {
-    var defaultProps: {
-        type: NotificationType;
-        position: NotificationPosition;
-        verticalOuter: number;
-        horizontalOuter: number;
-    };
-}
-export default Notification;
+export default function Notification({ className, bordered, position, type, verticalOuter, horizontalOuter, ...props }: NotificationProps): React.JSX.Element;
+export {};

package/dist/components/notification/Notification.stories.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
+import { Meta, StoryObj } from '@storybook/react';
 import Notification from './Notification';
-declare const _default: {
-    title: string;
-    component: typeof Notification;
-};
-export default _default;
-export declare const NumberCount: () => React.JSX.Element;
-export declare const ExclamationPoint: () => React.JSX.Element;
+declare const meta: Meta<typeof Notification>;
+export default meta;
+declare type Story = StoryObj<typeof Notification>;
+export declare const CountNumber: Story;
+export declare const CountBoolean: Story;
+export declare const CountStringNode: Story;

package/dist/components/notificationPanel/NotificationPanel.d.ts

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import './NotificationPanel.scss';
+declare type Notification = {
+    alert?: boolean;
+    title: string;
+    text?: string;
+    date?: string;
+    onClick: HTMLAttributes<HTMLDivElement>['onClick'];
+};
+export interface NotificationPanelProps {
+    children: ReactNode;
+    opened: boolean;
+    setOpened: (opened: boolean) => void;
+    notifications?: Notification[];
+    title?: ReactNode;
+    settingsButton?: ReactNode;
+    paginator?: ReactNode;
+    loading?: boolean;
+}
+export default function NotificationPanel({ opened, setOpened, children: icon, notifications, title, settingsButton, loading, paginator, }: NotificationPanelProps): React.JSX.Element;
+export {};

package/dist/components/notificationPanel/NotificationPanel.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import NotificationPanel from './NotificationPanel';
+declare const meta: Meta<typeof NotificationPanel>;
+export default meta;
+declare type Story = StoryObj<typeof NotificationPanel>;
+export declare const Primary: Story;

package/dist/components/tooltipElement/TooltipElement.d.ts

@@ -1,9 +1,11 @@
 import { Placement } from '@floating-ui/react';
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
+import './TooltipElement.scss';
 export interface iTooltip {
     label?: ReactNode;
     placement?: Placement;
     fallbackPlacements?: Placement[];
     children?: ReactNode;
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
 }
-export default function TooltipElement({ label, placement, fallbackPlacements, children, }: iTooltip): React.JSX.Element;
+export default function TooltipElement({ label, placement, fallbackPlacements, wrapperProps, children, }: iTooltip): React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { CSSProperties, HTMLAttributes } from 'react';
+import './Typography.scss';
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'small';
     focus?: boolean;

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

@@ -22,6 +22,7 @@ export declare const Default: {
         color: string;
         children: string;
         focus: boolean;
+        format: boolean;
     };
 };
 export declare const Formatted: {

package/dist/components/videoModal/VideoModal.d.ts

@@ -11,9 +11,7 @@ interface VideoModalProps extends Omit<ModalProps, omit> {
 declare function VideoModal({ className, id, mobileOn, modalKey, onClose, preventEscExit, preventMaskExit, size, tag, urlVideo, videoPlayerProps, ...props }: VideoModalProps): React.DetailedReactHTMLElement<{
     id: string;
     className: string;
-    color?: string | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
-    onChange?: ((event: React.FormEvent<HTMLDialogElement>) => void) | undefined;
+    children?: React.ReactNode;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -49,6 +47,7 @@ declare function VideoModal({ className, id, mobileOn, modalKey, onClose, preven
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
+    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -112,7 +111,6 @@ declare function VideoModal({ className, id, mobileOn, modalKey, onClose, preven
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: React.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -132,6 +130,7 @@ declare function VideoModal({ className, id, mobileOn, modalKey, onClose, preven
     onFocusCapture?: ((event: React.FocusEvent<HTMLDialogElement, Element>) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDialogElement, Element>) => void) | undefined;
     onBlurCapture?: ((event: React.FocusEvent<HTMLDialogElement, Element>) => void) | undefined;
+    onChange?: ((event: React.FormEvent<HTMLDialogElement>) => void) | undefined;
     onChangeCapture?: ((event: React.FormEvent<HTMLDialogElement>) => void) | undefined;
     onBeforeInput?: ((event: React.FormEvent<HTMLDialogElement>) => void) | undefined;
     onBeforeInputCapture?: ((event: React.FormEvent<HTMLDialogElement>) => void) | undefined;
@@ -201,6 +200,7 @@ declare function VideoModal({ className, id, mobileOn, modalKey, onClose, preven
     onWaitingCapture?: ((event: React.SyntheticEvent<HTMLDialogElement, Event>) => void) | undefined;
     onAuxClick?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
     onAuxClickCapture?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
     onClickCapture?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
     onContextMenu?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;
     onContextMenuCapture?: ((event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void) | undefined;

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Placement, UseFloatingOptions } from '@floating-ui/react';
+export interface FloatingPanelProps {
+    stateOpened: [boolean, (v: boolean) => void];
+    matchWidth?: boolean;
+    offset?: number;
+    /**
+     * Utilize useState para essas refs!
+     */
+    elements?: UseFloatingOptions['elements'];
+    placement?: Placement;
+    strategy?: UseFloatingOptions['strategy'];
+    fallbackPlacements?: Placement[];
+}
+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: Element | import("@floating-ui/dom").VirtualElement | null) => void) & ((node: Element | import("@floating-ui/dom").VirtualElement | null) => void);
+    isMounted: boolean;
+};

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FloatingPanelProps } from './useFloatingPanel';
+declare const meta: Meta<FloatingPanelProps>;
+export default meta;
+declare type Story = StoryObj<Partial<FloatingPanelProps> & {
+    opened: boolean;
+}>;
+export declare const Primary: Story;

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/useSystemInfo/useSystemInfo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import useSystemInfo from './useSystemInfo';
+declare const meta: Meta<typeof useSystemInfo>;
+export default meta;
+declare type Story = StoryObj<typeof useSystemInfo>;
+export declare const Default: Story;