frst-components 0.32.8 → 0.33.0

package/dist/index.js

@@ -6795,7 +6795,7 @@ const ModalContainer$1 = styled__default["default"].div `
     border-radius: 16px;
     padding: 52px;
     max-width: 90vw;
-    width: 654px;
+    width: 720px;
     max-height: 90vh;
     height: 363px;
     position: relative;
@@ -6843,7 +6843,7 @@ const ModalContent$1 = styled__default["default"].div `
 const WomanIllustration = styled__default["default"].div `
     position: absolute;    
     width: 140px;
-    right: 633px;
+    right: 699px;
     top: 24px;
     svg {
         width: 100%;
@@ -6858,7 +6858,7 @@ const TextSection = styled__default["default"].div `
 `;
 const MainText = styled__default["default"].p `
 color: #444;
-font-family: "PT Sans";
+font-family: "Poppins";
 font-size: 17px;
 font-weight: 400;
 line-height: normal;
@@ -6869,7 +6869,7 @@ const SolutionsContainer = styled__default["default"].div `
 `;
 const SolutionItem = styled__default["default"].span `
     color: #444;
-    font-family: "PT Sans";
+    font-family: "Poppins";
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
@@ -13963,6 +13963,66 @@ const TextNotification = styled__default["default"].p `
     :active {
         font-weight: bold;
     }
+`;
+const TolltipTopbar = styled__default["default"].div `
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #bdbdbd;
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  color: #757575;
+  box-shadow: 0px 25px 18px -20px rgba(34, 34, 34, 0.2);
+  padding: 6px;
+  position: absolute;
+  width: 205px;
+  height: 54px;
+  right: 145px;
+  text-align: center;
+  top: 24px;
+
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: -15px;
+    right: 10px; /* Ajuste conforme necessário */
+    border-width: 8px;
+    border-style: solid;
+    border-color: transparent transparent #fff transparent;
+  }
+
+
+  @media screen and (max-width: 1199px) {
+    width: 205px;
+    right: 28px;;
+    font-size: 14px;
+
+    &::before {
+      right: 15px;
+    }
+  }
+
+  @media screen and (min-width: 1200px) and (max-width: 1320px) {
+    width: 205px;
+    right: 28px;
+    font-size: 14px;
+
+    &::before {
+      right: 15px;
+    }
+  }
+  @media screen and (min-width: 1321px) {
+    width: 205px;
+    right: 28px;
+    font-size: 14px;
+
+    &::before {
+      right: 15px;
+    }
+  }
 `;
 
 const Container$c = styled__default["default"].div `
@@ -14789,6 +14849,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
     const [SelectedItem, setSelectedItem] = React.useState();
     const [isTabletVersion, setIsTabletVersion] = React.useState(false);
     const [HideHambMenu, setHideHambMenu] = React.useState(false);
