pge-front-common 14.0.31 → 14.0.33

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.
@@ -48,4 +48,6 @@ import { IconView } from "./view-icon";
48
48
  import { IconUploadFile2 } from "./upload-file-icon";
49
49
  import { IconInfoRound } from "./info-round-icon";
50
50
  import { IconMail } from "./mail-icon";
51
- 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, CommonDotIcon, IconExclude, IconView, IconUploadFile2, IconInfoRound, IconMail };
51
+ import { IconRightDirection } from "./right-direction-icon";
52
+ import { IconLeftDirection } from "./left-direction-icon";
53
+ export { IconLeftDirection, IconRightDirection, 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, CommonDotIcon, IconExclude, IconView, IconUploadFile2, IconInfoRound, IconMail };
@@ -0,0 +1,2 @@
1
+ import React, { SVGProps } from "react";
2
+ export declare const IconLeftDirection: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React, { SVGProps } from "react";
2
+ export declare const IconRightDirection: ({ className, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
package/lib/index.d.ts CHANGED
@@ -547,6 +547,10 @@ declare const IconInfoRound: ({ className, ...props }: SVGProps<SVGSVGElement>)
547
547
 
548
548
  declare const IconMail: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
549
549
 
550
+ declare const IconRightDirection: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
551
+
552
+ declare const IconLeftDirection: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
553
+
550
554
  declare function installPrimeReactStyles(): void;
551
555
 
552
- 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, IconLogout, IconMail, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, 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, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, TooltipWithPortal, installPrimeReactStyles };
556
+ 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, 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, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, TooltipWithPortal, installPrimeReactStyles };
package/lib/index.esm.js CHANGED
@@ -462,6 +462,19 @@ var IconMail = function (_a) {
462
462
  React__default.createElement("path", { d: "M2.33366 13.6666C1.87533 13.6666 1.48296 13.5034 1.15658 13.177C0.830187 12.8506 0.666992 12.4583 0.666992 11.9999V1.99992C0.666992 1.54159 0.830187 1.14922 1.15658 0.822835C1.48296 0.496446 1.87533 0.333252 2.33366 0.333252H15.667C16.1253 0.333252 16.5177 0.496446 16.8441 0.822835C17.1705 1.14922 17.3337 1.54159 17.3337 1.99992V11.9999C17.3337 12.4583 17.1705 12.8506 16.8441 13.177C16.5177 13.5034 16.1253 13.6666 15.667 13.6666H2.33366ZM9.00033 7.83325L2.33366 3.66658V11.9999H15.667V3.66658L9.00033 7.83325ZM9.00033 6.16658L15.667 1.99992H2.33366L9.00033 6.16658ZM2.33366 3.66658V1.99992V11.9999V3.66658Z", fill: "currentColor" })));
463
463
  };
464
464
 
465
+ var IconRightDirection = function (_a) {
466
+ var className = _a.className, props = __rest(_a, ["className"]);
467
+ return (React__default.createElement("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
468
+ React__default.createElement("path", { d: "M10.675 10L7.6 13.075L9 14.5L13.5 10L9 5.5L7.6 6.925L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" })));
469
+ };
470
+
471
+ var IconLeftDirection = function (_a) {
472
+ var className = _a.className, props = __rest(_a, ["className"]);
473
+ return (React__default.createElement("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
474
+ React__default.createElement("g", { transform: "translate(20 0) scale(-1 1)" },
475
+ React__default.createElement("path", { d: "M10.675 10L7.6 13.075L9 14.5L13.5 10L9 5.5L7.6 6.925L10.675 10ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" }))));
476
+ };
477
+
465
478
  var css_248z$z = ".styles-module__toast___JCV9s {\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__iconSize___os5JS {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__text___UCxPH strong {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n font-weight: 700;\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n font-weight: 700;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n font-weight: 700;\r\n color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textContent___S1KEv {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: var(--font-size-20, 20px);\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__closeButton___ELkqN {\r\n display: none;\r\n }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n color: var(--foreground);\r\n}\r\n";
