ag-common 0.0.681 → 0.0.683

package/dist/ui/components/DarkMode/Base.js

@@ -125,10 +125,15 @@ const DarkModeAux = ({ iconSize = '2.5rem', className, mode, onSubmit, style, dm
         else {
             className = '';
         }
-        document.getElementsByTagName('html')[0].classList.remove('dark-mode');
-        document.getElementsByTagName('html')[0].classList.remove('light-mode');
-        if (className) {
-            document.getElementsByTagName('html')[0].classList.add(className);
+        try {
+            document.getElementsByTagName('html')[0].classList.remove('dark-mode');
+            document.getElementsByTagName('html')[0].classList.remove('light-mode');
+            if (className) {
+                document.getElementsByTagName('html')[0].classList.add(className);
+            }
+        }
+        catch (e) {
+            //
         }
         dm.setDarkmode(newDarkMode);
         onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(newDarkMode);

package/dist/ui/components/DropdownList/Dialog.js

@@ -30,11 +30,21 @@ const DropdownListDialog = (p) => __awaiter(void 0, void 0, void 0, function* ()
         wrapper.style.left = `${p.position.x}px`;
         const root = (0, client_1.createRoot)(wrapper);
         root.render(react_1.default.createElement(index_1.DropdownList, Object.assign({}, p, { open: true, onClose: () => {
-                root.unmount();
-                wrapper.remove();
+                try {
+                    root.unmount();
+                    wrapper.remove();
+                }
+                catch (e) {
+                    //
+                }
             }, onChange: (v, i) => {
-                root.unmount();
-                wrapper.remove();
+                try {
+                    root.unmount();
+                    wrapper.remove();
+                }
+                catch (e) {
+                    //
+                }
                 res(!v ? undefined : [v, i]);
             } }), "\u00A0"));
     });

package/dist/ui/components/Modal/Dialog.d.ts

@@ -1,4 +1,5 @@
 import type { CSSProperties } from 'react';
 export declare const ModalDialog: (content: JSX.Element, opt?: {
     style?: CSSProperties;
+    portalId?: string;
 }) => Promise<string | undefined>;

package/dist/ui/components/Modal/Dialog.js

@@ -22,8 +22,13 @@ const ModalDialog = (content, opt) => __awaiter(void 0, void 0, void 0, function
         const root = (0, client_1.createRoot)(wrapper);
         root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
                 if (!o) {
-                    root.unmount();
-                    wrapper.remove();
+                    try {
+                        root.unmount();
+                        wrapper.remove();
+                    }
+                    catch (e) {
+                        //
+                    }
                 }
                 res('ok');
             }, topPosition: "center", position: "center", style: opt === null || opt === void 0 ? void 0 : opt.style }, content));

package/dist/ui/components/Modal/Modal.d.ts

@@ -4,4 +4,4 @@ export declare const ModalItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, portalId, style, }: IModal) => React.JSX.Element | null;
+export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, portalId: pidraw, style, }: IModal) => React.JSX.Element | null;

package/dist/ui/components/Modal/Modal.js

@@ -34,6 +34,7 @@ const react_dom_1 = require("react-dom");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const styles_1 = require("../../styles");
 const Close_1 = require("../Close");
+const globalId = 'ag-modal-portal';
 const FixedBackground = styled_1.default.div `
   position: fixed;
   top: 0;
@@ -84,8 +85,33 @@ exports.ModalItem = styled_1.default.div `
 const CloseStyled = (0, styled_1.default)(Close_1.Close) `
   z-index: 1;
 `;
-const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, portalId, style, }) => {
+const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, portalId: pidraw, style, }) => {
+    let portalId = pidraw;
+    if (portalId === undefined) {
+        portalId = globalId;
+    }
     const [elem, setElem] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        if (portalId === null ||
+            document.querySelectorAll(`#${portalId}`).length > 0) {
+            return;
+        }
+        const d = document.createElement('div');
+        d.id = portalId;
+        d.style.position = 'fixed';
+        d.style.zIndex = '10';
+        document.body.appendChild(d);
+        return () => {
+            var _a;
+            try {
+                (_a = document.querySelector(`#${portalId}`)) === null || _a === void 0 ? void 0 : _a.remove();
+            }
+            catch (e) {
+                //
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     (0, react_1.useEffect)(() => {
         const originalStyle = window.getComputedStyle(document.body).overflow || '';
         if (open) {

package/dist/ui/components/Modal/types.d.ts

@@ -9,8 +9,8 @@ export interface IModal {
     closeOnMoveMouseOutside?: boolean;
     className?: string;
     closeOnClickOutside?: boolean;
-    /** if provided, will create inside this #id */
-    portalId?: string;
+    /** if provided, will create inside this #id. default "ag-modal-portal". if null, wont use global id */
+    portalId?: string | null;
     /**applied to modal inside fixed */
     style?: CSSProperties;
 }

package/dist/ui/helpers/useTooltip.js

@@ -108,7 +108,12 @@ const useTooltip = () => {
         document.body.appendChild(d);
         return () => {
             var _a;
-            (_a = document.querySelector(`#${globalId}`)) === null || _a === void 0 ? void 0 : _a.remove();
+            try {
+                (_a = document.querySelector(`#${globalId}`)) === null || _a === void 0 ? void 0 : _a.remove();
+            }
+            catch (e) {
+                //
+            }
         };
     }, []);
     const setPos = (p) => {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.681",
+  "version": "0.0.683",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",