react-dialogger 1.1.21 → 1.1.23

package/helpers/dialogBoundsMemoize.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setDialogBounds = exports.getDialogBounds = exports.dialogRegister = void 0;
+// import {registeredDialogs} from "../hooks/initDialogMemoizeBounds";
+var initDialogMemoizeBounds_1 = require("./initDialogMemoizeBounds");
+// const BOUNDS_STORE_KEY: IDialogBoundsMemoKey = 'react-super-dialog';
+// const boundStoreExists = () => {
+//     try{
+//         return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
+//     } catch (e){
+//         return false;
+//     }
+// }
+// const createBoundStore = () => {
+//     if (!boundStoreExists()) {
+//         try{
+//             window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
+//         } catch (e){
+//             console.log(e);
+//         }
+//     }
+// }
+/**
+ * RAM den okuyoruz...
+ * */
+var dialogInStore = function (options) {
+    var stores = initDialogMemoizeBounds_1.registeredDialogs;
+    console.log('dialogInStoreX1', stores);
+    if (!stores)
+        return undefined;
+    var parsedStores = stores; // JSON.parse(stores);
+    var foundedStore = parsedStores.find(function (store) { return store.id === options.id; });
+    return foundedStore;
+};
+var dialogRegister = function (options, initialBounds) {
+    console.log('Regsister fired!!!', options);
+    if (dialogInStore(options))
+        return;
+    if (!options.id) {
+        throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
+    }
+    // createBoundStore();
+    var newBounds = {
+        id: options.id,
+        bounds: {
+            width: initialBounds.width,
+            height: initialBounds.height,
+            x: initialBounds.x,
+            y: initialBounds.y + 100
+        }
+    };
+    var foundedDialog = initDialogMemoizeBounds_1.registeredDialogs.find(function (b) { return b.id === options.id; });
+    console.log('foundedDialog', foundedDialog);
+    if (!foundedDialog) {
+        initDialogMemoizeBounds_1.registeredDialogs.push(newBounds);
+    }
+    console.log('foundedDialog_2', initDialogMemoizeBounds_1.registeredDialogs);
+    // Register to Cookie
+    try {
+        window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
+    }
+    catch (e) {
+        console.log(e);
+    }
+    // registeredDialogs.push(newBounds);
+    console.log('Dialog_Bounds, initialBounds-A', initialBounds);
+    var bounds = (0, exports.getDialogBounds)(options);
+    return bounds;
+};
+exports.dialogRegister = dialogRegister;
+var getDialogBounds = function (options) {
+    var dialog = dialogInStore(options);
+    if (!options.id) {
+        throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
+    }
+    // Eget local vaiable icinde bulunamassa localStorage'dan al
+    if (!dialog) {
+        var boundsRaw = window.localStorage.getItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY);
+        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
+        var founded = boundsArray.find(function (b) { return b.id === options.id; });
+        if (founded) {
+            return {
+                width: founded.bounds.width,
+                height: founded.bounds.height,
+                x: founded.bounds.x,
+                y: founded.bounds.y
+            };
+        }
+    }
+    if (dialog) {
+        return {
+            width: dialog.bounds.width,
+            height: dialog.bounds.height,
+            x: dialog.bounds.x,
+            y: dialog.bounds.y
+        };
+    }
+    return undefined;
+};
+exports.getDialogBounds = getDialogBounds;
+var setDialogBounds = function (dialogId, bounds, dialogRef) {
+    var newBounds = {
+        id: dialogId,
+        bounds: bounds
+    };
+    var founded = initDialogMemoizeBounds_1.registeredDialogs.find(function (b) { return b.id === dialogId; });
+    if (founded) {
+        founded.bounds = bounds;
+        try {
+            window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+};
+exports.setDialogBounds = setDialogBounds;

package/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { InitDialogMemoizeBounds, InitDialogMemoizeBoundsDeclared, registeredDialogs } from "./initDialogMemoizeBounds";
+export * from "./dialogBoundsMemoize";

package/helpers/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registeredDialogs = exports.InitDialogMemoizeBoundsDeclared = exports.InitDialogMemoizeBounds = void 0;
+var initDialogMemoizeBounds_1 = require("./initDialogMemoizeBounds");
+Object.defineProperty(exports, "InitDialogMemoizeBounds", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBounds; } });
+Object.defineProperty(exports, "InitDialogMemoizeBoundsDeclared", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBoundsDeclared; } });
+Object.defineProperty(exports, "registeredDialogs", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.registeredDialogs; } });
+__exportStar(require("./dialogBoundsMemoize"), exports);

