pge-front-common 10.4.6 → 10.4.8

package/lib/components/Tooltip/Tooltip.stories.d.ts

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

package/lib/components/Tooltip/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Elemento de tooltip, que aparecerá na tela de forma dinâmica quando o usuário passar o mouse sob o item
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Tooltip } from 'pge-front-common';
+ *
+ * const App = () => (
+ *   <Tooltip text="Texto que aparecerá na tooltip">
+ *     <span>Passe o mouse aqui</span>
+ *   </Tooltip>
+ * );
+ * ```
+ *
+ * @param {TooltipProps} props - Props para o componente de tooltip
+ * @param {string} props.text - O texto que será exibido dentro da tooltip
+ * @param {React.ReactNode} props.children - O elemento html que mostrará a tooltip quando o mouse passar por cima
+ *
+ * @returns {JSX.Element} O retorno é um JSX Element
+ */
+import React from "react";
+import { TooltipProps } from "./index.type";
+export declare const Tooltip: ({ text, children }: TooltipProps) => React.JSX.Element;

package/lib/components/Tooltip/index.type.d.ts

@@ -0,0 +1,5 @@
+export interface TooltipProps {
+    text: string;
+    children: React.ReactNode;
+}
+export type Position = "top-right" | "bottom-right" | "bottom-left" | "top-left";

package/lib/icons/index.d.ts

@@ -38,4 +38,5 @@ import { IconAttention } from "./attention-icon";
 import { IconAlert } from "./alert-icon";
 import { IconCheckSuccess } from "./check-success-icon";
 import { IconInformative } from "./informative-icon";
-export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, };
+import { IconQuestionMark } from "./question-mark-icon";
+export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark };

package/lib/icons/question-mark-icon.d.ts

@@ -0,0 +1,2 @@
+import React, { SVGProps } from "react";
+export declare const IconQuestionMark: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/search-icon.d.ts

@@ -1,2 +1,2 @@
 import React, { SVGProps } from "react";
-export declare const IconSearch: (props?: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const IconSearch: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/index.d.ts

@@ -77,6 +77,35 @@ interface UploadFileProps {
 
 declare const FileUpload: ({ fileTypes, onFileSelect, title }: UploadFileProps) => React__default.JSX.Element;
 
+interface TooltipProps {
+    text: string;
+    children: React.ReactNode;
+}
+
+/**
+ * Elemento de tooltip, que aparecerá na tela de forma dinâmica quando o usuário passar o mouse sob o item
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Tooltip } from 'pge-front-common';
+ *
+ * const App = () => (
+ *   <Tooltip text="Texto que aparecerá na tooltip">
+ *     <span>Passe o mouse aqui</span>
+ *   </Tooltip>
+ * );
+ * ```
+ *
+ * @param {TooltipProps} props - Props para o componente de tooltip
+ * @param {string} props.text - O texto que será exibido dentro da tooltip
+ * @param {React.ReactNode} props.children - O elemento html que mostrará a tooltip quando o mouse passar por cima
+ *
+ * @returns {JSX.Element} O retorno é um JSX Element
+ */
+
+declare const Tooltip: ({ text, children }: TooltipProps) => React__default.JSX.Element;
+
 type TextAlignType = "start" | "end" | "center";
 interface TextareaBaseProps extends Partial<HTMLTextAreaElement> {
     label?: string;
@@ -331,7 +360,7 @@ declare const IconPdf: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.E
 
 declare const IconHourglass: (props: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-declare const IconSearch: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+declare const IconSearch: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
 declare const IconUpAndDownArror: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
@@ -343,4 +372,6 @@ declare const IconUploadFile: (props?: SVGProps<SVGSVGElement>) => React__defaul
 
 declare const IconUploadV2: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };
+declare const IconQuestionMark: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
+export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, FileUpload, FooterComponent as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title, Tooltip };