npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.6.14 → 4.6.15 - Mend

@oliasoft-open-source/react-ui-library 4.6.14 → 4.6.15

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.

Files changed (117) hide show

package/README.md CHANGED Viewed

@@ -1460,17 +1460,18 @@ The `Popover` component displays additional content or options related to a spec
 ### Props
-| Prop                   | Description                                                                                                          | Default Value |
-|------------------------|----------------------------------------------------------------------------------------------------------------------|---------------|
-| `children`             | The element that triggers the display of the popover content.                                                        | -             |
-| `content`              | The content to be displayed inside the popover.                                                                     | -             |
-| `placement`            | The placement of the popover relative to its trigger element.                                                         | `'top-center'`|
-| `closeOnOutsideClick`  | A boolean indicating whether the popover should close when clicking outside of it.                                   | `true`        |
-| `fullWidth`            | A boolean indicating whether the popover should take up the full width of its container.                             | `false`       |
-| `showCloseButton`      | A boolean indicating whether to display a close button within the popover.                                            | `false`       |
-| `testId`               | A test ID for the popover component, used for testing purposes.                                                       | -             |
-| `disabled`             | A boolean indicating whether the popover is disabled and should not be triggered.                                     | `false`       |
-| `overflowContainer`    | A boolean indicating whether the popover content should be constrained within its container if it overflows.         | `false`       |
+| Prop                  | Description                                                                                                  | Default Value  |
+|-----------------------|--------------------------------------------------------------------------------------------------------------|----------------|
+| `children`            | The element that triggers the display of the popover content.                                                | -              |
+| `content`             | The content to be displayed inside the popover.                                                              | -              |
+| `placement`           | The placement of the popover relative to its trigger element.                                                | `'top-center'` |
+| `closeOnOutsideClick` | A boolean indicating whether the popover should close when clicking outside of it.                           | `true`         |
+| `fullWidth`           | A boolean indicating whether the popover should take up the full width of its container.                     | `false`        |
+| `showCloseButton`     | A boolean indicating whether to display a close button within the popover.                                   | `false`        |
+| `testId`              | A test ID for the popover component, used for testing purposes.                                              | -              |
+| `disabled`            | A boolean indicating whether the popover is disabled and should not be triggered.                            | `false`        |
+| `isOpen`              | Controls the visibility of the popover. If defined, the popover is in controlled mode.                       | -              |
+| `onToggle`            | Callback function that is called when the popover is opened or closed. Receives the new state as an argument.| -              |
 ### Usage Example

package/dist/404.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~D5bNrBhF~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-UHom3TOS.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-noRhVNRn.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-UHom3TOS.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-D5bNrBhF.js → index-noRhVNRn.js} RENAMED Viewed

@@ -12632,7 +12632,7 @@ const Tooltip = ({
   ],
   enabled = true,
   warning: warning2 = false,
-  maxWidth = "none",
+  maxWidth = "40em",
   triggerOffset = 12,
   fontSize = "inherit",
   padding: padding2 = "var(--padding-xxs) var(--padding-xs)",

package/dist/index.d.ts CHANGED Viewed

@@ -1023,6 +1023,8 @@ export declare interface IPopoverProps {
     testId?: string;
     disabled?: boolean;
     overflowContainer?: boolean;
+    isOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
 }
 export declare interface IPortalProps {
@@ -1664,7 +1666,7 @@ export declare const Pagination: ({ pagination }: IPaginationProps) => JSX_2.Ele
 export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, disableConfirmButton, overflowContainer, testId, }: IPopConfirmProps) => JSX_2.Element;
-export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => JSX_2.Element;
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, isOpen: externalIsOpen, onToggle: externalOnToggle, }: IPopoverProps) => JSX_2.Element;
 export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;

package/dist/index.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-~~D5bNrBhF~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-UHom3TOS.css"></head><body><div id="content"></div></body>
1	+ <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-noRhVNRn.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-UHom3TOS.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -22018,18 +22018,28 @@ const Popover = ({
   showCloseButton = false,
   testId,
   disabled: disabled2 = false,
-  overflowContainer = false
+  overflowContainer = false,
+  isOpen: externalIsOpen,
+  onToggle: externalOnToggle
 }) => {
   const disabledContext = useContext(DisabledContext);
-  const [isOpen2, setOpen] = useState(false);
-  const close2 = () => setOpen(false);
+  const [isOpen2, setOpen] = externalIsOpen !== void 0 ? [externalIsOpen, externalOnToggle] : useState(false);
+  const close2 = () => {
+    if (!disabled2 && !disabledContext) {
+      if (setOpen) {
+        setOpen(false);
+      }
+    }
+  };
   const toggle2 = () => {
     if (!(disabled2 || disabledContext)) {
-      setOpen(!isOpen2);
+      if (setOpen) {
+        setOpen(!isOpen2);
+      }
     }
   };
   useEffect(() => {
-    if (!(disabled2 || disabledContext)) {
+    if (disabled2 || disabledContext) {
       close2();
     }
   }, [disabled2, disabledContext]);