react-dialogger 1.1.117 → 1.1.118

package/README.md

@@ -3,6 +3,9 @@
 npm i react-dialogger
 ```
 
+Please use 
+
+
 # GitHub
 You can find the example code and more information about the project on our [GitHub repository](https://github.com/appinsource2021/react-dialogger-example.git).
 
@@ -12,6 +15,83 @@ You can find the example code about the project on our [Codesandbox](https://cod
 # Youtube
 You can watch simple example on Youtube [Youtube](https://www.youtube.com/watch?v=vhSroEgdj1c)
 
+#### ⚠️ Breaking Change: initialValues Scope Restriction
+` In previous versions, initialValues, setValue, and setValues were able to store any type of data, including:
+Functions
+Object references
+Component refs
+Arbitrary complex objects
+This behavior has changed in the latest version.`
+
+#### ✅ New Behavior
+`initialValues now only supports serializable key–value data, such as:
+Primitive values
+Plain objects
+Arrays
+Collections that represent form/state data
+Methods, functions, class instances, and object references are no longer supported in initialValues.
+This change improves:
+Predictability
+State safety
+Serialization compatibility
+Debugging and maintainability`
+
+#### 🔌 How to Pass Methods and References
+ * To pass methods or object references, use the new inject API.
+### Injection Example
+```js
+dialog.inject({
+  myMethod,
+  myRef
+});
+```
+
+#### Accessing Injected Dependencies
+* Injected dependencies are available via dialog.deps:
+```js
+show(dialog => {
+  dialog.deps.myMethod('Suleyman');
+  dialog.deps.myRef.current;
+});
+
+```
+
+#### 🧠 Design Principle
+    * State (initialValues) → data only
+    * Behavior & references → dependency injection (inject)
+    * This separation enforces a clean architecture and prevents unintended side effects.
+
+
+#### ❌ Invalid Usage (No Longer Supported)
+```js
+initialValues: {
+  onSubmit: () => {},
+  tableRef: ref,
+}
+```
+#### ✅ Correct Usage
+```js
+initialValues: {
+  status: 'active',
+  items: []
+}
+
+dialog.inject({
+  onSubmit,
+  tableRef
+});
+```
+
+#### 🚀 Migration Guide
+`If you were previously storing functions or references inside initialValues:
+Remove them from initialValues
+Register them via dialog.inject(...)
+Access them using dialog.deps.*`
+
+
+
+
+
 # Why react-dialogger?
 > react-dialogger is built for React applications that need dynamic, runtime-managed dialogs rather than static JSX-based modals.
 It enables centralized dialog configuration, action-driven logic, and dialog-owned state, making complex dialog flows easier to manage and scale.

package/components/DialogBase.d.ts

@@ -60,6 +60,7 @@ declare class DialogBase<V, I> extends Component<BaseDialogProps<V, I>, BaseDial
     set inlineFormikProps(inlineFormikProps: IFormikAdapter);
     setValues<T>(values: Dialogify<T>, callbackFn?: () => void): void;
     componentDidMount(): void;
+    componentWillUnmount(): void;
     setInProcess: (process: boolean, message?: string, holder?: TInitialHolder) => this;
     isInProcess: () => IInProcess;
     private kill;

package/components/DialogBase.js

@@ -104,8 +104,7 @@ var DialogBase = /** @class */ (function (_super) {
                         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({}, (_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
+                            action === null || action === void 0 ? void 0 : action.current.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
                              }));
                         }
                     }
@@ -154,7 +153,7 @@ var DialogBase = /** @class */ (function (_super) {
             };
             setTimeout(function () {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-                if (((_b = (_a = _this._footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.inProcess) && !_this.state.aborted) {
+                if (((_b = (_a = _this._footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.inProcess.inProcess) && !_this.state.aborted) {
                     var notify = (_e = (_d = (_c = _this._dialogOptions) === null || _c === void 0 ? void 0 : _c.base) === null || _d === void 0 ? void 0 : _d.notifyOnClosing) !== null && _e !== void 0 ? _e : "snackbar";
                     if (notify === "snackbar") {
                         var busyMessage = (_h = (_g = (_f = _this._dialogOptions) === null || _f === void 0 ? void 0 : _f.localText) === null || _g === void 0 ? void 0 : _g.busyMessage) !== null && _h !== void 0 ? _h : 'In Process, Please wait...';
@@ -375,6 +374,9 @@ var DialogBase = /** @class */ (function (_super) {
         // accessFrom Property of Parent object Internal->External
         this.accessFrom = "internal";
     };
+    DialogBase.prototype.componentWillUnmount = function () {
+        console.log('componentWillUnmount');
+    };
     DialogBase.prototype.kill = function (callbackFn) {
         var _this = this;
         // ReactDOM.unmountComponentAtNode(this.props.dom);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.117",
+  "version": "1.1.118",
   "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",