react-dialogger 1.1.70 → 1.1.72

package/LICENCE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 [Süleyman Topaloglu]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/components/Actions.js

@@ -1,15 +1,4 @@
 "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.Actions = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,7 +7,6 @@ var Actions = function (_a) {
     var actions = _a.actions, dialog = _a.dialog;
     var dialogOptions = dialog.dialogOptions;
     return (0, jsx_runtime_1.jsx)("div", { style: { position: 'relative', display: 'flex', flexDirection: 'row', columnGap: 10, alignItems: 'center' }, children: actions.map(function (action, index) {
-            console.log('Actions_action', __assign(__assign({}, action.options), action.intent));
             var referencedAction = dialog.initializeActionRef(action.name);
             action._actionComponent = referencedAction;
             return (0, jsx_runtime_1.jsx)(_components_1.DialogActionBase, { name: action.name, ref: referencedAction, dialogBaseComponent: dialog, 

package/components/DialogBase.js

@@ -89,7 +89,7 @@ var DialogBase = /** @class */ (function (_super) {
             return _this._actionRefs[key];
         };
         _this.setInProcess = function (process, message, holder) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             _this._inProcess = __assign({ inProcess: process }, message ? { message: message } : {});
             if (!process) {
                 _this._holder = null;
@@ -104,12 +104,11 @@ var DialogBase = /** @class */ (function (_super) {
                     for (var actionKey in _this._actionRefs) {
                         var action = _this._actionRefs[actionKey];
                         // Save the current disabled state before changing it
-                        var currentDisabled = action.current.options.disabled;
-                        console.log('this._actions', currentDisabled, process);
+                        var currentDisabled = (_d = (_c = action.current) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.disabled;
                         // Set the options with prevDisabled as the current disabled state
                         if (currentDisabled !== process) {
                             action.current
-                                .updateOptions(__assign(__assign({}, action.current.options), { prevDisabled: currentDisabled, disabled: process // Set the new disabled state based on the process
+                                .updateOptions(__assign(__assign({}, (_f = (_e = action.current) === null || _e === void 0 ? void 0 : _e.options) !== null && _f !== void 0 ? _f : {}), { prevDisabled: currentDisabled, disabled: process // Set the new disabled state based on the process
                              }));
                         }
                     }
@@ -119,8 +118,7 @@ var DialogBase = /** @class */ (function (_super) {
                         var action = _this._actionRefs[actionKey];
                         // Restore the previous disabled state from options
                         // Call prevDisabled state from memo
-                        action.current
-                            .updateOptions(__assign(__assign({}, action.current.options), { disabled: action.current.options.prevDisabled // Set the new disabled state based on the process
+                        (_g = action.current) === null || _g === void 0 ? void 0 : _g.updateOptions(__assign(__assign({}, (_j = (_h = action.current) === null || _h === void 0 ? void 0 : _h.options) !== null && _j !== void 0 ? _j : {}), { disabled: action.current.options.prevDisabled // Set the new disabled state based on the process
                          }));
                     }
                 }
@@ -132,8 +130,8 @@ var DialogBase = /** @class */ (function (_super) {
             //     this._processingListener(process);
             //
             // }
-            for (var _i = 0, _d = _this._processingListeners; _i < _d.length; _i++) {
-                var listener = _d[_i];
+            for (var _i = 0, _l = _this._processingListeners; _i < _l.length; _i++) {
+                var listener = _l[_i];
                 if (typeof listener === "function") {
                     listener(process);
                 }
@@ -143,7 +141,7 @@ var DialogBase = /** @class */ (function (_super) {
             // //
             // // }
             // @ts-ignore
-            (_c = _this._footerRef.current) === null || _c === void 0 ? void 0 : _c.setProcessing(process);
+            (_k = _this._footerRef.current) === null || _k === void 0 ? void 0 : _k.setProcessing(process);
             return _this;
         };
         _this.isInProcess = function () {
@@ -176,7 +174,6 @@ var DialogBase = /** @class */ (function (_super) {
             return _this.props.dom;
         };
         _this.render = function () {
-            console.log('this._prevDialogRect', _this.state.prevDialogRect);
             return (0, jsx_runtime_1.jsx)(_context_1.DialogContentContextProvider
             // 1️⃣initialValues={this.props.initialValues}
             , { 
@@ -222,7 +219,6 @@ var DialogBase = /** @class */ (function (_super) {
                 size: _this._dialogSize
             }
         }, _this._dialogOptions);
-        console.log('Dialog_Base_Options', defaultOptions, window["dialogOptions"], props.initialOptions);
         _this._dialogOptions = (0, lodash_1.merge)({}, defaultOptions, window["dialogOptions"], props.initialOptions);
         _this._header = props.header;
         _this._body = props.body;
@@ -240,7 +236,6 @@ var DialogBase = /** @class */ (function (_super) {
         _this._parent = props.parent;
         _this._processingListeners = (_a = props.processingListeners) !== null && _a !== void 0 ? _a : [];
         _this._features = [];
-        console.log('this._dialogOptions', _this._dialogOptions);
         return _this;
     }
     DialogBase.prototype.addFeature = function (key, value) {

package/components/DialogContent.js

@@ -70,6 +70,7 @@ var _1 = require("./");
 var react_1 = require("react");
 var jumper_animate_1 = require("../utils/effects/jumper-animate");
 var _context_1 = require("../context/index.js");
+var appLogger_1 = require("../helpers/appLogger");
 var DialogContent = function (props) {
     var _a, _b, _c, _d, _e;
     var firstUpdate = React.useRef(true);
@@ -100,13 +101,12 @@ var DialogContent = function (props) {
         if (typeof dialog.props.stateListener === "function") {
             dialog.props.stateListener(dialog.values, dialog);
         }
-        // console.log('DialogContent_actions_refs', dialog._actionRefs);
         // State Listener Actions
         for (var actionKey in dialog._actionRefs) {
             // const action =  dialog._actionRefs[actionKey];
             var actionRef = dialog.initializeActionRef(actionKey);
             if (typeof actionRef.current._stateListener === "function") {
-                console.log('DialogContent_actions_ref', actionRef.current._stateListener);
+                (0, appLogger_1.appLog)('DialogContent_actions_ref', actionRef.current._stateListener);
                 actionRef.current._stateListener(dialog.values, actionRef === null || actionRef === void 0 ? void 0 : actionRef.current, dialog);
             }
         }
@@ -145,7 +145,7 @@ var DialogContent = function (props) {
             }
         }, 1000);
     }, []);
-    return (0, jsx_runtime_1.jsx)(react_draggable_1.default, { disabled: !baseOptions.draggable || fullscreenMode, axis: 'both', handle: baseOptions.draggable ? '.drag-handle' : '', scale: 1, ref: backdropRef, onDrag: function (event, data) {
+    return (0, jsx_runtime_1.jsx)(react_draggable_1.default, { disabled: !baseOptions.draggable || fullscreenMode, axis: 'both', handle: baseOptions.draggable ? '.drag-handle' : '', scale: 1, nodeRef: dialogRef, onDrag: function (event, data) {
             event.stopPropagation();
             dialog._dialogTranslate = { lastX: data.lastX, lastY: data.lastY };
         }, onStop: function (event, data) {
@@ -153,7 +153,7 @@ var DialogContent = function (props) {
             event.stopPropagation();
             event.preventDefault();
             var _c = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(), width = _c.width, height = _c.height, x = _c.x, y = _c.y;
-            console.log('onDragStop', 'fired', (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect());
+            (0, appLogger_1.appLog)('onDragStop', 'fired', (_b = dialogRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect());
             (0, _helpers_1.setDialogBounds)(dialogOptions.base.id, {
                 width: width,
                 height: height,

package/components/DialogContentHeader.js

@@ -60,15 +60,17 @@ var DialogContentHeader = function (_a) {
     var baseOptions = dialogOptions.base;
     var _g = React.useState(bounds === null || bounds === void 0 ? void 0 : bounds.fullscreen), fullscreen = _g[0], setFullscreen = _g[1];
     (0, react_1.useEffect)(function () {
+        var _a, _b, _c;
         if (fullscreen) {
-            dialogRef.current.classList.add('fullscreen');
+            (_a = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('fullscreen');
         }
         else {
-            dialogRef.current.classList.remove('fullscreen');
+            (_b = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove('fullscreen');
         }
-        dialogRef.current.classList.add('no-user-select');
+        (_c = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _c === void 0 ? void 0 : _c.classList.add('no-user-select');
         setTimeout(function () {
-            dialogRef.current.classList.remove('no-user-select');
+            var _a;
+            (_a = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('no-user-select');
         }, 300);
     }, [fullscreen]);
     var CustomHeader = (_b = dialogOptions.slot) === null || _b === void 0 ? void 0 : _b.header;

package/components/RippleButton.js

@@ -48,6 +48,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var Colorify_1 = require("../helpers/Colorify");
+var appLogger_1 = require("../helpers/appLogger");
 exports.default = React.forwardRef(function (_a, ref) {
     var variant = _a.variant, color = _a.color, children = _a.children, disabled = _a.disabled, onClick = _a.onClick, style = _a.style, baseStyle = _a.baseStyle, innerRef = _a.innerRef, fontFamily = _a.fontFamily;
     var _b = React.useState({ x: -1, y: -1 }), coords = _b[0], setCoords = _b[1];
@@ -87,7 +88,7 @@ exports.default = React.forwardRef(function (_a, ref) {
             hexedColor = (0, Colorify_1.colorNameToHex)(hexedColor);
         }
         exclusive = (0, Colorify_1.getButtonColors)(hexedColor);
-        console.log('Button_variant', variant);
+        (0, appLogger_1.appLog)('Button_variant', variant);
         if (variant === 'text') {
             exclusive.backgroundColor = 'inherit';
             exclusive.color = color; // exclusive.backgroundColor;

package/features/DialogInfoAction.js

@@ -44,6 +44,12 @@ var _icons_1 = require("../icons/index.js");
 var package_json_1 = __importDefault(require("../package.json"));
 var _context_1 = require("../context/index.js");
 var _models_1 = __importStar(require("../models/index.js"));
+// const packageJSon = {
+//     author: 'Suleyman Topaloglu',
+//     version: '1.1.67',
+//     name: 'react-dialogger',
+//
+// }
 // const DialogFullscreenAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
 var DialogInfoAction = function () {
     var _a, _b, _c, _d;
@@ -80,7 +86,7 @@ var DialogInfoAction = function () {
             });
             dialog
                 .setHeader(function (dialog1) { return 'Info'; })
-                .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 })] })] }) }); })
+                .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 === null || package_json_1.default === void 0 ? void 0 : package_json_1.default.name })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: "Version" }), (0, jsx_runtime_1.jsx)("td", { children: package_json_1.default === null || package_json_1.default === void 0 ? void 0 : 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 === null || package_json_1.default === void 0 ? void 0 : package_json_1.default.author })] })] }) }); })
                 .addActions([
                 closeAction
             ])

package/helpers/Resizeable.js

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Resizeable = void 0;
 var _helpers_1 = require("./index.js");
+var appLogger_1 = require("./appLogger");
 var Resizeable = /** @class */ (function () {
     function Resizeable() {
         var _this = this;
@@ -30,7 +31,7 @@ var Resizeable = /** @class */ (function () {
             // Bounds case
             var container = _this._container.current;
             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());
+            (0, appLogger_1.appLog)('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);
         };

package/helpers/appLogger.d.ts

@@ -0,0 +1 @@
+export declare const appLog: (...args: any[]) => void;

package/helpers/appLogger.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appLog = void 0;
+// require('dotenv').config();
+// const isProd = process.env.NODE_ENV === 'production';
+var appLog = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    // if (isProd) {
+    //
+    // }
+    // console.log(...args);
+};
+exports.appLog = appLog;

package/helpers/dialogBoundsMemoize.js

@@ -14,6 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setDialogBound = exports.setDialogBounds = exports.getDialogBounds = exports.dialogRegister = void 0;
 // import {registeredDialogs} from "../hooks/initDialogMemoizeBounds";
 var initDialogMemoizeBounds_1 = require("./initDialogMemoizeBounds");
+var appLogger_1 = require("./appLogger");
 /**
  * Read from RAM...
  * */
@@ -46,7 +47,7 @@ var dialogRegister = function (dialogId, initialBounds) {
     };
     // To RAM
     initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), newDialogBounds);
-    console.log('dialogRegister_combined', initialBounds, newDialogBounds, combined.join('-'), initDialogMemoizeBounds_1.registeredDialogs, Array.from(initDialogMemoizeBounds_1.registeredDialogs));
+    (0, appLogger_1.appLog)('dialogRegister_combined', initialBounds, newDialogBounds, combined.join('-'), initDialogMemoizeBounds_1.registeredDialogs, Array.from(initDialogMemoizeBounds_1.registeredDialogs));
     // To Store
     try {
         window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(initDialogMemoizeBounds_1.registeredDialogs)));
@@ -62,7 +63,7 @@ var getDialogBounds = function (dialogId) {
         throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
     }
     var dialog = dialogInStore(dialogId);
-    console.log('getDialogBounds_dialog', initDialogMemoizeBounds_1.registeredDialogs, dialog);
+    (0, appLogger_1.appLog)('getDialogBounds_dialog', initDialogMemoizeBounds_1.registeredDialogs, dialog);
     if (dialog) {
         return dialog.bounds;
     }
@@ -72,7 +73,7 @@ exports.getDialogBounds = getDialogBounds;
 var setDialogBounds = function (dialogId, bounds, dialogRef) {
     var combined = ['guzzle', dialogId];
     var foundedDialog = initDialogMemoizeBounds_1.registeredDialogs.get(combined.join('-'));
-    console.log('setDialogBounds_combined', combined, combined.join('-'), bounds, foundedDialog);
+    (0, appLogger_1.appLog)('setDialogBounds_combined', combined, combined.join('-'), bounds, foundedDialog);
     if (foundedDialog) {
         // Save to RAM
         initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), {
@@ -91,7 +92,7 @@ var setDialogBounds = function (dialogId, bounds, dialogRef) {
          *
          * */
         // Save to Store
-        console.log('registeredDialogs', initDialogMemoizeBounds_1.registeredDialogs);
+        (0, appLogger_1.appLog)('registeredDialogs', initDialogMemoizeBounds_1.registeredDialogs);
         try {
             window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(initDialogMemoizeBounds_1.registeredDialogs)));
         }

package/helpers/formInputKeyListeners.js

@@ -7,8 +7,6 @@ var formInputKeyListeners = function (wrapperEl) {
         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

package/helpers/initDialogMemoizeBounds.js

@@ -32,12 +32,9 @@ var InitDialogMemoizeBounds = function () {
             createBoundStore();
         }
         var boundsRaw = window.localStorage.getItem(exports.BOUNDS_STORE_KEY);
-        // console.log('boundsRaw', boundStoreExists, JSON.parse(boundsRaw));
         var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
-        console.log('readFromStore-0', boundsArray);
         return new Map(boundsArray.map(function (d) { return [d[0], d[1]]; }));
     };
-    console.log('readFromStore', window.localStorage.getItem(exports.BOUNDS_STORE_KEY), readFromStore());
     // Set this on App level
     exports.registeredDialogs = readFromStore();
     exports.InitDialogMemoizeBoundsDeclared = true;

package/models/Dialog.d.ts

@@ -1,10 +1,7 @@
 import * as React from "react";
 import { DialogAction } from "./DialogAction";
 import { TInitialHolder, DialogValues, IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn } from "../types/index.js";
-interface DialogProps {
-    setHeader(header: TDialogCallbackFn): Dialog;
-}
-declare class Dialog implements DialogProps {
+declare class Dialog {
     private _processingListeners;
     private _stateListener;
     private _keyboardListener;

package/models/Dialog.js

@@ -50,6 +50,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var DialogBase_1 = __importDefault(require("../components/DialogBase"));
 var client_1 = require("react-dom/client");
+var appLogger_1 = require("../helpers/appLogger");
 var Dialog = /** @class */ (function () {
     function Dialog(dialogRef, options) {
         var _this = this;
@@ -66,7 +67,7 @@ var Dialog = /** @class */ (function () {
             return highest + 1;
         };
         this.createDom = function () {
-            console.log('this._actions', _this._actions);
+            (0, appLogger_1.appLog)('this._actions', _this._actions);
             var dom = document.createElement('div');
             dom.setAttribute('role', 'presentation');
             dom.setAttribute('data-type', 'dialog');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.70",
+  "version": "1.1.72",
   "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",
@@ -20,15 +20,14 @@
       "email": "developer@appinsource.eu"
     }
   ],
-  "scripts": {
-    "pb": "npm version patch && npm publish && cp ./package.json ../src/dist.package.json"
-  },
   "keywords": [
     "react",
     "dialog",
     "dynamic",
     "component",
     "ui",
-    "react-component"
+    "react-component",
+    "dynamic dialog",
+    "react-dialogger"
   ]
 }

package/types/DialogTypes.d.ts

@@ -257,4 +257,7 @@ export interface ICoords {
     x: number;
     y: number;
 }
+export interface DialogProps {
+    setHeader(header: TDialogCallbackFn): Dialog;
+}
 export {};