@ctlyst.id/internal-ui 3.1.3 → 3.1.5

package/dist/index.d.mts

@@ -389,9 +389,10 @@ interface ProfileProps extends BoxProps {
     data?: HeaderDataProps;
     onLogout?: () => void;
     badgeStyle?: BadgeProps;
+    officeContainer?: Omit<HTMLChakraProps$1<'div'>, 'color'>;
 }
 declare const Profile: {
-    ({ color, brandColor, data, badgeStyle, children, onLogout, ...props }: ProfileProps): react_jsx_runtime.JSX.Element;
+    ({ color, brandColor, data, badgeStyle, children, onLogout, officeContainer, ...props }: ProfileProps): react_jsx_runtime.JSX.Element;
     defaultProps: {
         brandColor: string;
         data: undefined;

package/dist/index.d.ts

@@ -389,9 +389,10 @@ interface ProfileProps extends BoxProps {
     data?: HeaderDataProps;
     onLogout?: () => void;
     badgeStyle?: BadgeProps;
+    officeContainer?: Omit<HTMLChakraProps$1<'div'>, 'color'>;
 }
 declare const Profile: {
-    ({ color, brandColor, data, badgeStyle, children, onLogout, ...props }: ProfileProps): react_jsx_runtime.JSX.Element;
+    ({ color, brandColor, data, badgeStyle, children, onLogout, officeContainer, ...props }: ProfileProps): react_jsx_runtime.JSX.Element;
     defaultProps: {
         brandColor: string;
         data: undefined;

package/dist/index.js

@@ -2847,17 +2847,20 @@ NavItem.defaultProps = {
 var import_react44 = require("@chakra-ui/react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var Tooltip = (props) => {
-  const { children, bg = "neutral.700", textStyle = "text.sm", color = "white", width } = props;
+  const { children, bg = "neutral.700", textStyle = "text.sm", color = "white", width, rounded = 4 } = props;
   const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     import_react44.PopoverContent,
     {
+      "data-test-id": "",
       border: "none",
       bg,
+      rounded,
+      ml: 1,
       textStyle,
       width,
-      ml: 1,
       placeItems: "center",
       borderRadius: props.borderRadius,
+      onClick: (e) => e.stopPropagation(),
       children: [
         props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverArrow, { color, bg, shadow: "none" }),
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverBody, { color, ...props, children: props.label })
@@ -2872,7 +2875,16 @@ var Tooltip = (props) => {
 
 // src/components/header/components/profile.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var Profile = ({ color, brandColor, data, badgeStyle, children, onLogout, ...props }) => {
+var Profile = ({
+  color,
+  brandColor,
+  data,
+  badgeStyle,
+  children,
+  onLogout,
+  officeContainer,
+  ...props
+}) => {
   var _a, _b;
   const { isOpen, onToggle, onClose } = (0, import_react45.useDisclosure)();
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Popover, { placement: "bottom-end", isOpen, onClose, children: [
@@ -2927,7 +2939,8 @@ var Profile = ({ color, brandColor, data, badgeStyle, children, onLogout, ...pro
                     popoverProps: {
                       offset: [10, 8]
                     },
-                    width: 186,
+                    width: 300,
+                    ...officeContainer,
                     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                       badge_default,
                       {