pge-front-common 14.1.28 → 14.1.30
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/Chip/chip.stories.d.ts +32 -0
- package/lib/components/Chip/index.d.ts +10 -0
- package/lib/components/Chip/index.type.d.ts +12 -0
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/index.type.d.ts +1 -0
- package/lib/components/modal/modal.stories.d.ts +1 -0
- package/lib/index.d.ts +25 -2
- package/lib/index.esm.js +404 -385
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +404 -384
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Chip } from "./index";
|
|
3
|
+
declare const meta: Meta<typeof Chip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Information: Story;
|
|
9
|
+
export declare const Success: Story;
|
|
10
|
+
export declare const Warning: Story;
|
|
11
|
+
export declare const Error: Story;
|
|
12
|
+
export declare const Avatar: Story;
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
export declare const Medium: Story;
|
|
15
|
+
export declare const Large: Story;
|
|
16
|
+
export declare const WithLeftIcon: Story;
|
|
17
|
+
export declare const SuccessWithIcon: Story;
|
|
18
|
+
export declare const WarningWithIcon: Story;
|
|
19
|
+
export declare const ErrorWithIcon: Story;
|
|
20
|
+
export declare const AvatarWithIcon: Story;
|
|
21
|
+
export declare const WithRightIcon: Story;
|
|
22
|
+
export declare const InfoWithRightIcon: Story;
|
|
23
|
+
export declare const DeleteWithRightIcon: Story;
|
|
24
|
+
export declare const WithBothIcons: Story;
|
|
25
|
+
export declare const ProcessWithBothIcons: Story;
|
|
26
|
+
export declare const Disabled: Story;
|
|
27
|
+
export declare const DisabledWithIcon: Story;
|
|
28
|
+
export declare const StatusChips: Story;
|
|
29
|
+
export declare const CategoryChips: Story;
|
|
30
|
+
export declare const ActionChips: Story;
|
|
31
|
+
export declare const SizeComparison: Story;
|
|
32
|
+
export declare const AllVariants: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const Chip: React.ForwardRefExoticComponent<{
|
|
3
|
+
variant?: import("./index.type").ChipVariant;
|
|
4
|
+
size?: import("./index.type").ChipSize;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
leftIcon?: React.ReactNode;
|
|
7
|
+
rightIcon?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ChipVariant = "primary" | "information" | "success" | "warning" | "error" | "avatar";
|
|
3
|
+
export type ChipSize = "small" | "medium" | "large";
|
|
4
|
+
export type ChipProps = {
|
|
5
|
+
variant?: ChipVariant;
|
|
6
|
+
size?: ChipSize;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
leftIcon?: React.ReactNode;
|
|
9
|
+
rightIcon?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ModalProps } from "./index.type";
|
|
3
|
-
export default function Modal({ isOpen, onClose, children, className, }: ModalProps): React.JSX.Element | null;
|
|
3
|
+
export default function Modal({ isOpen, onClose, children, className, closeOnClickOutside, }: ModalProps): React.JSX.Element | null;
|
package/lib/index.d.ts
CHANGED
|
@@ -714,6 +714,7 @@ type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
714
714
|
onClose: () => void;
|
|
715
715
|
children: ReactNode;
|
|
716
716
|
className?: string;
|
|
717
|
+
closeOnClickOutside?: boolean;
|
|
717
718
|
};
|
|
718
719
|
type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
719
720
|
children: ReactNode;
|
|
@@ -729,7 +730,7 @@ type ModalFooterProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
729
730
|
className?: string;
|
|
730
731
|
};
|
|
731
732
|
|
|
732
|
-
declare function Modal({ isOpen, onClose, children, className, }: ModalProps): React__default.JSX.Element | null;
|
|
733
|
+
declare function Modal({ isOpen, onClose, children, className, closeOnClickOutside, }: ModalProps): React__default.JSX.Element | null;
|
|
733
734
|
|
|
734
735
|
declare const ModalFooter: ({ children, className }: ModalFooterProps) => React__default.JSX.Element;
|
|
735
736
|
|
|
@@ -833,6 +834,28 @@ interface ProgressCircleProps {
|
|
|
833
834
|
|
|
834
835
|
declare function ProgressCircle({ percentage, message, size, onClose, }: ProgressCircleProps): React__default.JSX.Element;
|
|
835
836
|
|
|
837
|
+
type ChipVariant = "primary" | "information" | "success" | "warning" | "error" | "avatar";
|
|
838
|
+
type ChipSize = "small" | "medium" | "large";
|
|
839
|
+
type ChipProps = {
|
|
840
|
+
variant?: ChipVariant;
|
|
841
|
+
size?: ChipSize;
|
|
842
|
+
children: React__default.ReactNode;
|
|
843
|
+
leftIcon?: React__default.ReactNode;
|
|
844
|
+
rightIcon?: React__default.ReactNode;
|
|
845
|
+
className?: string;
|
|
846
|
+
disabled?: boolean;
|
|
847
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
848
|
+
|
|
849
|
+
declare const Chip: React__default.ForwardRefExoticComponent<{
|
|
850
|
+
variant?: ChipVariant;
|
|
851
|
+
size?: ChipSize;
|
|
852
|
+
children: React__default.ReactNode;
|
|
853
|
+
leftIcon?: React__default.ReactNode;
|
|
854
|
+
rightIcon?: React__default.ReactNode;
|
|
855
|
+
className?: string;
|
|
856
|
+
disabled?: boolean;
|
|
857
|
+
} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
|
|
858
|
+
|
|
836
859
|
declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
837
860
|
|
|
838
861
|
declare const IconVisibility: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
@@ -931,4 +954,4 @@ declare const IconArrowLeft: (props?: SVGProps<SVGSVGElement>) => React__default
|
|
|
931
954
|
|
|
932
955
|
declare function installPrimeReactStyles(): void;
|
|
933
956
|
|
|
934
|
-
export { Accordion, AccordionItem, type AccordionItemProps, BasicSelect, Blanket, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconCLose, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDebitoFiscal, IconDelete, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, IconParcelamento, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconRightDirection, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconView, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, type OptionsProps$2 as OptionsProps, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, type ProgressCircleProps, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, TooltipWithPortal, installPrimeReactStyles };
|
|
957
|
+
export { Accordion, AccordionItem, type AccordionItemProps, BasicSelect, Blanket, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, Chip, type ChipProps, type Column, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowLeft, IconArrowRecall, IconArrowRight, IconCLose, IconCalendar, IconCertidaoRegularidade, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDebitoFiscal, IconDelete, IconDownload, IconEdit, IconEmissaoDarj, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, IconParcelamento, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconRightDirection, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconUsers, IconView, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, type OptionsProps$2 as OptionsProps, OverlayLoadingSpinner, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, ProgressCircle, type ProgressCircleProps, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, SkeletonLoader, Switch, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, TooltipWithPortal, installPrimeReactStyles };
|