react-dialogger 1.1.21 → 1.1.23

package/components/Futures/DialogFullscreenAction.js

@@ -1,33 +1,10 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogFullscreenAction = void 0;
-var React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var FullscreenExitIcon_1 = __importDefault(require("../icons/FullscreenExitIcon"));
 var FullscreenIcon_1 = __importDefault(require("../icons/FullscreenIcon"));
 var react_1 = require("react");
@@ -37,24 +14,24 @@ var DialogFullscreenAction = function () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
     var _dialog = dialogHeaderContext.dialog;
-    return React.createElement("div", { className: 'fullscreen-icon-wrapper', onClick: function (event) {
+    return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-icon-wrapper', onClick: function (event) {
             event.stopPropagation();
             _dialog.switchFullScreen();
-        } }, _dialog.state.fullscreenMode ?
-        React.createElement(FullscreenExitIcon_1.default
-        // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
-        // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-        , { 
-            // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
-            // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-            size: (_b = (_a = _dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = _dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null })
-        :
-            React.createElement(FullscreenIcon_1.default
+        }, children: _dialog.state.fullscreenMode ?
+            (0, jsx_runtime_1.jsx)(FullscreenExitIcon_1.default
             // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
             // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
             , { 
                 // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
                 // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-                size: (_f = (_e = _dialog.dialogOptions.base.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : 24, color: (_h = (_g = _dialog.dialogOptions.base.headerControllerIcons) === null || _g === void 0 ? void 0 : _g.color) !== null && _h !== void 0 ? _h : null }));
+                size: (_b = (_a = _dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = _dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null })
+            :
+                (0, jsx_runtime_1.jsx)(FullscreenIcon_1.default
+                // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
+                // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
+                , { 
+                    // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
+                    // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
+                    size: (_f = (_e = _dialog.dialogOptions.base.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : 24, color: (_h = (_g = _dialog.dialogOptions.base.headerControllerIcons) === null || _g === void 0 ? void 0 : _g.color) !== null && _h !== void 0 ? _h : null }) });
 };
 exports.DialogFullscreenAction = DialogFullscreenAction;

package/components/Futures/DialogHeaderActionsWrapper.d.ts

@@ -3,5 +3,5 @@ interface IProps {
     gap?: number;
     children?: React.ReactNode;
 }
-declare const DialogHeaderActionsWrapper: (props: IProps) => React.JSX.Element;
+declare const DialogHeaderActionsWrapper: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export { DialogHeaderActionsWrapper };

package/components/Futures/DialogHeaderActionsWrapper.js

@@ -10,14 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeaderActionsWrapper = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var DialogHeaderActionsWrapper = function (props) {
     var _a;
-    return (react_1.default.createElement("div", __assign({}, props, { className: 'header-actions-wrapper', style: { columnGap: "".concat((_a = props.gap) !== null && _a !== void 0 ? _a : 10, "px") } }), props.children));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { className: 'header-actions-wrapper', style: { columnGap: "".concat((_a = props.gap) !== null && _a !== void 0 ? _a : 10, "px") }, children: props.children })));
 };
 exports.DialogHeaderActionsWrapper = DialogHeaderActionsWrapper;

package/components/Futures/DialogInfoAction.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare const DialogInfoAction: () => React.JSX.Element;
+declare const DialogInfoAction: () => import("react/jsx-runtime").JSX.Element;
 export { DialogInfoAction };

package/components/Futures/DialogInfoAction.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogInfoAction = void 0;
-var React = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DialogBase_1 = require("../DialogBase");
 var InfoIcon_1 = __importDefault(require("../icons/InfoIcon"));
