react-dialogger 1.1.47 → 1.1.49

package/components/{Futures → Features}/DialogInfoAction.js

@@ -39,18 +39,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogInfoAction = void 0;
 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"));
 //@ts-ignore
 var package_json_1 = __importDefault(require("../../package.json"));
-var __1 = __importStar(require("../../"));
+var context_1 = require("../../context");
+var models_1 = __importStar(require("../../models"));
 // const DialogFullscreenAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
 var DialogInfoAction = function () {
     var _a, _b, _c, _d;
-    var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
-    var _dialog = dialogHeaderContext.dialog;
+    var prevDialog = (0, react_1.useContext)(context_1.DialogHeaderFooterContext).dialog;
     return (0, jsx_runtime_1.jsx)("div", { className: 'info-icon-wrapper', onClick: function (event) {
-            var closeAction = new __1.DialogAction('closeAction', {
+            var closeAction = new models_1.DialogAction('closeAction', {
                 label: 'Close',
                 variant: 'text',
                 color: 'default'
@@ -58,16 +57,15 @@ var DialogInfoAction = function () {
             closeAction.onClick(function (button, dialog1) {
                 dialog1.close();
             });
-            var dialog = new __1.default(null, {
+            var dialog = new models_1.default(null, {
                 base: {
                     resizeable: false,
                     draggable: false,
                     closeable: true,
                     size: {
-                        width: 'xs',
-                        height: 'initial'
+                        width: 'xs'
                     },
-                    initialAnchor: _dialog.dialogOptions.base.initialAnchor,
+                    initialAnchor: prevDialog.dialogOptions.base.initialAnchor,
                     footer: {
                         style: {
                             borderTop: 'none'
@@ -86,8 +84,7 @@ var DialogInfoAction = function () {
                 .addActions([
                 closeAction
             ])
-                .initialState({})
                 .show();
-        }, 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 }) });
+        }, children: (0, jsx_runtime_1.jsx)(InfoIcon_1.default, { size: (_b = (_a = prevDialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = prevDialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null }) });
 };
 exports.DialogInfoAction = DialogInfoAction;

package/components/Features/DialogProcessing.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogProcessing = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var context_1 = require("../../context");
+var index_1 = require("../index");
+var DialogProcessing = function () {
+    var _a, _b;
+    var dialog = (0, react_1.useContext)(context_1.DialogHeaderFooterContext).dialog;
+    var progressOption = dialog.dialogOptions.progress;
+    return (0, jsx_runtime_1.jsx)(index_1.CircularProgress, { size: (_a = progressOption.size) !== null && _a !== void 0 ? _a : 20, inProcess: dialog.isInProcess(), color: (_b = progressOption === null || progressOption === void 0 ? void 0 : progressOption.color) !== null && _b !== void 0 ? _b : '#399aec' });
+};
+exports.DialogProcessing = DialogProcessing;

package/components/RippleButton.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { CSSProperties, ReactComponentElement } from "react";
+import { CSSProperties, ReactNode } from "react";
 import { TBVariant, TBColor } from '../types/DialogActionTypes';
 declare const _default: React.ForwardRefExoticComponent<{
     variant: TBVariant;
     color: TBColor;
-    children: (buttonRef: HTMLButtonElement) => string | ReactComponentElement<any>;
+    children: (buttonRef: HTMLButtonElement) => string | ReactNode;
     disabled: boolean;
     onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     innerRef: React.RefObject<any>;

package/components/RippleButton.js

@@ -77,9 +77,7 @@ exports.default = React.forwardRef(function (_a, ref) {
         rippleEffect: rippleEffect
     }); });
     console.log('Ripple_button_style', style);
-    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) {
+    return ((0, jsx_runtime_1.jsxs)("button", { 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
             var rect = e.target.getBoundingClientRect();
             setCoords({ x: e.clientX - rect.left, y: e.clientY - rect.top });

package/components/index.d.ts

@@ -0,0 +1,9 @@
+export { default as CircularProgress } from "./CircularProgress";
+export { DialogContentFooter } from "./DialogContentFooter";
+export { DialogContentBody } from "./DialogContentBody";
+export { DialogContent } from "./DialogContent";
+export { default as DialogActionBase } from "./DialogActionBase";
+export { DialogContentHeader } from "./DialogContentHeader";
+export { DialogWithBackdropWrapper } from "./DialogWithBackdropWrapper";
+export { Actions } from "./Actions";
+export { default as RippleButton } from "./RippleButton";

package/components/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RippleButton = exports.Actions = exports.DialogWithBackdropWrapper = exports.DialogContentHeader = exports.DialogActionBase = exports.DialogContent = exports.DialogContentBody = exports.DialogContentFooter = exports.CircularProgress = void 0;
+var CircularProgress_1 = require("./CircularProgress");
+Object.defineProperty(exports, "CircularProgress", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });
+var DialogContentFooter_1 = require("./DialogContentFooter");
+Object.defineProperty(exports, "DialogContentFooter", { enumerable: true, get: function () { return DialogContentFooter_1.DialogContentFooter; } });
+var DialogContentBody_1 = require("./DialogContentBody");
+Object.defineProperty(exports, "DialogContentBody", { enumerable: true, get: function () { return DialogContentBody_1.DialogContentBody; } });
+var DialogContent_1 = require("./DialogContent");
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return DialogContent_1.DialogContent; } });
+var DialogActionBase_1 = require("./DialogActionBase");
+Object.defineProperty(exports, "DialogActionBase", { enumerable: true, get: function () { return __importDefault(DialogActionBase_1).default; } });
+var DialogContentHeader_1 = require("./DialogContentHeader");
+Object.defineProperty(exports, "DialogContentHeader", { enumerable: true, get: function () { return DialogContentHeader_1.DialogContentHeader; } });
+var DialogWithBackdropWrapper_1 = require("./DialogWithBackdropWrapper");
+Object.defineProperty(exports, "DialogWithBackdropWrapper", { enumerable: true, get: function () { return DialogWithBackdropWrapper_1.DialogWithBackdropWrapper; } });
+var Actions_1 = require("./Actions");
+Object.defineProperty(exports, "Actions", { enumerable: true, get: function () { return Actions_1.Actions; } });
+var RippleButton_1 = require("./RippleButton");
+Object.defineProperty(exports, "RippleButton", { enumerable: true, get: function () { return __importDefault(RippleButton_1).default; } });

package/components/utils/effects/jumper-animate.d.ts

@@ -0,0 +1,2 @@
+declare const jumperAnimate: (el: HTMLElement) => void;
+export { jumperAnimate };

package/components/utils/effects/jumper-animate.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.jumperAnimate = void 0;
+var jumperAnimate = function (el) {
+    var animation = el.animate([
+        // key frames
+        // { transform: `translate(${20}px, ${20}px) scale(1)` },
+        // 1️⃣ Ortadan küçük başla
+        // { transform: 'translate(20px, 20px) scale(0.9)', boxShadow: '0 0 10px black' },
+        //
+        // // 2️⃣ Hafif büyü (kurulma)
+        // { transform: 'translate(20px, 20px) scale(1.05)', boxShadow: '0 0 50px black' },
+        //
+        // // 3️⃣ Orijinal boyuta dön
+        // { transform: 'translate(20px, 20px) scale(1)' ,boxShadow: '0 0 20px black'},
+        // { transform: 'translate(20px, 20px) scale(1.05)' ,boxShadow: '0 0 30px black'},
+        // { transform: 'translate(20px, 20px) scale(1)' ,boxShadow: '0 0 20px black'},
+        { transform: 'scale(0.9)', boxShadow: '0 0 10px black' },
+        { transform: 'scale(1.05)', boxShadow: '0 0 50px black' },
+        { transform: 'scale(1)', boxShadow: '0 0 20px black' },
+        { transform: 'scale(1.05)', boxShadow: '0 0 30px black' },
+        { transform: 'scale(1)', boxShadow: '0 0 20px black' },
+    ], {
+        // sync options
+        // duration: 250,
+        duration: 250,
+        iterations: 1,
+        fill: 'forwards'
+    });
+    animation.onfinish = function () {
+        // el.style.transform = 'none'; // stacking context kaldırılır
+        el.style.transform = 'scale(1)'; // stacking context kaldırılır
+        animation.cancel();
+    };
+};
+exports.jumperAnimate = jumperAnimate;

package/context/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare const WithHeaderFooterContext: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeaderFooterContext: React.Context<any>;

package/context/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogHeaderFooterContext = exports.WithHeaderFooterContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var WithHeaderFooterContext = function (props) {
+    return (0, jsx_runtime_1.jsx)(exports.DialogHeaderFooterContext.Provider, { value: __assign({}, props), children: props.children });
+};
+exports.WithHeaderFooterContext = WithHeaderFooterContext;
+exports.DialogHeaderFooterContext = React.createContext(null);

package/{models → helpers}/Resizeable.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from "react";
 import { DialogOptionsType } from "../types/DialogTypes";
 declare class Resizeable {
-    onResizeListener: (callbackFn: (width: number, height: number) => void) => void;
+    onResizeListener: (callbackFn: (width: number, height: number, rect?: DOMRect) => void) => void;
     get width(): number;
     get height(): number;
     get isResizing(): boolean;
@@ -20,4 +20,4 @@ declare class Resizeable {
     init: () => void;
     cleanUp: () => void;
 }
-export default Resizeable;
+export { Resizeable };

package/{models → helpers}/Resizeable.js

@@ -1,5 +1,17 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resizeable = void 0;
 var helpers_1 = require("../helpers");
 var Resizeable = /** @class */ (function () {
     function Resizeable() {
@@ -12,16 +24,17 @@ var Resizeable = /** @class */ (function () {
             _this._dialogOptions = options;
         };
         this.resizeHandleMouseUp = function () {
-            // console.log('handleMouseUp', false);
-            _this._container.current.classList.remove('no-select-on-resize');
+            var _a, _b, _c;
+            (_b = (_a = _this._container) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.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);
+            var _d = (_c = container === null || container === void 0 ? void 0 : container.getBoundingClientRect()) !== null && _c !== void 0 ? _c : {}, width = _d.width, height = _d.height, x = _d.x, y = _d.y;
+            console.log('resizeHandleMouseUp', container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON());
+            // setDialogBounds( this._dialogOptions.base.id, {width, height, x, y, fullscreen: false}, this._container );
+            (0, helpers_1.setDialogBounds)(_this._dialogOptions.base.id, __assign(__assign({}, container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON()), { fullscreen: false }), _this._container);
         };
         this.resizeHandleMouseDown = function () {
-            console.log('resizeHandleMouseDown', true);
             _this.isResizing = true;
             _this._container.current.classList.add('no-select-on-resize');
             _this.init();
@@ -35,23 +48,22 @@ var Resizeable = /** @class */ (function () {
             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
-            _this._height = Math.max(newHeight, 100); // Minimum yükseklik
+            _this._width = Math.max(newWidth, 100); // Min Width
+            _this._height = Math.max(newHeight, 100); // Min Height
+            var rect = __assign(__assign({}, container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON()), { width: _this._width, height: _this._height });
             if (typeof _this._onResizeListener === "function") {
-                _this._onResizeListener(_this._width, _this._height);
+                _this._onResizeListener(_this._width, _this._height, rect);
             }
             _this._container.current.style.width = _this._width + 'px';
             _this._container.current.style.height = _this._height + 'px';
         };
         this.init = function () {
             if (_this.isResizing) {
-                // Fare olay dinleyicilerini ekliyoruz
                 // @ts-ignore
                 window.addEventListener('mousemove', _this.resizeHandleMouseMove);
                 window.addEventListener('mouseup', _this.resizeHandleMouseUp);
             }
             else {
-                // Fare olay dinleyicilerini kaldırıyoruz
                 // @ts-ignore
                 window.removeEventListener('mousemove', _this.resizeHandleMouseMove);
                 window.removeEventListener('mouseup', _this.resizeHandleMouseUp);
@@ -90,4 +102,4 @@ var Resizeable = /** @class */ (function () {
     });
     return Resizeable;
 }());
-exports.default = Resizeable;
+exports.Resizeable = Resizeable;

package/helpers/dialogBoundsMemoize.d.ts

@@ -1,5 +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;
+import { IDialogBoundsDef, IDialogIdentificationType } from "../types/BoundTypes";
+export declare const dialogRegister: (dialogId: IDialogIdentificationType, initialBounds: IDialogBoundsDef) => IDialogBoundsDef;
+export declare const getDialogBounds: (dialogId: IDialogIdentificationType) => IDialogBoundsDef | undefined;
+export declare const setDialogBounds: (dialogId: IDialogIdentificationType, bounds: IDialogBoundsDef, dialogRef: React.RefObject<any>) => void;
+export declare const setDialogBound: (dialogId: IDialogIdentificationType, key: keyof IDialogBoundsDef, value: any) => void;

package/helpers/dialogBoundsMemoize.js

@@ -1,113 +1,99 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setDialogBounds = exports.getDialogBounds = exports.dialogRegister = void 0;
+exports.setDialogBound = 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...
+ * Read from RAM...
  * */
-var dialogInStore = function (options) {
+var dialogInStore = function (dialogId) {
     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 combined = ['guzzle', dialogId];
+    var isExists = stores.has(combined.join('-'));
+    if (isExists) {
+        return stores.get(combined.join('-'));
+    }
+    return undefined;
 };
-var dialogRegister = function (options, initialBounds) {
-    console.log('Regsister fired!!!', options);
-    if (dialogInStore(options))
+var dialogRegister = function (dialogId, initialBounds) {
+    // If already registered ignore!
+    if (dialogInStore(dialogId))
         return;
-    if (!options.id) {
+    if (!dialogId) {
         throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
     }
-    // createBoundStore();
-    var newBounds = {
-        id: options.id,
+    var combined = ['guzzle', dialogId];
+    var newDialogBounds = {
+        id: combined.join('-'),
         bounds: {
             width: initialBounds.width,
             height: initialBounds.height,
             x: initialBounds.x,
-            y: initialBounds.y + 100
+            y: initialBounds.y,
+            fullscreen: false
         }
     };
-    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
+    // To RAM
+    initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), newDialogBounds);
+    console.log('dialogRegister_combined', newDialogBounds, combined.join('-'), initDialogMemoizeBounds_1.registeredDialogs, Array.from(initDialogMemoizeBounds_1.registeredDialogs));
+    // To Store
     try {
-        window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
+        window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(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;
+    return (0, exports.getDialogBounds)(dialogId);
 };
 exports.dialogRegister = dialogRegister;
-var getDialogBounds = function (options) {
-    var dialog = dialogInStore(options);
-    if (!options.id) {
+var getDialogBounds = function (dialogId) {
+    if (!dialogId) {
         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
-            };
-        }
-    }
+    var dialog = dialogInStore(dialogId);
+    console.log('getDialogBounds_dialog', initDialogMemoizeBounds_1.registeredDialogs, dialog);
     if (dialog) {
-        return {
-            width: dialog.bounds.width,
-            height: dialog.bounds.height,
-            x: dialog.bounds.x,
-            y: dialog.bounds.y
-        };
+        return dialog.bounds;
     }
     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;
+    var combined = ['guzzle', dialogId];
+    var foundedDialog = initDialogMemoizeBounds_1.registeredDialogs.get(combined.join('-'));
+    console.log('setDialogBounds_combined', combined, combined.join('-'), bounds, foundedDialog);
+    if (foundedDialog) {
+        // Save to RAM
+        initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), {
+            id: combined.join('-'),
+            bounds: bounds
+        });
+        /**
+         * const myMap = new Map();
+         * myMap.set("a", 1);
+         * myMap.set("b", 2);
+         *
+         * const iterator = myMap.entries();
+         * console.log(iterator.next()); // { value: ["a", 1], done: false }
+         * console.log(iterator.next()); // { value: ["b", 2], done: false }
+         * console.log(iterator.next()); // { value: undefined, done: true }
+         *
+         * */
+        // Save to Store
+        console.log('registeredDialogs', initDialogMemoizeBounds_1.registeredDialogs);
         try {
-            window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
+            window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(initDialogMemoizeBounds_1.registeredDialogs)));
         }
         catch (e) {
             console.log(e);
@@ -115,3 +101,22 @@ var setDialogBounds = function (dialogId, bounds, dialogRef) {
     }
 };
 exports.setDialogBounds = setDialogBounds;
+var setDialogBound = function (dialogId, key, value) {
+    var _a;
+    var combined = ['guzzle', dialogId];
+    var foundedDialog = initDialogMemoizeBounds_1.registeredDialogs.get(combined.join('-'));
+    if (foundedDialog) {
+        // Save to RAM
+        initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), {
+            id: combined.join('-'),
+            bounds: __assign(__assign({}, foundedDialog.bounds), (_a = {}, _a[key] = value, _a))
+        });
+        try {
+            window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(initDialogMemoizeBounds_1.registeredDialogs)));
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+};
+exports.setDialogBound = setDialogBound;

package/helpers/dialogRectAuto.d.ts

@@ -0,0 +1,3 @@
+import { BaseDialogDOMRect } from "../types/types";
+declare const dialogRectAuto: () => BaseDialogDOMRect;
+export { dialogRectAuto };

package/helpers/dialogRectAuto.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogRectAuto = void 0;
+var dialogRectAuto = function () {
+    var _a, _b;
+    var nodes = Array.from(document.querySelectorAll('.react-guzzle-root[data-family="presentation"]'));
+    if (nodes.length > 1) {
+        var lastDialog = nodes[nodes.length - 2];
+        var dialogMain = lastDialog.querySelector('#dialog-main');
+        var rect = dialogMain === null || dialogMain === void 0 ? void 0 : dialogMain.getBoundingClientRect();
+        return {
+            top: ((_a = rect === null || rect === void 0 ? void 0 : rect.top) !== null && _a !== void 0 ? _a : 0) + 10,
+            left: ((_b = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _b !== void 0 ? _b : 0) + 10,
+            x: rect.x,
+            y: rect.y,
+            isMultiple: true
+        };
+    }
+    return { top: 0, left: 0, isMultiple: false };
+};
+exports.dialogRectAuto = dialogRectAuto;

package/helpers/formInputKeyListeners.d.ts

@@ -0,0 +1,2 @@
+declare const formInputKeyListeners: (wrapperEl: HTMLElement) => void;
+export { formInputKeyListeners };

package/helpers/formInputKeyListeners.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formInputKeyListeners = void 0;
+var formInputKeyListeners = function (wrapperEl) {
+    if (wrapperEl) {
+        // Öncelikle ref'i al ve input elemanlarını bul
+        var inputElements = wrapperEl.querySelectorAll("input");
+        // Tüm input elemanlarını döngüye al
+        inputElements.forEach(function (input) {
+            console.log(input); // Her bir input elemanını burada işleyebilirsiniz
+            // Örneğin, input değerini okuma veya ayarlama
+            input.addEventListener('keydown', function (e) { return e.key === "Enter" && e.preventDefault(); }); // Değerini boşaltmak için örnek
+            input.addEventListener('keyup', function (e) { return e.key === "Enter" && e.preventDefault(); }); // Değerini boşaltmak için örnek
+            input.addEventListener('keypress', function (e) { return e.key === "Enter" && e.preventDefault(); }); // Değerini boşaltmak için örnek
+        });
+    }
+};
+exports.formInputKeyListeners = formInputKeyListeners;

package/helpers/hexToRgb.d.ts

@@ -0,0 +1,2 @@
+declare const hexToRgb: (hex: string, opacity: number) => string;
+export { hexToRgb };

package/helpers/hexToRgb.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hexToRgb = void 0;
+var hexToRgb = function (hex, opacity) {
+    try {
+        var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        var colors = {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16)
+        };
+        return "rgba(".concat(colors.r, ", ").concat(colors.g, ", ").concat(colors.b, ", ").concat(opacity, ")");
+    }
+    catch (e) {
+        console.warn('Color should be hex string', e.message);
+    }
+    return '';
+};
+exports.hexToRgb = hexToRgb;

package/helpers/index.d.ts

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

package/helpers/index.js

@@ -14,9 +14,11 @@ 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;
+exports.formInputKeyListeners = 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);
+var formInputKeyListeners_1 = require("./formInputKeyListeners");
+Object.defineProperty(exports, "formInputKeyListeners", { enumerable: true, get: function () { return formInputKeyListeners_1.formInputKeyListeners; } });