@nu-art/thunderstorm-frontend 0.400.12 → 0.400.14

package/component-modules/mouse-interactivity/types.d.ts

@@ -25,6 +25,7 @@ export type Model_Menu = Omit<MouseInteractivity_Model, 'content'> & {
 };
 export type Model_PopUp = MouseInteractivity_Model & {
     ignoreOverlayClick?: ResolvableContent<boolean>;
+    onOverlayClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 export type Model_ToolTip = MouseInteractivity_Model & {
     contentHoverDelay?: number;

package/components/TS_MouseInteractivity/TS_PopUp/TS_PopUp.js

@@ -23,6 +23,7 @@ export class TS_PopUp extends TS_MouseInteractivity {
                 if (!model.ignoreOverlayClick || !resolveContent(model?.ignoreOverlayClick))
                     this.setState({ open: false });
                 ModuleFE_MouseInteractivity.hide(mouseInteractivity_PopUp);
+                model?.onOverlayClick?.(e);
             }, children: _jsx("div", { className: "ts-popup__content", id: model.id, ref: this.ref, onClick: stopPropagation, onContextMenu: stopPropagation, children: resolveContent(model.content, () => this.forceUpdate()) }) });
     }
 }

package/components/TS_Radio/TS_Radio.js

@@ -22,10 +22,9 @@ export class TS_Radio extends ComponentSync {
         const nextValue = (this.props.canUnselect && value === prevValue)
             ? undefined
             : value;
-        this.setState({ checked: nextValue }, () => {
-            this.props.onCheck?.(nextValue, prevValue);
-            this.forceUpdate();
-        });
+        if (this.props.onCheck)
+            return this.props.onCheck(nextValue, prevValue);
+        this.setState({ checked: nextValue });
     };
     // ######################### Render #########################
     renderRadioOption = (value) => {

package/components/TS_V2_TextArea/TS_TextAreaV2.d.ts

@@ -68,11 +68,11 @@ export declare class TS_TextAreaV2 extends React.Component<Props_TS_TextAreaV2,
         value: string | undefined;
     };
     private static getInitialState;
+    componentDidUpdate(prevProps: Readonly<Props_TS_TextAreaV2>, prevState: Readonly<InputState>): void;
     changeValue: (event: ChangeEvent<HTMLTextAreaElement>) => void;
     onKeyDown: (ev: KeyboardEvent<HTMLTextAreaElement>) => void;
     resizeWithText: () => void;
     componentDidMount(): void;
-    componentDidUpdate(): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/TS_V2_TextArea/TS_TextAreaV2.js

@@ -80,6 +80,10 @@ export class TS_TextAreaV2 extends React.Component {
             value: props.value || ''
         };
     }
