ag-common 0.0.670 → 0.0.671

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

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

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

@@ -16,7 +16,7 @@ exports.ModalDialog = void 0;
 const react_1 = __importDefault(require("react"));
 const client_1 = require("react-dom/client");
 const Modal_1 = require("./Modal");
-const ModalDialog = (content) => __awaiter(void 0, void 0, void 0, function* () {
+const ModalDialog = (content, opt) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const wrapper = document.body.appendChild(document.createElement('div'));
         const root = (0, client_1.createRoot)(wrapper);
@@ -26,7 +26,7 @@ const ModalDialog = (content) => __awaiter(void 0, void 0, void 0, function* ()
                     wrapper.remove();
                 }
                 res('ok');
-            }, topPosition: "center", position: "center" }, content));
+            }, topPosition: "center", position: "center", style: opt === null || opt === void 0 ? void 0 : opt.style }, content));
     });
 });
 exports.ModalDialog = ModalDialog;

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, }: IModal) => React.JSX.Element | null;
+export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, portalId, style, }: IModal) => React.JSX.Element | null;

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

@@ -84,7 +84,7 @@ 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, }) => {
+const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, portalId, style, }) => {
     const [elem, setElem] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
         const originalStyle = window.getComputedStyle(document.body).overflow || '';
@@ -121,7 +121,7 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top'
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
     const Content = (react_1.default.createElement(FixedBackground, null,
-        react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
+        react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className, style: style },
             showCloseButton && (react_1.default.createElement(CloseStyled, { "data-type": "modal-close", onClick: () => setOpen(false) })),
             children)));
     if (portalId && elem === undefined) {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { CSSProperties } from 'react';
 export interface IModal {
     open: boolean;
     setOpen: (b: boolean) => void;
@@ -11,4 +11,6 @@ export interface IModal {
     closeOnClickOutside?: boolean;
     /** if provided, will create inside this #id */
     portalId?: string;
+    /**applied to modal inside fixed */
+    style?: CSSProperties;
 }

package/package.json

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