aefis-core-ui 3.0.0 → 3.1.1

package/dist/index.modern.js

@@ -5027,8 +5027,10 @@ const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(_ref, ref) {
           borderTop: item.divider ? "1px solid #dddddd" : "none",
           marginTop: item.divider ? 1 : "inherit",
           paddingTop: item.divider ? 1 : "inherit",
-          "&.Mui-focusVisible": {
-            backgroundColor: "rgba(0, 0, 0, 0.04)"
+          "&.Mui-focusVisible, &:hover": {
+            backgroundColor: "rgba(0, 0, 0, 0.12)",
+            outline: "2px solid rgba(0, 0, 0, 0.87)",
+            outlineOffset: "-2px"
           }
         },
         children: [item.icon && /*#__PURE__*/jsx(ListItemIcon, {
@@ -11109,6 +11111,58 @@ DisplayInFrame.propTypes = {
   iframeAttributes: PropTypes.any
 };
 
+const MESSAGES = {
+  close: "fpv.close",
+  showLoading: "fpv.showLoading",
+  hideLoading: "fpv.hideLoading"
+};
+
+/**
+ * Custom hook to handle window messages for specific actions.
+ *
+ * @param {Object} params - The parameters object.
+ * @param {Function} params.onClose - Callback function to execute when the "closeModal" message is received.
+ * @param {Function} params.onShowLoading - Callback function to execute when the "showLoading" message is received.
+ * @param {Function} params.onHideLoading - Callback function to execute when the "hideLoading" message is received.
+ * @param {Function} [params.onWindowMessage] - Optional callback function to execute for any window message.
+ *
+ *
+ * @example
+ * window.parent.postMessage("fpv.close", "*");
+ * window.parent.postMessage("fpv.showLoading", "*");
+ * window.parent.postMessage("fpv.hideLoading", "*");
+ */
+const useFpvWindowMessage = ({
+  onClose,
+  onShowLoading,
+  onHideLoading,
+  onWindowMessage
+}) => {
+  useEffect(() => {
+    const messageHandlers = {
+      [MESSAGES.close]: onClose,
+      [MESSAGES.showLoading]: onShowLoading,
+      [MESSAGES.hideLoading]: onHideLoading
+    };
+
+    /**
+     * Handles the window message event.
+     *
+     * @param {MessageEvent} event - The message event object.
+     */
+    const handleMessage = event => {
+      onWindowMessage == null ? void 0 : onWindowMessage(event);
+      if (typeof event.data !== "string") return;
+      const handler = messageHandlers[event.data];
+      if (handler) handler();
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [onWindowMessage, onClose, onShowLoading, onHideLoading]);
+};
+
 const Transition = /*#__PURE__*/forwardRef(function Transition(props, ref) {
   return /*#__PURE__*/jsx(Slide, _extends({
     direction: "up",
@@ -11127,6 +11181,12 @@ const FullPageViewer = props => {
   const handleFrameLoad = () => {
     setShowLoading(false);
   };
+  useFpvWindowMessage({
+    onClose: handleClose,
+    onShowLoading: () => setShowLoading(true),
+    onHideLoading: () => setShowLoading(false),
+    onWindowMessage: props.onWindowMessage
+  });
   return /*#__PURE__*/jsx(ModalDialog, {
     size: "fullscreen",
     open: props.open,
@@ -11212,7 +11272,11 @@ FullPageViewer.propTypes = {
    * cross origin URL is given as url, than this JS file most likely won't be
    * avaliable. So scrolling should be enabled manually with this option. This
    * option same as giving { scrolling: "yes" } to iframeAttributes*/
-  isIframeScrollable: PropTypes.bool
+  isIframeScrollable: PropTypes.bool,
+  /** Custom styles for the dialog */
+  dialogSx: PropTypes.any,
+  /** Custom styles for the dialog */
+  onWindowMessage: PropTypes.func
 };
 
 const _excluded$s = ["height", "children", "onScroll", "showTopFade", "showBottomFade", "component", "onScrollReachStart", "onScrollReachEnd"];
@@ -25425,7 +25489,7 @@ LoadingScreenWithTextTransition.propTypes = {
   textTransitionProps: PropTypes.object
 };
 
-LicenseInfo.setLicenseKey("66847395c260a00b267238f6b82862a0Tz04NTQwOCxFPTE3NDA4NjgyNTEwMDAsUz1wcmVtaXVtLExNPXN1YnNjcmlwdGlvbixLVj0y");
+LicenseInfo.setLicenseKey("02e713a3c6c99449d985ebc2ad97581cTz0xMjYzODksRT0xODA0MTE4Mzk5MDAwLFM9cHJlbWl1bSxMTT1hbm51YWwsUFY9aW5pdGlhbCxLVj0y");
 const DataTable = ({
   columns,
   data,