pge-front-common 4.0.7 → 4.0.8

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,7 @@
+import React from "react";
+import "./styles.css";
+export interface UserButtonProps {
+    name: string;
+    userName: string;
+}
+export default function UserButton({ name, userName }: 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,8 @@
+import React from "react";
+import Footer from "./index";
+declare const _default: {
+    title: string;
+    component: typeof Footer;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

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,12 @@
+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;
+}
+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.esm.js

@@ -3216,8 +3216,11 @@ var IconDelete = function (props) { return (React__default.createElement("svg",
 var IconCalendar = function (props) { return (React__default.createElement("svg", __assign({ width: "19", height: "21", viewBox: "0 0 19 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M2.6665 20.5C2.1165 20.5 1.64567 20.3042 1.254 19.9125C0.862337 19.5208 0.666504 19.05 0.666504 18.5V4.5C0.666504 3.95 0.862337 3.47917 1.254 3.0875C1.64567 2.69583 2.1165 2.5 2.6665 2.5H3.6665V0.5H5.6665V2.5H13.6665V0.5H15.6665V2.5H16.6665C17.2165 2.5 17.6873 2.69583 18.079 3.0875C18.4707 3.47917 18.6665 3.95 18.6665 4.5V18.5C18.6665 19.05 18.4707 19.5208 18.079 19.9125C17.6873 20.3042 17.2165 20.5 16.6665 20.5H2.6665ZM2.6665 18.5H16.6665V8.5H2.6665V18.5ZM2.6665 6.5H16.6665V4.5H2.6665V6.5ZM9.6665 12.5C9.38317 12.5 9.14567 12.4042 8.954 12.2125C8.76234 12.0208 8.6665 11.7833 8.6665 11.5C8.6665 11.2167 8.76234 10.9792 8.954 10.7875C9.14567 10.5958 9.38317 10.5 9.6665 10.5C9.94984 10.5 10.1873 10.5958 10.379 10.7875C10.5707 10.9792 10.6665 11.2167 10.6665 11.5C10.6665 11.7833 10.5707 12.0208 10.379 12.2125C10.1873 12.4042 9.94984 12.5 9.6665 12.5ZM5.6665 12.5C5.38317 12.5 5.14567 12.4042 4.954 12.2125C4.76234 12.0208 4.6665 11.7833 4.6665 11.5C4.6665 11.2167 4.76234 10.9792 4.954 10.7875C5.14567 10.5958 5.38317 10.5 5.6665 10.5C5.94984 10.5 6.18734 10.5958 6.379 10.7875C6.57067 10.9792 6.6665 11.2167 6.6665 11.5C6.6665 11.7833 6.57067 12.0208 6.379 12.2125C6.18734 12.4042 5.94984 12.5 5.6665 12.5ZM13.6665 12.5C13.3832 12.5 13.1457 12.4042 12.954 12.2125C12.7623 12.0208 12.6665 11.7833 12.6665 11.5C12.6665 11.2167 12.7623 10.9792 12.954 10.7875C13.1457 10.5958 13.3832 10.5 13.6665 10.5C13.9498 10.5 14.1873 10.5958 14.379 10.7875C14.5707 10.9792 14.6665 11.2167 14.6665 11.5C14.6665 11.7833 14.5707 12.0208 14.379 12.2125C14.1873 12.4042 13.9498 12.5 13.6665 12.5ZM9.6665 16.5C9.38317 16.5 9.14567 16.4042 8.954 16.2125C8.76234 16.0208 8.6665 15.7833 8.6665 15.5C8.6665 15.2167 8.76234 14.9792 8.954 14.7875C9.14567 14.5958 9.38317 14.5 9.6665 14.5C9.94984 14.5 10.1873 14.5958 10.379 14.7875C10.5707 14.9792 10.6665 15.2167 10.6665 15.5C10.6665 15.7833 10.5707 16.0208 10.379 16.2125C10.1873 16.4042 9.94984 16.5 9.6665 16.5ZM5.6665 16.5C5.38317 16.5 5.14567 16.4042 4.954 16.2125C4.76234 16.0208 4.6665 15.7833 4.6665 15.5C4.6665 15.2167 4.76234 14.9792 4.954 14.7875C5.14567 14.5958 5.38317 14.5 5.6665 14.5C5.94984 14.5 6.18734 14.5958 6.379 14.7875C6.57067 14.9792 6.6665 15.2167 6.6665 15.5C6.6665 15.7833 6.57067 16.0208 6.379 16.2125C6.18734 16.4042 5.94984 16.5 5.6665 16.5ZM13.6665 16.5C13.3832 16.5 13.1457 16.4042 12.954 16.2125C12.7623 16.0208 12.6665 15.7833 12.6665 15.5C12.6665 15.2167 12.7623 14.9792 12.954 14.7875C13.1457 14.5958 13.3832 14.5 13.6665 14.5C13.9498 14.5 14.1873 14.5958 14.379 14.7875C14.5707 14.9792 14.6665 15.2167 14.6665 15.5C14.6665 15.7833 14.5707 16.0208 14.379 16.2125C14.1873 16.4042 13.9498 16.5 13.6665 16.5Z", fill: "#4A4A4B" }))); };
 
-var IconProfile = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__default.createElement("path", { d: "M8.6665 8.5C7.5665 8.5 6.62484 8.10833 5.8415 7.325C5.05817 6.54167 4.6665 5.6 4.6665 4.5C4.6665 3.4 5.05817 2.45833 5.8415 1.675C6.62484 0.891667 7.5665 0.5 8.6665 0.5C9.7665 0.5 10.7082 0.891667 11.4915 1.675C12.2748 2.45833 12.6665 3.4 12.6665 4.5C12.6665 5.6 12.2748 6.54167 11.4915 7.325C10.7082 8.10833 9.7665 8.5 8.6665 8.5ZM0.666504 16.5V13.7C0.666504 13.1333 0.812337 12.6125 1.104 12.1375C1.39567 11.6625 1.78317 11.3 2.2665 11.05C3.29984 10.5333 4.34984 10.1458 5.4165 9.8875C6.48317 9.62917 7.5665 9.5 8.6665 9.5C9.7665 9.5 10.8498 9.62917 11.9165 9.8875C12.9832 10.1458 14.0332 10.5333 15.0665 11.05C15.5498 11.3 15.9373 11.6625 16.229 12.1375C16.5207 12.6125 16.6665 13.1333 16.6665 13.7V16.5H0.666504ZM2.6665 14.5H14.6665V13.7C14.6665 13.5167 14.6207 13.35 14.529 13.2C14.4373 13.05 14.3165 12.9333 14.1665 12.85C13.2665 12.4 12.3582 12.0625 11.4415 11.8375C10.5248 11.6125 9.59984 11.5 8.6665 11.5C7.73317 11.5 6.80817 11.6125 5.8915 11.8375C4.97484 12.0625 4.0665 12.4 3.1665 12.85C3.0165 12.9333 2.89567 13.05 2.804 13.2C2.71234 13.35 2.6665 13.5167 2.6665 13.7V14.5ZM8.6665 6.5C9.2165 6.5 9.68734 6.30417 10.079 5.9125C10.4707 5.52083 10.6665 5.05 10.6665 4.5C10.6665 3.95 10.4707 3.47917 10.079 3.0875C9.68734 2.69583 9.2165 2.5 8.6665 2.5C8.1165 2.5 7.64567 2.69583 7.254 3.0875C6.86234 3.47917 6.6665 3.95 6.6665 4.5C6.6665 5.05 6.86234 5.52083 7.254 5.9125C7.64567 6.30417 8.1165 6.5 8.6665 6.5Z", fill: "#4A4A4B" }))); };
+var IconProfile = function (props) {
+    var _a, _b, _c;
+    return (React__default.createElement("svg", __assign({ width: (_a = props === null || props === void 0 ? void 0 : props.width) !== null && _a !== void 0 ? _a : "17", height: (_b = props === null || props === void 0 ? void 0 : props.height) !== null && _b !== void 0 ? _b : "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M8.6665 8.5C7.5665 8.5 6.62484 8.10833 5.8415 7.325C5.05817 6.54167 4.6665 5.6 4.6665 4.5C4.6665 3.4 5.05817 2.45833 5.8415 1.675C6.62484 0.891667 7.5665 0.5 8.6665 0.5C9.7665 0.5 10.7082 0.891667 11.4915 1.675C12.2748 2.45833 12.6665 3.4 12.6665 4.5C12.6665 5.6 12.2748 6.54167 11.4915 7.325C10.7082 8.10833 9.7665 8.5 8.6665 8.5ZM0.666504 16.5V13.7C0.666504 13.1333 0.812337 12.6125 1.104 12.1375C1.39567 11.6625 1.78317 11.3 2.2665 11.05C3.29984 10.5333 4.34984 10.1458 5.4165 9.8875C6.48317 9.62917 7.5665 9.5 8.6665 9.5C9.7665 9.5 10.8498 9.62917 11.9165 9.8875C12.9832 10.1458 14.0332 10.5333 15.0665 11.05C15.5498 11.3 15.9373 11.6625 16.229 12.1375C16.5207 12.6125 16.6665 13.1333 16.6665 13.7V16.5H0.666504ZM2.6665 14.5H14.6665V13.7C14.6665 13.5167 14.6207 13.35 14.529 13.2C14.4373 13.05 14.3165 12.9333 14.1665 12.85C13.2665 12.4 12.3582 12.0625 11.4415 11.8375C10.5248 11.6125 9.59984 11.5 8.6665 11.5C7.73317 11.5 6.80817 11.6125 5.8915 11.8375C4.97484 12.0625 4.0665 12.4 3.1665 12.85C3.0165 12.9333 2.89567 13.05 2.804 13.2C2.71234 13.35 2.6665 13.5167 2.6665 13.7V14.5ZM8.6665 6.5C9.2165 6.5 9.68734 6.30417 10.079 5.9125C10.4707 5.52083 10.6665 5.05 10.6665 4.5C10.6665 3.95 10.4707 3.47917 10.079 3.0875C9.68734 2.69583 9.2165 2.5 8.6665 2.5C8.1165 2.5 7.64567 2.69583 7.254 3.0875C6.86234 3.47917 6.6665 3.95 6.6665 4.5C6.6665 5.05 6.86234 5.52083 7.254 5.9125C7.64567 6.30417 8.1165 6.5 8.6665 6.5Z", fill: (_c = props === null || props === void 0 ? void 0 : props.fill) !== null && _c !== void 0 ? _c : "#4A4A4B" })));
+};
 
 var IconUpload = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M7.6665 16.5V8.35L5.0665 10.95L3.6665 9.5L8.6665 4.5L13.6665 9.5L12.2665 10.95L9.6665 8.35V16.5H7.6665ZM0.666504 5.5V2.5C0.666504 1.95 0.862337 1.47917 1.254 1.0875C1.64567 0.695833 2.1165 0.5 2.6665 0.5H14.6665C15.2165 0.5 15.6873 0.695833 16.079 1.0875C16.4707 1.47917 16.6665 1.95 16.6665 2.5V5.5H14.6665V2.5H2.6665V5.5H0.666504Z", fill: "#4A4A4B" }))); };
@@ -3234,8 +3237,11 @@ var IconCheckCircle = function (props) { return (React__default.createElement("s
 var IconEventAvaliable = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "21", viewBox: "0 0 17 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M7.74775 16.85L4.6415 13.3L5.91025 11.85L7.74775 13.95L11.4228 9.75L12.6915 11.2L7.74775 16.85ZM2.5415 20.5C2.06025 20.5 1.64827 20.3042 1.30557 19.9125C0.962858 19.5208 0.791504 19.05 0.791504 18.5V4.5C0.791504 3.95 0.962858 3.47917 1.30557 3.0875C1.64827 2.69583 2.06025 2.5 2.5415 2.5H3.4165V0.5H5.1665V2.5H12.1665V0.5H13.9165V2.5H14.7915C15.2728 2.5 15.6847 2.69583 16.0274 3.0875C16.3701 3.47917 16.5415 3.95 16.5415 4.5V18.5C16.5415 19.05 16.3701 19.5208 16.0274 19.9125C15.6847 20.3042 15.2728 20.5 14.7915 20.5H2.5415ZM2.5415 18.5H14.7915V8.5H2.5415V18.5ZM2.5415 6.5H14.7915V4.5H2.5415V6.5Z", fill: "black" }))); };
 