package/helpers/initDialogMemoizeBounds.d.ts

@@ -0,0 +1,5 @@
+import { IDialogBoundDef, IDialogBoundsMemoKey } from "./BoundTypes";
+export declare let registeredDialogs: IDialogBoundDef[];
+export declare let InitDialogMemoizeBoundsDeclared: boolean;
+export declare const BOUNDS_STORE_KEY: IDialogBoundsMemoKey;
+export declare const InitDialogMemoizeBounds: () => void;

package/helpers/initDialogMemoizeBounds.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitDialogMemoizeBounds = exports.BOUNDS_STORE_KEY = exports.InitDialogMemoizeBoundsDeclared = exports.registeredDialogs = void 0;
+// Sayfa ilk yuklendiginde calisacak
+exports.registeredDialogs = [];
+exports.InitDialogMemoizeBoundsDeclared = false;
+exports.BOUNDS_STORE_KEY = 'react-super-dialog';
+// Bu App level sevyesinde olmali
+// ILk Kayitlari olusturuyoruz
+var InitDialogMemoizeBounds = function () {
+    var boundStoreExists = function () {
+        try {
+            return !!window.localStorage.getItem(exports.BOUNDS_STORE_KEY);
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    var createBoundStore = function () {
+        if (!boundStoreExists()) {
+            try {
+                window.localStorage.setItem(exports.BOUNDS_STORE_KEY, JSON.stringify([]));
+            }
+            catch (e) {
+                console.log(e);
+            }
+        }
+    };
+    var readFromStore = function () {
+        createBoundStore();
+        var boundsRaw = window.localStorage.getItem(exports.BOUNDS_STORE_KEY);
+        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
+        return boundsArray;
+    };
+    console.log('readFromStore', readFromStore());
+    // Set this on App level
+    exports.registeredDialogs = readFromStore();
+    exports.InitDialogMemoizeBoundsDeclared = true;
+};
+exports.InitDialogMemoizeBounds = InitDialogMemoizeBounds;

package/hooks/initDialogMemoizeBounds.d.ts

@@ -0,0 +1,4 @@
+import { IDialogBoundDef } from "../components/dialogBoundsMemoize";
+export declare let registeredDialogs: IDialogBoundDef[];
+export declare let initDialogMemoizeBoundsDeclared: boolean;
+export declare const initDialogMemoizeBounds: () => void;

package/hooks/initDialogMemoizeBounds.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initDialogMemoizeBounds = exports.initDialogMemoizeBoundsDeclared = exports.registeredDialogs = void 0;
+// Sayfa ilk yuklendiginde calisacak
+exports.registeredDialogs = [];
+exports.initDialogMemoizeBoundsDeclared = false;
+// Bu App level sevyesinde olmali
+var initDialogMemoizeBounds = function () {
+    var BOUNDS_STORE_KEY = 'react-super-dialog';
+    var boundStoreExists = function () {
+        try {
+            return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    var createBoundStore = function () {
+        if (!boundStoreExists()) {
+            try {
+                window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
+            }
+            catch (e) {
+                console.log(e);
+            }
+        }
+    };
+    var readFromStore = function () {
+        createBoundStore();
+        var boundsRaw = window.localStorage.getItem(BOUNDS_STORE_KEY);
+        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
+        return boundsArray;
+    };
+    console.log('readFromStore', readFromStore());
+    // Set this on App level
+    exports.registeredDialogs = readFromStore();
+    exports.initDialogMemoizeBoundsDeclared = true;
+};
+exports.initDialogMemoizeBounds = initDialogMemoizeBounds;

package/hooks/useDialogMemoizeBounds.d.ts

@@ -0,0 +1 @@
+export declare const useDialogMemoizeBounds: () => void;

package/hooks/useDialogMemoizeBounds.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialogMemoizeBounds = void 0;
+// Sayfa ilk yuklendiginde calisacak
+var registeredDialogs = [];
+// Bu App level sevyesinde olmali
+var useDialogMemoizeBounds = function () {
+    var BOUNDS_STORE_KEY = 'react-super-dialog';
+    var boundStoreExists = function () {
+        try {
+            return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
+        }
+        catch (e) {
+            return false;
+        }
+    };
+    var createBoundStore = function () {
+        if (!boundStoreExists()) {
+            try {
+                window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
+            }
+            catch (e) {
+                console.log(e);
+            }
+        }
+    };
+    var readFromStore = function () {
+        createBoundStore();
+        var boundsRaw = window.localStorage.getItem(BOUNDS_STORE_KEY);
+        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
+        return boundsArray;
+    };
+    console.log('readFromStore', readFromStore());
+    // Set this on App level
+    registeredDialogs = readFromStore();
+};
+exports.useDialogMemoizeBounds = useDialogMemoizeBounds;

package/index.d.ts

@@ -6,3 +6,4 @@ export { default } from "./models/Dialog";
 export { DialogProcessing, DialogCloseAction, DialogFullscreenAction, DialogHeaderActionsWrapper, DialogInfoAction } from "./components/Futures";
 export { DialogAction, ActionProgress } from "./models/DialogAction";
 export { useDialogOptions } from "./hooks/useDialogOptions";
+export { InitDialogMemoizeBounds } from "./helpers/initDialogMemoizeBounds";

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogInfoAction = exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = exports.Dialog = void 0;
+exports.InitDialogMemoizeBounds = exports.useDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogInfoAction = exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = exports.Dialog = void 0;
 require("./styles/dialog.css");
 require("./styles/dialog.action.css");
 require("./styles/circular-progress.css");
@@ -24,3 +24,5 @@ Object.defineProperty(exports, "ActionProgress", { enumerable: true, get: functi
 // Hooks
 var useDialogOptions_1 = require("./hooks/useDialogOptions");
 Object.defineProperty(exports, "useDialogOptions", { enumerable: true, get: function () { return useDialogOptions_1.useDialogOptions; } });
+var initDialogMemoizeBounds_1 = require("./helpers/initDialogMemoizeBounds");
+Object.defineProperty(exports, "InitDialogMemoizeBounds", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBounds; } });

package/models/DialogAction.d.ts

@@ -1,7 +1,6 @@
 import { TDialogStateListenerForActionCallbackType, DialogActionOptionsType, TBVariant, TBColor, ActionProps, DialogActionType } from "../types/DialogActionTypes";
 import DialogActionBase from "../components/DialogActionBase";
-import * as React from "react";
-declare const ActionProgress: () => React.JSX.Element;
+declare const ActionProgress: () => import("react/jsx-runtime").JSX.Element;
 export { ActionProgress };
 declare class DialogAction extends DialogActionBase {
     constructor(name: string, options?: DialogActionOptionsType);

package/models/DialogAction.js

@@ -25,39 +25,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogAction = exports.ActionProgress = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var DialogActionBase_1 = __importDefault(require("../components/DialogActionBase"));
 var CircularProgress_1 = __importDefault(require("../components/CircularProgress"));
-var React = __importStar(require("react"));
 var ActionProgress = function () {
-    return React.createElement(CircularProgress_1.default, { size: 20, inProcess: { inProcess: true } });
+    return (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 20, inProcess: { inProcess: true } });
 };
 exports.ActionProgress = ActionProgress;
 var DialogAction = /** @class */ (function (_super) {

package/models/Resizeable.d.ts

@@ -1,4 +1,5 @@
 import { MouseEvent } from "react";
+import { DialogOptionsType } from "../types/DialogTypes";
 declare class Resizeable {
     onResizeListener: (callbackFn: (width: number, height: number) => void) => void;
     get width(): number;
@@ -10,8 +11,9 @@ declare class Resizeable {
     private _container;
     private _width;
     private _height;
+    private _dialogOptions;
     constructor();
-    setContainer: (container: HTMLElement) => void;
+    setContainer: (container: React.RefObject<HTMLDivElement>, options: DialogOptionsType) => void;
     private resizeHandleMouseUp;
     resizeHandleMouseDown: () => void;
     resizeHandleMouseMove: (e: MouseEvent) => void;

package/models/Resizeable.js

@@ -1,32 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var helpers_1 = require("../helpers");
 var Resizeable = /** @class */ (function () {
     function Resizeable() {
         var _this = this;
         this.onResizeListener = function (callbackFn) {
             _this._onResizeListener = callbackFn;
         };
-        this.setContainer = function (container) {
+        this.setContainer = function (container, options) {
             _this._container = container;
+            _this._dialogOptions = options;
         };
         this.resizeHandleMouseUp = function () {
-            console.log('handleMouseUp', false);
-            _this._container.classList.remove('no-select-on-resize');
+            // console.log('handleMouseUp', false);
+            _this._container.current.classList.remove('no-select-on-resize');
             _this.isResizing = false;
+            // Bounds case
+            var container = _this._container.current;
+            var _a = container === null || container === void 0 ? void 0 : container.getBoundingClientRect(), width = _a.width, height = _a.height, x = _a.x, y = _a.y;
+            (0, helpers_1.setDialogBounds)(_this._dialogOptions.base.id, { width: width, height: height, x: x, y: y }, _this._container);
         };
         this.resizeHandleMouseDown = function () {
             console.log('resizeHandleMouseDown', true);
             _this.isResizing = true;
-            _this._container.classList.add('no-select-on-resize');
+            _this._container.current.classList.add('no-select-on-resize');
             _this.init();
         };
         this.resizeHandleMouseMove = function (e) {
-            if (!_this.isResizing || !_this._container)
+            if (!_this.isResizing || !_this._container.current)
                 return;
-            if (!_this._container) {
+            if (!_this._container.current) {
                 throw new Error('Please define container');
             }
-            var container = _this._container;
+            var container = _this._container.current;
             var newWidth = e.clientX - (container === null || container === void 0 ? void 0 : container.getBoundingClientRect().left) + 10;
             var newHeight = e.clientY - (container === null || container === void 0 ? void 0 : container.getBoundingClientRect().top) + 10;
             _this._width = Math.max(newWidth, 100); // Minimum genişlik
@@ -34,8 +40,8 @@ var Resizeable = /** @class */ (function () {
             if (typeof _this._onResizeListener === "function") {
                 _this._onResizeListener(_this._width, _this._height);
             }
-            _this._container.style.width = _this._width + 'px';
-            _this._container.style.height = _this._height + 'px';
+            _this._container.current.style.width = _this._width + 'px';
+            _this._container.current.style.height = _this._height + 'px';
         };
         this.init = function () {
             if (_this.isResizing) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",
@@ -21,7 +21,7 @@
     }
   ],
   "scripts": {
-    "pb": "git add . && git commit -m \"My Changes update\" && npm version patch && npm publish && cp ./package.json ../src/dist.package.json"
+    "pb": "npm version patch && npm publish && cp ./package.json ../src/dist.package.json"
   },
   "keywords": [
     "react",

package/types/DialogTypes.d.ts

@@ -83,6 +83,11 @@ export interface IBaseDialogOptions {
     style?: React.CSSProperties;
     size?: IDialogSize;
     notifyOnClosing?: TNotifyOnClosing;
+    /**
+     * Momoize dialog sized and position
+     * */
+    memoBounds?: boolean;
+    id?: string;
     actions?: {
         disabledOnDialogProcessing?: boolean;
         baseStyle?: React.CSSProperties;

package/components/Dependencies/Body.d.ts

@@ -1,8 +0,0 @@
-import { TDialogCallbackNodeFn } from "../../types/DialogTypes";
-import * as React from "react";
-import { IDialogDef } from "react-dialogger/types";
-declare const Body: ({ body, apiRef }: {
-    body: TDialogCallbackNodeFn;
-    apiRef?: IDialogDef;
-}) => React.JSX.Element;
-export default Body;

package/components/Dependencies/Body.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var Body = function (_a) {
-    var body = _a.body, apiRef = _a.apiRef;
-    if (body instanceof Function) {
-        return React.createElement("div", { ref: apiRef._dialogBodyRef, className: 'dialog-body', style: { height: '100%' } },
-            apiRef.Placeholder(apiRef._holder),
-            body(apiRef));
-    }
-    return React.createElement("div", { style: { height: '100%', padding: 10 } }, apiRef._holder ?
-        apiRef.Placeholder(apiRef._holder)
-        :
-            //@ts-ignore
-            body);
-};
-exports.default = Body;

package/components/Dependencies/DialogBody.d.ts

@@ -1,8 +0,0 @@
-import { TDialogCallbackNodeFn } from "../../types/DialogTypes";
-import * as React from "react";
-import DialogBase from "../DialogBase";
-declare const DialogBody: ({ body, apiRef }: {
-    body: TDialogCallbackNodeFn;
-    apiRef?: DialogBase;
-}) => React.JSX.Element;
-export default DialogBody;

package/components/Dependencies/DialogBody.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var DialogBody = function (_a) {
-    var body = _a.body, apiRef = _a.apiRef;
-    if (body instanceof Function) {
-        return React.createElement("div", { ref: apiRef.dialogBodyRef, className: 'dialog-body', style: { height: '100%' } },
-            apiRef.Placeholder(apiRef.holder),
-            body(apiRef));
-    }
-    return React.createElement("div", { style: { height: '100%', padding: 10 } }, apiRef.holder ?
-        apiRef.Placeholder(apiRef.holder)
-        :
-            //@ts-ignore
-            body);
-};
-exports.default = DialogBody;