pge-front-common 13.0.5 → 13.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/MenuAction/index.d.ts +6 -0
- package/lib/components/MenuAction/menuaction.stories.d.ts +6 -0
- package/lib/components/ModalUI/index.d.ts +9 -0
- package/lib/components/ModalUI/index.type.d.ts +9 -0
- package/lib/components/ModalUI/modalui.stories.d.ts +7 -0
- package/lib/components/modal/Modal.d.ts +4 -0
- package/lib/components/modal/ModalBody.d.ts +4 -0
- package/lib/components/modal/ModalFooter.d.ts +4 -0
- package/lib/components/modal/ModalHeader.d.ts +4 -0
- package/lib/components/modal/index.d.ts +5 -9
- package/lib/components/modal/index.type.d.ts +20 -9
- package/lib/components/modal/modal.stories.d.ts +3 -0
- package/lib/icons/dots-vertical.d.ts +2 -0
- package/lib/icons/index.d.ts +2 -1
- package/lib/index.d.ts +41 -8
- package/lib/index.esm.js +385 -313
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +389 -312
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface ModalProps {
|
|
3
|
+
isModalOpen: boolean;
|
|
4
|
+
onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
title?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HtmlHTMLAttributes } from "react";
|
|
2
|
+
export interface InformativeBoxProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
3
|
+
infoType: 'success' | 'alert' | 'warning' | 'informative';
|
|
4
|
+
widthType?: 'fitContent' | 'fullWidth';
|
|
5
|
+
title: string;
|
|
6
|
+
message: string;
|
|
7
|
+
hasDismissButton?: boolean;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { ModalUI } from "./index";
|
|
3
|
+
declare const meta: Meta<typeof ModalUI>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const LargeContent: Story;
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
title?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const Modal: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
|
|
9
|
-
export {};
|
|
1
|
+
import Modal from "./Modal";
|
|
2
|
+
import ModalFooter from "./ModalFooter";
|
|
3
|
+
import ModalHeader from "./ModalHeader";
|
|
4
|
+
import ModalBody from "./ModalBody";
|
|
5
|
+
export { Modal, ModalFooter, ModalHeader, ModalBody };
|
|
@@ -1,9 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
export type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export type ModalBodyProps = HTMLAttributes<HTMLDivElement> & {
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export type ModalFooterProps = HTMLAttributes<HTMLDivElement> & {
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
@@ -5,3 +5,6 @@ export default meta;
|
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const LargeContent: Story;
|
|
8
|
+
export declare const WithoutFooter: Story;
|
|
9
|
+
export declare const WithoutHeader: Story;
|
|
10
|
+
export declare const WithoutHeaderAndFooter: Story;
|
package/lib/icons/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { IconDownload } from "./download-icon";
|
|
|
2
2
|
import { IconVisibility } from "./visibility-icon";
|
|
3
3
|
import { IconEdit } from "./edit-icon";
|
|
4
4
|
import { IconDelete } from "./delete-icon";
|
|
5
|
+
import { IconDotsVertical } from "./dots-vertical";
|
|
5
6
|
import { IconCalendar } from "./calendar-icon";
|
|
6
7
|
import { IconProfile } from "./profile-icon";
|
|
7
8
|
import { IconUpload } from "./upload-icon";
|
|
@@ -41,4 +42,4 @@ import { IconCheckSuccess } from "./check-success-icon";
|
|
|
41
42
|
import { IconInformative } from "./informative-icon";
|
|
42
43
|
import { IconQuestionMark } from "./question-mark-icon";
|
|
43
44
|
import { IconUserLogout } from "./user-logout-icon";
|
|
44
|
-
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, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, };
|
|
45
|
+
export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconDotsVertical, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, };
|
package/lib/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { InputHTMLAttributes, ReactNode, HtmlHTMLAttributes, ChangeEvent, SVGProps } from 'react';
|
|
2
|
+
import React__default, { InputHTMLAttributes, ReactNode, HtmlHTMLAttributes, ChangeEvent, HTMLAttributes, SVGProps } from 'react';
|
|
3
3
|
import { Control } from 'react-hook-form';
|
|
4
4
|
|
|
5
5
|
interface ButtonProps$1 extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -177,19 +177,19 @@ type BoxSuccessProps = {
|
|
|
177
177
|
};
|
|
178
178
|
declare const BoxSuccess: ({ message, handleClose }: BoxSuccessProps) => React__default.JSX.Element;
|
|
179
179
|
|
|
180
|
-
interface Props$
|
|
180
|
+
interface Props$2 {
|
|
181
181
|
isOpen: boolean;
|
|
182
182
|
text?: string;
|
|
183
183
|
}
|
|
184
|
-
declare function LoadingSpinner(props: Readonly<Props$
|
|
184
|
+
declare function LoadingSpinner(props: Readonly<Props$2>): React$1.JSX.Element;
|
|
185
185
|
|
|
186
|
-
interface Props {
|
|
186
|
+
interface Props$1 {
|
|
187
187
|
currentPage: number;
|
|
188
188
|
countPage: number;
|
|
189
189
|
itemsVisiblePage?: number;
|
|
190
190
|
handleClickPage?: (page: any) => void;
|
|
191
191
|
}
|
|
192
|
-
declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props, "header" | "body" | "footer">) => React__default.JSX.Element;
|
|
192
|
+
declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props$1, "header" | "body" | "footer">) => React__default.JSX.Element;
|
|
193
193
|
|
|
194
194
|
interface PaginationProps {
|
|
195
195
|
countPage: number;
|
|
@@ -354,13 +354,46 @@ type OptionsProps = {
|
|
|
354
354
|
|
|
355
355
|
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React$1.JSX.Element;
|
|
356
356
|
|
|
357
|
-
interface ModalProps {
|
|
357
|
+
interface ModalProps$1 {
|
|
358
358
|
isModalOpen: boolean;
|
|
359
359
|
onOpenChange: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
360
360
|
children: React__default.ReactNode;
|
|
361
361
|
title?: string;
|
|
362
362
|
}
|
|
363
|
-
declare const
|
|
363
|
+
declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, }: ModalProps$1) => React__default.JSX.Element;
|
|
364
|
+
|
|
365
|
+
type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
366
|
+
isOpen: boolean;
|
|
367
|
+
onClose: () => void;
|
|
368
|
+
children: ReactNode;
|
|
369
|
+
className?: string;
|
|
370
|
+
};
|
|
371
|
+
type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
372
|
+
children: ReactNode;
|
|
373
|
+
onClose: () => void;
|
|
374
|
+
className?: string;
|
|
375
|
+
};
|
|
376
|
+
type ModalBodyProps = HTMLAttributes<HTMLDivElement> & {
|
|
377
|
+
children: ReactNode;
|
|
378
|
+
className?: string;
|
|
379
|
+
};
|
|
380
|
+
type ModalFooterProps = HTMLAttributes<HTMLDivElement> & {
|
|
381
|
+
children: ReactNode;
|
|
382
|
+
className?: string;
|
|
383
|
+
};
|
|
384
|
+
|
|
385
|
+
declare const Modal: ({ isOpen, onClose, children, className }: ModalProps) => React__default.JSX.Element | null;
|
|
386
|
+
|
|
387
|
+
declare const ModalFooter: ({ children, className }: ModalFooterProps) => React__default.JSX.Element;
|
|
388
|
+
|
|
389
|
+
declare const ModalHeader: ({ children, onClose, className }: ModalHeaderProps) => React__default.JSX.Element;
|
|
390
|
+
|
|
391
|
+
declare const ModalBody: ({ children, className }: ModalBodyProps) => React__default.JSX.Element;
|
|
392
|
+
|
|
393
|
+
interface Props {
|
|
394
|
+
itens: React__default.ReactNode[];
|
|
395
|
+
}
|
|
396
|
+
declare const MenuAction: ({ itens }: Props) => React__default.JSX.Element;
|
|
364
397
|
|
|
365
398
|
declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
366
399
|
|
|
@@ -428,4 +461,4 @@ declare const IconUploadV2: (props?: SVGProps<SVGSVGElement>) => React__default.
|
|
|
428
461
|
|
|
429
462
|
declare const IconQuestionMark: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
430
463
|
|
|
431
|
-
export { Accordion, AccordionItem, type AccordionItemProps, Blanket, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, DateInput, Dropdown, FileUpload, FooterPge 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, Menu, MenuList, Modal, Option, type OptionsProps$1 as OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title, Tooltip };
|
|
464
|
+
export { Accordion, AccordionItem, type AccordionItemProps, Blanket, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, DateInput, Dropdown, FileUpload, FooterPge 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, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, type OptionsProps$1 as OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title, Tooltip };
|