npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.6.15-beta-1 → 4.6.16 - Mend

@oliasoft-open-source/react-ui-library 4.6.15-beta-1 → 4.6.16

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 (44) 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 ADDED Viewed

@@ -0,0 +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.d.ts CHANGED Viewed

@@ -1536,6 +1536,11 @@ export declare interface ITreeProps {
 }
 declare interface IUnitConfigItem {
+    onChange?: (params: {
+        oldUnit: string;
+        newUnit: string;
+        unitKey: string;
+    }) => void;
     unitKey: string;
     storageUnit: string;
     preferredUnit: string;

package/dist/index.js CHANGED Viewed

@@ -22023,27 +22023,18 @@ const Popover = ({
   onToggle: externalOnToggle
 }) => {
   const disabledContext = useContext(DisabledContext);
-  const [internalIsOpen, setInternalIsOpen] = useState(false);
-  const isControlled = externalIsOpen !== void 0;
-  const isOpen2 = isControlled ? externalIsOpen : internalIsOpen;
+  const [isOpen2, setOpen] = externalIsOpen !== void 0 ? [externalIsOpen, externalOnToggle] : useState(false);
   const close2 = () => {
     if (!disabled2 && !disabledContext) {
-      if (!isControlled) {
-        setInternalIsOpen(false);
-      }
-      if (externalOnToggle) {
-        externalOnToggle(false);
+      if (setOpen) {
+        setOpen(false);
       }
     }
   };
   const toggle2 = () => {
     if (!(disabled2 || disabledContext)) {
-      const newIsOpen = !isOpen2;
-      if (!isControlled) {
-        setInternalIsOpen(newIsOpen);
-      }
-      if (externalOnToggle) {
-        externalOnToggle(newIsOpen);
+      if (setOpen) {
+        setOpen(!isOpen2);
       }
     }
   };
@@ -70821,10 +70812,22 @@ const UnitTable = ({
   const onChangeUnit = ({
     unitKey,
     value
-  }) => setSelectedUnits({
-    ...selectedUnits,
-    [unitKey]: value
-  });
+  }) => {
+    setSelectedUnits({
+      ...selectedUnits,
+      [unitKey]: value
+    });
+    const specificUnitConfiguration = unitConfig.find(
+      (configuration) => configuration.unitKey === unitKey
+    );
+    if (specificUnitConfiguration && typeof specificUnitConfiguration.onChange === "function") {
+      specificUnitConfiguration.onChange({
+        oldUnit: selectedUnits[unitKey],
+        newUnit: value,
+        unitKey
+      });
+    }
+  };
   const convertViewData = (selectedUnits2) => convertVisibleRows({
     headers,
     rows,
@@ -70840,7 +70843,13 @@ const UnitTable = ({
   useEffect(() => {
     const templateChanged = !isEqual$4(preferredUnits, previousPreferredUnits);
     if (templateChanged) {
-      setSelectedUnits(preferredUnits);
+      Object.keys(preferredUnits).forEach((unitKey) => {
+        const oldUnit = previousPreferredUnits == null ? void 0 : previousPreferredUnits[unitKey];
+        const newUnit = preferredUnits[unitKey];
+        if (oldUnit !== newUnit) {
+          onChangeUnit({ unitKey, value: newUnit });
+        }
+      });
       setViewData(convertViewData(preferredUnits));
     }
   }, [unitConfig]);