+    const [showTooltipHelp, setShowTooltipHelp] = React.useState(false);
     const [hasNewNotification, setHasNewNotification] = React.useState(false);
     const [updatedNotificationList, setUpdatedNotificationList] = React.useState([]);
     React.useEffect(() => {
@@ -15005,7 +15066,7 @@ function GlobalMenu({ variant, menu, customMenu, user, search, notification, lan
                                                 }, children: [jsxRuntime.jsx(IconNotification, { fill: FRSTTheme['colors'].shadeWhite }), ' ', hasNewNotification ? (jsxRuntime.jsxs("div", { style: { marginLeft: '-12px' }, children: [' ', jsxRuntime.jsx(HasNotificationIcon, {}), ' '] })) : null] }), windowSize[0] > 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: false, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll, isLoading: notification?.isLoading })) : null] })), jsxRuntime.jsx(DropdownProfileMenu, { variant: "LXP", user: user, profileMenuText: profileMenuText, handleProfileMenuClick: onClickProfileMenuText, menuItems: user && user.menuItems, isMobileVersion: isMobileVersion, hiddenProfileMenu: hiddenProfileMenu, showProfile: showProfile, style: {
                                             marginLeft: isMobileVersion ? '0px' : '5px',
                                             marginRight: isMobileVersion ? '0px' : '5px'
-                                        } }), showNavigation && (jsxRuntime.jsxs(Navigation, { onClick: onClickNavigation, children: [jsxRuntime.jsx(HandWave, {}), jsxRuntime.jsx(TextNotification, { children: "Ajuda" })] })), showHelp && (jsxRuntime.jsxs(Help, { onClick: onClickHelp, children: [jsxRuntime.jsx(HelpIcon, {}), jsxRuntime.jsx(TextNotification, { children: "Suporte" })] }))] })] }) }), openNotificationMobile && windowSize[0] <= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll, isLoading: notification?.isLoading })) : null] })) : (jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', ...style }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: { ...style, display: 'none' }, children: [jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28" }) }), jsxRuntime.jsx(WrapperMenu, { children: menu &&
+                                        } }), showNavigation && (jsxRuntime.jsxs(Navigation, { onClick: onClickNavigation, children: [jsxRuntime.jsx(HandWave, {}), jsxRuntime.jsx(TextNotification, { children: "Ajuda" })] })), showHelp && (jsxRuntime.jsxs(Help, { onClick: onClickHelp, onMouseEnter: () => setShowTooltipHelp(true), onMouseLeave: () => setShowTooltipHelp(false), children: [jsxRuntime.jsx(HelpIcon, {}), jsxRuntime.jsx(TextNotification, { children: "Suporte" })] })), showTooltipHelp && (jsxRuntime.jsx("div", { id: "cardAjuda", style: { position: 'relative' }, children: jsxRuntime.jsx(TolltipTopbar, { children: "Clique aqui para tirar suas d\u00FAvidas com o nosso suporte." }) }))] })] }) }), openNotificationMobile && windowSize[0] <= 700 ? (jsxRuntime.jsx(NotificationPopOver, { handleClickMarkRead: notification.handleClickMarkRead, isOpen: openNotificationMobile, anchor: anchorNotification, textEmptyState: notification.textEmptyState, notificationList: updatedNotificationList, textMarkAllAsRead: notification.textMarkAllAsRead, textNotification: notification.textNotification, isMobile: true, setOnAreaPopOver: (e) => setOnAreaPopOver(e), textBack: notification.textBack, handleClickBack: () => handleCloseNotification(), textDeleteAll: notification.textDeleteAll, handleClickDeleteAll: notification.handleClickDeleteAll, isLoading: notification?.isLoading })) : null] })) : (jsxRuntime.jsx("div", { style: { width: '100%', display: 'flex', flexDirection: 'column', ...style }, children: jsxRuntime.jsxs(MenuContainer, { variant: variant, style: { ...style, display: 'none' }, children: [jsxRuntime.jsx(WrapperLogo, { onClick: () => onClickLogo(), children: jsxRuntime.jsx(FRSTLogo, { height: "28" }) }), jsxRuntime.jsx(WrapperMenu, { children: menu &&
                             menu.length > 0 &&
                             menu.map((item, index) => {
                                 return (jsxRuntime.jsx(ItemGlobalMenu, { label: item.label, variant: "default", type: "menu", handleOnClick: () => item.onClick('tes'), style: { paddingRight: '10px', paddingLeft: '10px' } }, item.id ? item.id : index));

package/dist/src/components/global-menu/globalMenuStyles.d.ts

@@ -27,5 +27,6 @@ export declare const itemFrstSocials: import("styled-components").StyledComponen
 export declare const Help: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Navigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextNotification: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const TolltipTopbar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};
 //# sourceMappingURL=globalMenuStyles.d.ts.map

package/dist/src/components/global-menu/globalMenuStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalMenuStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/globalMenuStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,UAAU,cAAc;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,gFAYzB,CAAA;AAED,eAAO,MAAM,WAAW,oEAKvB,CAAA;AACD,eAAO,MAAM,eAAe,oEAO3B,CAAA;AACD,eAAO,MAAM,WAAW,oEAOvB,CAAA;AACD,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAO5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAkBnC,CAAA;AACD,eAAO,MAAM,2BAA2B,kEASvC,CAAA;AAED,eAAO,MAAM,6BAA6B,oEAWzC,CAAA;AAED,eAAO,MAAM,gBAAgB,gFAgB5B,CAAA;AAED,eAAO,MAAM,UAAU;;SAWtB,CAAA;AAED,eAAO,MAAM,QAAQ;;SAWpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAqBxB,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAU5B,CAAA;AAED,eAAO,MAAM,WAAW,oEAOvB,CAAA;AAED,eAAO,MAAM,eAAe,uEAI3B,CAAA;AAED,eAAO,MAAM,IAAI,oEAchB,CAAA;AAED,eAAO,MAAM,UAAU,oEActB,CAAA;AAED,eAAO,MAAM,gBAAgB,kEAY5B,CAAA"}
+{"version":3,"file":"globalMenuStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/globalMenuStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,UAAU,cAAc;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,gFAYzB,CAAA;AAED,eAAO,MAAM,WAAW,oEAKvB,CAAA;AACD,eAAO,MAAM,eAAe,oEAO3B,CAAA;AACD,eAAO,MAAM,WAAW,oEAOvB,CAAA;AACD,eAAO,MAAM,WAAW,oEAKvB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAO5B,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAkBnC,CAAA;AACD,eAAO,MAAM,2BAA2B,kEASvC,CAAA;AAED,eAAO,MAAM,6BAA6B,oEAWzC,CAAA;AAED,eAAO,MAAM,gBAAgB,gFAgB5B,CAAA;AAED,eAAO,MAAM,UAAU;;SAWtB,CAAA;AAED,eAAO,MAAM,QAAQ;;SAWpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAqBxB,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAU5B,CAAA;AAED,eAAO,MAAM,WAAW,oEAOvB,CAAA;AAED,eAAO,MAAM,eAAe,uEAI3B,CAAA;AAED,eAAO,MAAM,IAAI,oEAchB,CAAA;AAED,eAAO,MAAM,UAAU,oEActB,CAAA;AAED,eAAO,MAAM,gBAAgB,kEAY5B,CAAA;AAGD,eAAO,MAAM,aAAa,oEA2DzB,CAAA"}

package/dist/src/components/global-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AA2B1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,WAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACjB,EAAE,WAAW,2CAo4Bb;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA0LA;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA4GA;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA2KA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/global-menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAIhC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AA2B1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,OAAO,EACP,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,WAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACjB,EAAE,WAAW,2CAi5Bb;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA0LA;AAED,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA4GA;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACb;;;;;;;;;;;;;;CAAA,2CA2KA"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "frst-components",
     "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-    "version": "0.32.8",
+    "version": "0.33.0",
     "private": false,
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",