pge-front-common 4.0.7 → 4.0.9

package/README.md

@@ -77,6 +77,6 @@ O Storybook estará disponível em http://localhost:6006.
 
 # O que é esperado após esta implementaçã
 
-# Existem alterações na UI/UX? (screenshots, gravações de tela
+# Existem alterações na UI/UX? (screenshots, gravações de tela)
 
 # Como reproduzir esta feature/correção?

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

@@ -0,0 +1,8 @@
+import React from "react";
+import "./styles.css";
+export interface UserButtonProps {
+    name: string;
+    userName: string;
+    handleLogout: () => void;
+}
+export default function UserButton({ name, userName, handleLogout, }: UserButtonProps): React.JSX.Element;

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

@@ -0,0 +1,30 @@
+import React from "react";
+import "./styles.css";
+export interface IFuncionalidade {
+    id: number;
+    nome: string;
+    chave: string;
+    checked: boolean;
+}
+export interface ISubMenuMenuHorizontal {
+    id: number;
+    nome: string;
+    chave: string;
+    funcionalidades: IFuncionalidade[];
+    checked: boolean;
+}
+export interface IFuncoesMenuHorizontal {
+    id: number;
+    nome: string;
+    submenu: ISubMenuMenuHorizontal[];
+    checked: boolean;
+    chave: string;
+}
+type DropDownProps = React.HTMLProps<HTMLDivElement> & {
+    options: IFuncoesMenuHorizontal[];
+    showDropDown: boolean;
+    toggleDropDown: Function;
+    optionSelection: (name: string, id: number) => void;
+};
+declare const DropDown: React.FC<DropDownProps>;
+export default DropDown;

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import "./styles.css";
+export default function FooterComponent(): React.JSX.Element;

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./styles.css";
+import { IFuncoesMenuHorizontal } from "../DropDown";
+export interface HeaderProps {
+    isLogoRhDigital: boolean;
+    options: IFuncoesMenuHorizontal[];
+    optionSelection: (name: string, id: number) => void;
+    name: string;
+    userName: string;
+    handleLogout: () => void;
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { IFuncoesMenuHorizontal } from "../DropDown";
+export interface MenuProps {
+    options: IFuncoesMenuHorizontal[];
+    optionSelection: (name: string, id: number) => void;
+}
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/lib/icons/footer.d.ts

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

package/lib/icons/footerLight.d.ts

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

package/lib/icons/index.d.ts

@@ -23,4 +23,5 @@ import { IconSwap } from "./swap-icon";
 import { IconAddCell } from "./add-cell-icon";
 import { MenuIcon } from "./menu-icon";
 import { LogoRhDigital } from "./logo-rh-digital";
-export { IconDownload, IconVisibillity, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, };
+import { LogoPGERG } from "./logo-pge-rj";
+export { IconDownload, IconVisibillity, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, };

package/lib/icons/logo-pge-rj.d.ts

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

package/lib/index.d.ts

@@ -63,6 +63,39 @@ type OptionsProps = {
 
 declare const Dropdown: React$1.FC<Partial<DropdownProps>>;
 
+interface IFuncionalidade {
+    id: number;
+    nome: string;
+    chave: string;
+    checked: boolean;
+}
+interface ISubMenuMenuHorizontal {
+    id: number;
+    nome: string;
+    chave: string;
+    funcionalidades: IFuncionalidade[];
+    checked: boolean;
+}
+interface IFuncoesMenuHorizontal {
+    id: number;
+    nome: string;
+    submenu: ISubMenuMenuHorizontal[];
+    checked: boolean;
+    chave: string;
+}
+
+interface HeaderProps {
+    isLogoRhDigital: boolean;
+    options: IFuncoesMenuHorizontal[];
+    optionSelection: (name: string, id: number) => void;
+    name: string;
+    userName: string;
+    handleLogout: () => void;
+}
+declare const Header: React$1.FC<HeaderProps>;
+
+declare function FooterComponent(): React$1.JSX.Element;
+
 declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
 declare const IconVisibillity: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
@@ -109,4 +142,4 @@ declare const IconSwap: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element
 
 declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-export { Button, type ButtonProps, Dropdown, type DropdownProps, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, type InputBaseProps, Modal, ModalConfirm, type ModalConfirmProps, type ModalProps, type OptionsProps };
+export { Button, type ButtonProps, Dropdown, type DropdownProps, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconLogout, IconNewTab, IconProfile, IconRemove, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpload, IconVisibillity, IconWarning, InputBase, type InputBaseProps, Modal, ModalConfirm, type ModalConfirmProps, type ModalProps, type OptionsProps };