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.
@@ -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;
@@ -4,6 +4,7 @@ export type ModalProps = HTMLAttributes<HTMLDivElement> & {
4
4
  onClose: () => void;
5
5
  children: ReactNode;
6
6
  className?: string;
7
+ closeOnClickOutside?: boolean;
7
8
  };
8
9
  export type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
9
10
  children: ReactNode;
@@ -8,3 +8,4 @@ export declare const LargeContent: Story;
8
8
  export declare const WithoutFooter: Story;
9
9
  export declare const WithoutHeader: Story;
10
10
  export declare const WithoutHeaderAndFooter: Story;
11
+ export declare const DontCloseOnClickOutsideModal: Story;
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 };