@topconsultnpm/sdkui-react-beta 6.6.118 → 6.6.120

package/lib/components/base/TMPopUp.js

@@ -80,9 +80,9 @@ const Message = ({ msg }) => {
 const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', message = '', buttons }) => {
     const [isVisible, setIsVisible] = useState(true);
     const [btns, setBtns] = useState(buttons || []);
-    const [currentWidth, setCurrentWidth] = useState(window.innerWidth);
+    // const [currentWidth, setCurrentWidth] = useState<number>(window.innerWidth)
     let deviceType = useDeviceType();
-    useEffect(() => { window.addEventListener('resize', () => setCurrentWidth(window.innerWidth)); return () => window.removeEventListener('resize', () => setCurrentWidth(window.innerWidth)); });
+    // useEffect(() => { window.addEventListener('resize', () => setCurrentWidth(window.innerWidth)); return () => window.removeEventListener('resize', () => setCurrentWidth(window.innerWidth)) })
     useEffect(() => {
         let arr = [];
         if (buttons) {
@@ -103,8 +103,8 @@ const TMExceptionBox = ({ resizable = false, exception, title = `${SDK_Globals.a
     let dateString = d.getDate() + '/' + d.getMonth() + 1 + '/' + d.getFullYear();
     let timeString = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() + ':' + d.getMilliseconds();
     let message = exception.isApiException ? exception.response.title : exception.message;
-    const [currentWidth, setCurrentWidth] = useState(window.innerWidth);
-    useEffect(() => { window.addEventListener('resize', () => setCurrentWidth(window.innerWidth)); return () => window.removeEventListener('resize', () => setCurrentWidth(window.innerWidth)); });
+    // const [currentWidth, setCurrentWidth] = useState<number>(window.innerWidth)
+    // useEffect(() => { window.addEventListener('resize', () => setCurrentWidth(window.innerWidth)); return () => window.removeEventListener('resize', () => setCurrentWidth(window.innerWidth)) })
     let deviceType = useDeviceType();
     const getFullMessage = () => {
         let fullMessage = '';

package/lib/helper/helpers.d.ts

@@ -5,12 +5,9 @@ import { FormModes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
 declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
-declare const calcResponsiveDirectionUsingWith: (currentWidth: number, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
 declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
 export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
 declare const calcResponsiveSizes: (deviceType: DeviceType | undefined, desktopSize: string, tabletSize: string, mobileSize: string) => string;
-declare const calcResponsiveSizesUsingWith: (currentWidth: number, desktopSize: string, tabletSize: string, mobileSize: string) => string;
-declare const useWindowWidth: () => number;
 declare const getColor: (color: ColorsType) => string;
 declare const makeID: (length: number) => string;
 declare function genUniqueId(): string;
@@ -26,4 +23,4 @@ export declare const canPrev: (visibleItems: any[], selectedItems: any[]) => boo
 export declare const getPrev: (visibleItems: any[], selectedItems: any[]) => any;
 export declare const calcSaveFormTitle: (rootTitle: string | undefined, formMode: FormModes, updateId: number | undefined, pathKeys: string[] | undefined) => string;
 export declare function calcIsModified(formData: any, formDataOrig: any): boolean;
-export { openApps, calcResponsiveDirection, calcResponsiveSizes, getColor, genUniqueId, makeID, useWindowWidth, calcResponsiveSizesUsingWith, calcResponsiveDirectionUsingWith, MOBILE_WIDTH, TABLET_WIDTH };
+export { openApps, calcResponsiveDirection, calcResponsiveSizes, getColor, genUniqueId, makeID, MOBILE_WIDTH, TABLET_WIDTH };

package/lib/helper/helpers.js

@@ -1,4 +1,3 @@
-import { useLayoutEffect, useState } from "react";
 import { Colors } from "../utils/theme";
 import { ButtonNames, DeviceType, TMExceptionBoxManager, TMMessageBoxManager, TMSpinner } from "../components";
 import { SDK_Globals, SystemMIDsAsNumber, TopMediaServer } from "@topconsultnpm/sdk-ts-beta";
@@ -15,13 +14,6 @@ const calcResponsiveDirection = (deviceType, desktopDir, tabletDir, mobileDir) =
         return tabletDir;
     return mobileDir;
 };
-const calcResponsiveDirectionUsingWith = (currentWidth, desktopDir, tabletDir, mobileDir) => {
-    if (currentWidth > TABLET_WIDTH)
-        return desktopDir;
-    if (currentWidth <= TABLET_WIDTH && currentWidth > MOBILE_WIDTH)
-        return tabletDir;
-    return mobileDir;
-};
 const openApps = async (appModule, tmSession, appRoutes) => {
     try {
         window.Buffer = Buffer;
@@ -65,22 +57,6 @@ const calcResponsiveSizes = (deviceType, desktopSize, tabletSize, mobileSize) =>
         return tabletSize;
     return mobileSize;
 };
-const calcResponsiveSizesUsingWith = (currentWidth, desktopSize, tabletSize, mobileSize) => {
-    if (currentWidth > TABLET_WIDTH)
-        return desktopSize;
-    if (currentWidth <= TABLET_WIDTH && currentWidth > MOBILE_WIDTH)
-        return tabletSize;
-    return mobileSize;
-};
-const useWindowWidth = () => {
-    const [windowWidth, setWindowWidth] = useState(window.innerWidth);
-    const handleSize = () => { setWindowWidth(window.innerWidth); };
-    useLayoutEffect(() => {
-        window.addEventListener('resize', handleSize);
-        return () => window.removeEventListener('resize', handleSize);
-    }, []);
-    return (windowWidth);
-};
 //#endregion 
 const getColor = (color) => {
     let c = '';
@@ -278,4 +254,4 @@ export const calcSaveFormTitle = (rootTitle, formMode, updateId, pathKeys) => {
 };
 export function calcIsModified(formData, formDataOrig) { return JSON.stringify(formData) !== JSON.stringify(formDataOrig); }
 //#endregion
-export { openApps, calcResponsiveDirection, calcResponsiveSizes, getColor, genUniqueId, makeID, useWindowWidth, calcResponsiveSizesUsingWith, calcResponsiveDirectionUsingWith, MOBILE_WIDTH, TABLET_WIDTH };
+export { openApps, calcResponsiveDirection, calcResponsiveSizes, getColor, genUniqueId, makeID, MOBILE_WIDTH, TABLET_WIDTH };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.6.118",
+    "version": "6.6.120",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",