+    componentDidUpdate(prevProps, prevState) {
+        if (this.props.resizeWithText && prevState.value !== this.state.value)
+            this.resizeWithText();
+    }
     changeValue = (event) => {
         const value = event.target.value;
         this.setState({ value });
@@ -152,10 +156,6 @@ export class TS_TextAreaV2 extends React.Component {
         if (this.props.resizeWithText)
             this.resizeWithText();
     }
-    componentDidUpdate() {
-        if (this.props.resizeWithText)
-            this.resizeWithText();
-    }
     render() {
         const { onAccept, error, trim, saveEvent, forceAcceptKeys, resizeWithText, focus, innerRef, ...props } = this.props;
         return _jsx("textarea", { ...props, ...convertToHTMLDataAttributes(this.props.error, 'error'), ref: input => {

package/modules/ModuleFE_LocalStorage.js

@@ -21,7 +21,7 @@
 /**
  * Created by tacb0ss on 27/07/2018.
  */
-import { _keys, exists, merge, Module, resolveContent } from '@nu-art/ts-common';
+import { _keys, deepClone, exists, merge, Module, resolveContent } from '@nu-art/ts-common';
 import { ThunderDispatcher } from '../core/thunder-dispatcher.js';
 export class StorageModule_Class extends Module {
     cache = {};
@@ -65,6 +65,8 @@ export class StorageModule_Class extends Module {
     set(key, value, persist = true) {
         if (value === undefined)
             return this.delete(key);
+        if (this.cache[key] === value)
+            return;
         this.cache[key] = value;
         this.getStorage(persist).setItem(key, JSON.stringify(value));
         // @ts-ignore
@@ -80,15 +82,13 @@ export class StorageModule_Class extends Module {
         delete this.cache[key];
     }
     get(key, fallbackValue, persist = true) {
-        let value = this.cache[key];
-        if (value)
-            return value;
-        value = this.getStorage(persist).getItem(key);
-        // this.logDebug(`get: ${key} = ${value}`)
-        if (!exists(value) || value === 'null' || value === 'undefined')
+        if (this.cache[key])
+            return deepClone(this.cache[key]);
+        const value = this.getStorage(persist).getItem(key);
+        if (!exists(value))
             return resolveContent(fallbackValue);
-        // if (!this.isIncognito)
-        return this.cache[key] = JSON.parse(value);
+        this.cache[key] = JSON.parse(value);
+        return deepClone(this.cache[key]);
     }
     query(query) {
         const toRet = [];

package/modules/ModuleFE_Thunderstorm.d.ts

@@ -1,4 +1,5 @@
 import { Module, TypedMap } from '@nu-art/ts-common';
+import { GenericUpdate } from '@nu-art/thunderstorm-shared';
 type Config = {
     appName: string;
     themeColor: string;
@@ -26,6 +27,7 @@ declare class ModuleFE_Thunderstorm_Class extends Module<Config> {
         params?: TypedMap<(() => string) | string | undefined>;
     }, target?: UrlTarget): void;
     downloadFile(props: FileDownloadProps): void;
+    performGenericUpdate: (updateData: GenericUpdate[]) => Promise<void>;
 }
 export declare const ModuleFE_Thunderstorm: ModuleFE_Thunderstorm_Class;
 export {};

package/modules/ModuleFE_Thunderstorm.js

@@ -18,7 +18,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { _keys, BadImplementationException, Module } from '@nu-art/ts-common';
+import { _keys, BadImplementationException, Module, MUSTNeverHappenException, Promise_all_sequentially, RuntimeModules } from '@nu-art/ts-common';
 import { ModuleFE_Toaster } from '../component-modules/ModuleFE_Toaster.js';
 import { composeURL } from './routing/ModuleFE_RoutingV2.js';
 import { HttpMethod } from '@nu-art/thunderstorm-shared';
@@ -118,5 +118,18 @@ class ModuleFE_Thunderstorm_Class extends Module {
         element.setAttribute('download', `${props.fileName}`);
         element.click();
     }
+    performGenericUpdate = async (updateData) => {
+        const promises = [];
+        updateData.forEach(update => {
+            const module = RuntimeModules().find(module => module.dbDef?.dbKey === update.dbKey);
+            if (!module)
+                throw new MUSTNeverHappenException(`Trying to perform a generic update without an existing module for dbKey ${update.dbKey}`);
+            if (update.data.toUpdate?.length)
+                promises.push(() => module.onEntriesUpdated(update.data.toUpdate));
+            if (update.data.toDelete?.length)
+                promises.push(() => module.onEntriesDeleted(update.data.toDelete));
+        });
+        await Promise_all_sequentially(promises);
+    };
 }
 export const ModuleFE_Thunderstorm = new ModuleFE_Thunderstorm_Class();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/thunderstorm-frontend",
-  "version": "0.400.12",
+  "version": "0.400.14",
   "description": "Thunderstorm Frontend",
   "keywords": [
     "TacB0sS",
@@ -37,11 +37,11 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@nu-art/thunderstorm-shared": "0.400.12",
-    "@nu-art/firebase-frontend": "0.400.12",
-    "@nu-art/firebase-shared": "0.400.12",
-    "@nu-art/ts-common": "0.400.12",
-    "@nu-art/ts-styles": "0.400.12",
+    "@nu-art/thunderstorm-shared": "0.400.14",
+    "@nu-art/firebase-frontend": "0.400.14",
+    "@nu-art/firebase-shared": "0.400.14",
+    "@nu-art/ts-common": "0.400.14",
+    "@nu-art/ts-styles": "0.400.14",
     "abort-controller": "^3.0.0",
     "axios": "^1.13.1",
     "body-parser": "^1.19.0",

package/utils/EditableItem.js

@@ -501,7 +501,7 @@ export class EditableDBItemV3 extends EditableItem {
         if (this.hasValidationError())
             return this.setStatus(EditableItemStatus_FailedValidation);
         if (this.saveError)
-            return this.setStatus(exports.EditableItemStatus_ErrorSaving);
+            return this.setStatus(EditableItemStatus_ErrorSaving);
         if (this.hasChanges()) {
             return this.setStatus(EditableItemStatus_UnsavedChanges);
         }

package/utils/tools.d.ts

@@ -1,6 +1,8 @@
 import { Browser } from '@nu-art/thunderstorm-shared/consts';
+import { DBProto } from '@nu-art/ts-common';
 import * as React from 'react';
 import { DependencyList, Dispatch, EffectCallback, SetStateAction } from 'react';
+import { ModuleFE_BaseDB } from '../modules/db-api-gen/ModuleFE_BaseDB.js';
 export declare function browserType(): Browser;
 export declare function base64ToBlob(imageAsBase64: string): Promise<Blob>;
 export declare function stringToArrayBuffer(stringToConvert: string): ArrayBuffer;
@@ -28,4 +30,7 @@ type MouseClickActions = {
 };
 export declare const mouseEventHandler: (e: React.MouseEvent | MouseEvent, actions: MouseClickActions) => void | undefined;
 export declare const stringReplacer: (_content: string, _toReplace: string, replacer: (match: string, i: number) => JSX.Element) => React.ReactNode[];
+export type EntityToResolve<P extends DBProto<any> = DBProto<any>> = string | P['dbType'] | undefined;
+export declare const resolveId: (entity: EntityToResolve) => any;
+export declare const resolveEntity: <P extends DBProto<any>>(module: ModuleFE_BaseDB<P>) => (entity: EntityToResolve<P>) => Readonly<P["dbType"]> | undefined;
 export {};

package/utils/tools.js

@@ -136,3 +136,7 @@ export const stringReplacer = (_content, _toReplace, replacer) => {
         i++;
     }
 };
+export const resolveId = (entity) => typeof entity === 'string' ? entity : entity?._id;
+export const resolveEntity = (module) => (entity) => typeof entity === 'string'
+    ? module.cache.unique(entity)
+    : entity;