-var IconLogout = function (props) { return (React__default.createElement("svg", __assign({ width: "19", height: "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__default.createElement("path", { d: "M2.6665 18.5C2.1165 18.5 1.64567 18.3042 1.254 17.9125C0.862337 17.5208 0.666504 17.05 0.666504 16.5V2.5C0.666504 1.95 0.862337 1.47917 1.254 1.0875C1.64567 0.695833 2.1165 0.5 2.6665 0.5H9.6665V2.5H2.6665V16.5H9.6665V18.5H2.6665ZM13.6665 14.5L12.2915 13.05L14.8415 10.5H6.6665V8.5H14.8415L12.2915 5.95L13.6665 4.5L18.6665 9.5L13.6665 14.5Z", fill: "#4A4A4B" }))); };
+var IconLogout = function (props) {
+    var _a, _b, _c;
+    return (React__default.createElement("svg", __assign({ width: (_a = props === null || props === void 0 ? void 0 : props.width) !== null && _a !== void 0 ? _a : "19", height: (_b = props === null || props === void 0 ? void 0 : props.height) !== null && _b !== void 0 ? _b : "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("path", { d: "M2.6665 18.5C2.1165 18.5 1.64567 18.3042 1.254 17.9125C0.862337 17.5208 0.666504 17.05 0.666504 16.5V2.5C0.666504 1.95 0.862337 1.47917 1.254 1.0875C1.64567 0.695833 2.1165 0.5 2.6665 0.5H9.6665V2.5H2.6665V16.5H9.6665V18.5H2.6665ZM13.6665 14.5L12.2915 13.05L14.8415 10.5H6.6665V8.5H14.8415L12.2915 5.95L13.6665 4.5L18.6665 9.5L13.6665 14.5Z", fill: (_c = props === null || props === void 0 ? void 0 : props.fill) !== null && _c !== void 0 ? _c : "#4A4A4B" })));
+};
 
 var IconAdd = function (props) { return (React__default.createElement("svg", __assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M6.6665 8.5H0.666504V6.5H6.6665V0.5H8.6665V6.5H14.6665V8.5H8.6665V14.5H6.6665V8.5Z", fill: "black" }))); };