466
479
  var styles$w = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
467
480
  styleInject(css_248z$z);
@@ -23686,73 +23699,74 @@ var TooltipWithPortal = function (_a) {
23686
23699
  var tooltipRef = useRef(null);
23687
23700
  var targetRef = useRef(null);
23688
23701
  var visible = internalVisible || forceVisible;
23702
+ var PADDING = 8;
23689
23703
  useEffect(function () {
23690
- function handleResize() {
23691
- setIsMobile(window.innerWidth <= 480);
23692
- }
23693
- if (typeof window !== "undefined") {
23694
- handleResize();
23695
- window.addEventListener("resize", handleResize);
23696
- return function () { return window.removeEventListener("resize", handleResize); };
23697
- }
23704
+ var handleResize = function () { return setIsMobile(window.innerWidth <= 480); };
23705
+ handleResize();
23706
+ window.addEventListener("resize", handleResize);
23707
+ return function () { return window.removeEventListener("resize", handleResize); };
23698
23708
  }, []);
23699
23709
  useEffect(function () {
23700
- var _a;
23701
- if (!visible || !targetRef.current || (isMobile && !tooltipRef.current))
23710
+ if (!visible || !targetRef.current || !tooltipRef.current)
23702
23711
  return;
23703
23712
  var rect = targetRef.current.getBoundingClientRect();
23704
- var tooltipRect = (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
23713
+ var tipRect = tooltipRef.current.getBoundingClientRect();
23714
+ var scrollY = window.scrollY || window.pageYOffset;
23715
+ var scrollX = window.scrollX || window.pageXOffset;
23716
+ var vw = window.innerWidth;
23717
+ var vh = window.innerHeight;
23718
+ var top;
23719
+ var left;
23705
23720
  if (isMobile) {
23706
- var padding = 8;
23707
- var top_1 = rect.bottom + window.scrollY + padding;
23708
- var left = rect.left + rect.width / 2 + window.scrollX;
23709
- var transform = "translateX(-50%)";
23710
- var maxWidth = Math.min(window.innerWidth * 0.95, 360); // 92vw or 360px max
23711
- var availableBelow = window.innerHeight - rect.bottom;
23721
+ var tooltipHeight = tipRect.height;
23722
+ var availableBelow = vh - rect.bottom;
23712
23723
  var availableAbove = rect.top;
23713
- var tooltipHeight = tooltipRect ? tooltipRect.height : 120;
23714
- if (availableBelow < tooltipHeight + 16 && availableAbove > tooltipHeight + 16) {
23715
- top_1 = rect.top + window.scrollY - tooltipHeight - padding;
23724
+ if (availableBelow < tooltipHeight + PADDING && availableAbove > tooltipHeight + PADDING) {
23725
+ top = rect.top + scrollY - tooltipHeight - PADDING;
23716
23726
  }
23717
- left = Math.max(left, maxWidth / 2 + 8);
23718
- left = Math.min(left, window.innerWidth - maxWidth / 2 - 8);
23719
- setTooltipStyle({
23720
- position: "absolute",
23721
- top: top_1,
23722
- left: left,
23723
- transform: transform,
23724
- zIndex: 2000,
23725
- width: "100%",
23726
- maxWidth: maxWidth,
23727
- minWidth: 120,
23728
- maxHeight: window.innerHeight * 0.6,
23729
- overflowY: "auto",
23730
- borderRadius: "10px",
23731
- padding: "14px 12px",
23732
- });
23727
+ else {
23728
+ top = rect.bottom + scrollY + PADDING;
23729
+ }
23730
+ left = rect.left + scrollX + rect.width / 2 - tipRect.width / 2;
23733
23731
  }
23734
23732
  else {
23735
- var top_2 = rect.bottom + window.scrollY + 8;
23736
- var left = rect.left + window.scrollX;
23737
- setTooltipStyle({
23738
- position: "absolute",
23739
- top: top_2,
23740
- left: left,
23741
- zIndex: 2000,
23742
- maxWidth: "480px",
23743
- });
23733
+ var tooltipHeight = tipRect.height;
23734
+ var availableBelow = vh - rect.bottom;
23735
+ if (availableBelow < tooltipHeight + PADDING && rect.top > tooltipHeight + PADDING) {
23736
+ top = rect.top + scrollY - tooltipHeight - PADDING;
23737
+ }
23738
+ else {
23739
+ top = rect.bottom + scrollY + PADDING;
23740
+ }
23741
+ left = rect.left + scrollX;
23742
+ }
23743
+ left = Math.max(PADDING + scrollX, left);
23744
+ if (left + tipRect.width + PADDING > scrollX + vw) {
23745
+ left = scrollX + vw - tipRect.width - PADDING;
23744
23746
  }
23747
+ var minTop = PADDING + scrollY;
23748
+ var maxTop = scrollY + vh - tipRect.height - PADDING;
23749
+ top = Math.min(Math.max(top, minTop), maxTop);
23750
+ setTooltipStyle({
23751
+ position: "absolute",
23752
+ top: top,
23753
+ left: left,
23754
+ zIndex: 2000,
23755
+ maxWidth: isMobile ? "92vw" : 480,
23756
+ width: isMobile ? "auto" : undefined,
23757
+ padding: isMobile ? "14px 12px" : undefined,
23758
+ overflowY: isMobile ? "auto" : undefined,
23759
+ borderRadius: isMobile ? 10 : undefined,
23760
+ maxHeight: isMobile ? vh * 0.6 : undefined,
23761
+ transform: isMobile ? "none" : undefined,
23762
+ });
23745
23763
  }, [visible, isMobile, text]);
23746
- var handleDesktopMouseEnter = function () { if (!isMobile)
23747
- setInternalVisible(true); };
23748
- var handleDesktopMouseLeave = function () { if (!isMobile)
23749
- setInternalVisible(false); };
23750
- var handleMobileTouch = function () { if (isMobile)
23751
- setInternalVisible(function (prev) { return !prev; }); };
23752
- var handleClick = function () { if (!isMobile)
23753
- setInternalVisible(function (prev) { return !prev; }); };
23764
+ var onMouseEnter = function () { return !isMobile && setInternalVisible(true); };
23765
+ var onMouseLeave = function () { return !isMobile && setInternalVisible(false); };
23766
+ var onTouch = function () { return isMobile && setInternalVisible(function (v) { return !v; }); };
23767
+ var onClick = function () { return !isMobile && setInternalVisible(function (v) { return !v; }); };
23754
23768
  return (React__default.createElement(React__default.Fragment, null,
23755
- React__default.createElement("div", { ref: targetRef, className: styles$1.container, onMouseEnter: handleDesktopMouseEnter, onMouseLeave: handleDesktopMouseLeave, onClick: handleClick, onTouchStart: handleMobileTouch, role: "button", "aria-haspopup": "true", "aria-expanded": visible }, children),
23769
+ React__default.createElement("div", { ref: targetRef, className: styles$1.container, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouch, onClick: onClick, role: "button", "aria-haspopup": "true", "aria-expanded": visible }, children),
23756
23770
  visible && typeof window !== "undefined" &&
23757
23771
  ReactDOM__default.createPortal(React__default.createElement("div", { ref: tooltipRef, className: styles$1.tooltip, style: tooltipStyle, "aria-hidden": !visible },
23758
23772
  React__default.createElement("span", { className: styles$1.textContent }, text)), document.body)));
@@ -23800,5 +23814,5 @@ function installPrimeReactStyles() {
23800
23814
  require("primereact/resources/primereact.css");
23801
23815
  }
23802
23816
 
23803
- export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete$1 as IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLogout, IconMail, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, installPrimeReactStyles };
23817
+ export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete$1 as 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, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, TooltipWithPortal, installPrimeReactStyles };
23804
23818
  //# sourceMappingURL=index.esm.js.map