@@ -39,7 +39,7 @@ var DialogInfoAction = function () {
     var _a, _b, _c, _d;
     var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
     var _dialog = dialogHeaderContext.dialog;
-    return React.createElement("div", { className: 'info-icon-wrapper', onClick: function (event) {
+    return (0, jsx_runtime_1.jsx)("div", { className: 'info-icon-wrapper', onClick: function (event) {
             var closeAction = new __1.DialogAction('closeAction', {
                 label: 'Close',
                 variant: 'text',
@@ -72,23 +72,12 @@ var DialogInfoAction = function () {
             });
             dialog
                 .setHeader(function (dialog1) { return 'Info'; })
-                .setBody(function (dialog1) { return React.createElement("table", null,
-                React.createElement("tbody", null,
-                    React.createElement("tr", null,
-                        React.createElement("td", null, "Name"),
-                        React.createElement("td", null, package_json_1.default.name)),
-                    React.createElement("tr", null,
-                        React.createElement("td", null, "Varsion"),
-                        React.createElement("td", null, package_json_1.default.version)),
-                    React.createElement("tr", null,
-                        React.createElement("td", null, "Author"),
-                        React.createElement("td", null, package_json_1.default.author)))); })
+                .setBody(function (dialog1) { return (0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Name" }), (0, jsx_runtime_1.jsx)("td", { children: package_json_1.default.name })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Varsion" }), (0, jsx_runtime_1.jsx)("td", { children: package_json_1.default.version })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Author" }), (0, jsx_runtime_1.jsx)("td", { children: package_json_1.default.author })] })] }) }); })
                 .addActions([
                 closeAction
             ])
                 .initialState({})
                 .show();
-        } },
-        React.createElement(InfoIcon_1.default, { size: (_b = (_a = _dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = _dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null }));
+        }, children: (0, jsx_runtime_1.jsx)(InfoIcon_1.default, { size: (_b = (_a = _dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = _dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null }) });
 };
 exports.DialogInfoAction = DialogInfoAction;

package/components/Futures/DialogProcessing.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-declare const DialogProcessing: () => React.JSX.Element;
+declare const DialogProcessing: () => import("react/jsx-runtime").JSX.Element;
 export { DialogProcessing };

package/components/Futures/DialogProcessing.js

@@ -1,34 +1,11 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogProcessing = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CircularProgress_1 = __importDefault(require("../CircularProgress"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var DialogBase_1 = require("../DialogBase");
 var DialogProcessing = function () {
@@ -36,6 +13,6 @@ var DialogProcessing = function () {
     var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
     var _dialog = dialogHeaderContext.dialog;
     console.log('_dialog_isInProcess', _dialog.isInProcess());
-    return React.createElement(CircularProgress_1.default, { size: (_a = _dialog.dialogOptions.progress.size) !== null && _a !== void 0 ? _a : 20, inProcess: _dialog.isInProcess(), color: (_c = (_b = _dialog.dialogOptions.progress) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#399aec' });
+    return (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: (_a = _dialog.dialogOptions.progress.size) !== null && _a !== void 0 ? _a : 20, inProcess: _dialog.isInProcess(), color: (_c = (_b = _dialog.dialogOptions.progress) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#399aec' });
 };
 exports.DialogProcessing = DialogProcessing;

package/components/RippleButton.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var react_1 = require("react");
 exports.default = React.forwardRef(function (_a, ref) {
@@ -66,7 +67,7 @@ exports.default = React.forwardRef(function (_a, ref) {
         rippleEffect: rippleEffect
     }); });
     console.log('Ripple_button_style', style);
-    return (React.createElement("button", { 
+    return ((0, jsx_runtime_1.jsxs)("button", { 
         // ref={buttonRef}
         ref: ref, disabled: disabled, className: "ripple-button ripple-button-".concat(variant, " ripple-button-").concat(color, " ").concat(disabled ? 'ripple-button-disabled' : ''), onClick: function (e) {
             //@ts-ignore
@@ -75,7 +76,5 @@ exports.default = React.forwardRef(function (_a, ref) {
             setTimeout(function () {
                 onClick && onClick(e);
             }, 200);
-        }, style: __assign(__assign(__assign({}, baseStyle), style), { fontFamily: fontFamily }) },
-        isRippling && React.createElement("span", { className: "ripple", style: { left: coords.x, top: coords.y } }),
-        React.createElement("span", { className: "content" }, children(ref.current))));
+        }, style: __assign(__assign(__assign({}, baseStyle), style), { fontFamily: fontFamily }), children: [isRippling && (0, jsx_runtime_1.jsx)("span", { className: "ripple", style: { left: coords.x, top: coords.y } }), (0, jsx_runtime_1.jsx)("span", { className: "content", children: children(ref.current) })] }));
 });

package/components/dialogBoundsMemoize.d.ts

@@ -0,0 +1,20 @@
+import { IBaseDialogOptions } from "../types/DialogTypes";
+/**
+ * RAM den okuyoruz...
+ * */
+declare const dialogInStore: (options: IBaseDialogOptions) => IDialogBoundDef | undefined;
+declare const dialogRegister: (options: IBaseDialogOptions, initialBounds: IDialogBoundsDef) => IDialogBoundsDef;
+declare const getDialogBounds: (options: IBaseDialogOptions) => IDialogBoundsDef | undefined;
+declare const setDialogBounds: (dialogId: string, bounds: IDialogBoundsDef, dialogRef: React.RefObject<any>) => void;
+export { dialogRegister, getDialogBounds, setDialogBounds, dialogInStore };
+export type IDialogBoundsMemoKey = string | number;
+export interface IDialogBoundsDef {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+export interface IDialogBoundDef {
+    id: string;
+    bounds: IDialogBoundsDef;
+}

package/components/dialogBoundsMemoize.js

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogInStore = exports.setDialogBounds = exports.getDialogBounds = exports.dialogRegister = void 0;
+var initDialogMemoizeBounds_1 = require("../hooks/initDialogMemoizeBounds");
+var BOUNDS_STORE_KEY = '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;
+};
+exports.dialogInStore = dialogInStore;
+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(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 = 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(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(BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+};
+exports.setDialogBounds = setDialogBounds;

package/components/icons/CloseIcon.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 declare const _default: ({ size, color }: {
     size?: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/components/icons/CloseIcon.js

@@ -10,14 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 exports.default = (function (_a) {
     var size = _a.size, color = _a.color;
-    return react_1.default.createElement("div", { className: 'close-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null) },
-        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CloseIcon" },
-            react_1.default.createElement("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })));
+    return (0, jsx_runtime_1.jsx)("div", { className: 'close-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null), children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CloseIcon", children: (0, jsx_runtime_1.jsx)("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) });
 });

package/components/icons/FullscreenExitIcon.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 declare const _default: ({ size, color }: {
     size?: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/components/icons/FullscreenExitIcon.js

@@ -10,14 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 exports.default = (function (_a) {
     var size = _a.size, color = _a.color;
-    return react_1.default.createElement("div", { className: 'fullscreen-exit-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null) },
-        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "FullscreenExitIcon" },
-            react_1.default.createElement("path", { d: "M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z" })));
+    return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-exit-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null), children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "FullscreenExitIcon", children: (0, jsx_runtime_1.jsx)("path", { d: "M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z" }) }) });
 });

package/components/icons/FullscreenIcon.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 declare const _default: ({ size, color }: {
     size?: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/components/icons/FullscreenIcon.js

@@ -10,14 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 exports.default = (function (_a) {
     var size = _a.size, color = _a.color;
-    return react_1.default.createElement("div", { className: 'fullscreen-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null) },
-        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "FullscreenIcon", color: color },
-            react_1.default.createElement("path", { d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z" })));
+    return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null), children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "FullscreenIcon", color: color, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z" }) }) });
 });

package/components/icons/InfoIcon.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 declare const _default: ({ size, color }: {
     size?: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/components/icons/InfoIcon.js

@@ -10,14 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 exports.default = (function (_a) {
     var size = _a.size, color = _a.color;
-    return react_1.default.createElement("div", { className: 'info-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null) },
-        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "InfoIcon" },
-            react_1.default.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" })));
+    return (0, jsx_runtime_1.jsx)("div", { className: 'info-icon icon-base', style: __assign({ fill: color }, size ? { width: size } : null), children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "InfoIcon", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }) }) });
 });

package/components/icons/ResizeIcon.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 declare const _default: ({ size, color }: {
     size?: number;
     color?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/components/icons/ResizeIcon.js

@@ -1,14 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 exports.default = (function (_a) {
     var size = _a.size, color = _a.color;
-    return react_1.default.createElement("div", { className: 'resizable-handle-icon icon-base', style: {
+    return (0, jsx_runtime_1.jsx)("div", { className: 'resizable-handle-icon icon-base', style: {
             fill: color
-        } },
-        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ArrowBackIosNewIcon" },
-            react_1.default.createElement("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" })));
+        }, children: (0, jsx_runtime_1.jsx)("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ArrowBackIosNewIcon", children: (0, jsx_runtime_1.jsx)("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }) }) });
 });

package/helpers/BoundTypes.d.ts

@@ -0,0 +1,11 @@
+export type IDialogBoundsMemoKey = string;
+export interface IDialogBoundsDef {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+export interface IDialogBoundDef {
+    id: string;
+    bounds: IDialogBoundsDef;
+}

package/helpers/BoundTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/helpers/dialogBoundsMemoize.d.ts

@@ -0,0 +1,5 @@
+import { IDialogBoundsDef } from "./BoundTypes";
+import { IBaseDialogOptions } from "../types/DialogTypes";
+export declare const dialogRegister: (options: IBaseDialogOptions, initialBounds: IDialogBoundsDef) => IDialogBoundsDef;
+export declare const getDialogBounds: (options: IBaseDialogOptions) => IDialogBoundsDef | undefined;
+export declare const setDialogBounds: (dialogId: string, bounds: IDialogBoundsDef, dialogRef: React.RefObject<any>) => void;