pge-front-common 14.1.6 → 14.1.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/Dialog/index.d.ts +19 -0
- package/lib/components/ModalUI/index.d.ts +2 -1
- package/lib/components/OverlayLoading/index.d.ts +8 -0
- package/lib/components/OverlayLoading/loading.stories.d.ts +8 -0
- package/lib/index.d.ts +14 -6
- package/lib/index.esm.js +90 -61
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +90 -60
- package/lib/index.js.map +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface ReusableDialogProps {
|
|
3
|
+
/** Controls whether the dialog is open */
|
|
4
|
+
open: boolean;
|
|
5
|
+
/** Callback when the open state changes */
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
/** Optional header/title */
|
|
8
|
+
title?: React.ReactNode;
|
|
9
|
+
/** Main body content */
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
/** Custom action buttons/footer */
|
|
12
|
+
footer?: React.ReactNode;
|
|
13
|
+
/** Additional CSS class for overlay */
|
|
14
|
+
overlayClassName?: string;
|
|
15
|
+
/** Additional CSS class for content container */
|
|
16
|
+
contentClassName?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const ReusableDialog: React.FC<ReusableDialogProps>;
|
|
19
|
+
export default ReusableDialog;
|
|
@@ -4,6 +4,7 @@ interface ModalProps {
|
|
|
4
4
|
onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
title?: string;
|
|
7
|
+
triggerId?: string;
|
|
7
8
|
}
|
|
8
|
-
export declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, }: ModalProps) => React.JSX.Element;
|
|
9
|
+
export declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, }: ModalProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { OverlayLoadingSpinner } from "./index";
|
|
3
|
+
declare const meta: Meta<typeof OverlayLoadingSpinner>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Hidden: Story;
|
|
8
|
+
export declare const CustomText: Story;
|
package/lib/index.d.ts
CHANGED
|
@@ -485,19 +485,19 @@ type BoxSuccessProps = {
|
|
|
485
485
|
};
|
|
486
486
|
declare const BoxSuccess: ({ message, handleClose }: BoxSuccessProps) => React__default.JSX.Element;
|
|
487
487
|
|
|
488
|
-
interface Props$
|
|
488
|
+
interface Props$3 {
|
|
489
489
|
isOpen: boolean;
|
|
490
490
|
text?: string;
|
|
491
491
|
}
|
|
492
|
-
declare function LoadingSpinner(props: Readonly<Props$
|
|
492
|
+
declare function LoadingSpinner(props: Readonly<Props$3>): React$1.JSX.Element;
|
|
493
493
|
|
|
494
|
-
interface Props$
|
|
494
|
+
interface Props$2 {
|
|
495
495
|
currentPage: number;
|
|
496
496
|
countPage: number;
|
|
497
497
|
itemsVisiblePage?: number;
|
|
498
498
|
handleClickPage?: (page: any) => void;
|
|
499
499
|
}
|
|
500
|
-
declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props$
|
|
500
|
+
declare const PaginationTable: ({ currentPage, countPage, itemsVisiblePage, handleClickPage, }: Omit<Props$2, "header" | "body" | "footer">) => React__default.JSX.Element;
|
|
501
501
|
|
|
502
502
|
interface PaginationProps {
|
|
503
503
|
countPage: number;
|
|
@@ -565,6 +565,13 @@ type OptionsProps$1 = {
|
|
|
565
565
|
|
|
566
566
|
declare const BasicSelect: ({ name, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps$1) => React$1.JSX.Element;
|
|
567
567
|
|
|
568
|
+
interface Props$1 {
|
|
569
|
+
isOpen: boolean;
|
|
570
|
+
text?: string;
|
|
571
|
+
mini?: boolean;
|
|
572
|
+
}
|
|
573
|
+
declare function OverlayLoadingSpinner({ isOpen, text, mini, }: Readonly<Props$1>): React$1.JSX.Element;
|
|
574
|
+
|
|
568
575
|
declare const Option: (props: any) => React__default.JSX.Element;
|
|
569
576
|
declare const MenuList: (props: any) => React__default.JSX.Element;
|
|
570
577
|
declare const Menu: (props: JSX.IntrinsicElements["div"]) => React__default.JSX.Element;
|
|
@@ -694,8 +701,9 @@ interface ModalProps$1 {
|
|
|
694
701
|
onOpenChange: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
695
702
|
children: React__default.ReactNode;
|
|
696
703
|
title?: string;
|
|
704
|
+
triggerId?: string;
|
|
697
705
|
}
|
|
698
|
-
declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, }: ModalProps$1) => React__default.JSX.Element;
|
|
706
|
+
declare const ModalUI: ({ isModalOpen, onOpenChange, children, title, triggerId, }: ModalProps$1) => React__default.JSX.Element;
|
|
699
707
|
|
|
700
708
|
type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
701
709
|
isOpen: boolean;
|
|
@@ -898,4 +906,4 @@ declare const IconUsers: ({ className, ...props }: SVGProps<SVGSVGElement>) => R
|
|
|
898
906
|
|
|
899
907
|
declare function installPrimeReactStyles(): void;
|
|
900
908
|
|
|
901
|
-
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, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, 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, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, 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 };
|
|
909
|
+
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, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLeftDirection, IconLogout, IconMail, IconNewTab, 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, 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 };
|