@linzjs/windows 5.0.0 → 5.1.0

package/README.md

@@ -33,6 +33,12 @@ or with Yarn
 yarn add @linzjs/windows
 ```
 
+## Debug log
+To enable debug logs set:
+```javascript
+localStorage.setItem("@linzjs/windows.debugEnabled", "true");
+```
+
 ## Demo
 
 ```bash

package/dist/LuiModalAsync/LuiModalAsync.tsx

@@ -64,6 +64,7 @@ export const LuiModalAsync = ({
     </div>
   ) : (
     <dialog
+      role={'dialog'}
       className={clsx('LuiModalAsync', className)}
       style={style}
       ref={dialogRef}

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.tsx

@@ -11,6 +11,7 @@ import { createPortal } from 'react-dom';
 import { useInterval } from 'usehooks-ts';
 import { v4 } from 'uuid';
 
+import { debugLog } from '../common/debug';
 import {
   ComponentType,
   LuiModalAsyncContext,
@@ -111,6 +112,9 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
       showModalProps?: ShowModalProps,
     ): // eslint-disable-next-line
     PromiseWithResolve<any> => {
+      if (!('level' in args)) {
+        debugLog(`Show generic modal`, args);
+      }
       const uuid = v4();
       // eslint-disable-next-line
       let extResolve: PromiseWithResolve<any>['resolve'];
@@ -137,6 +141,7 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
           return;
         }
       }).then((result) => {
+        debugLog('Modal resolved result =', JSON.stringify(result));
         return new Promise((resolve) => {
           // Close modal
           setModals((modals) => {

package/dist/LuiModalAsync/useLuiModalPrefab.tsx

@@ -6,6 +6,7 @@ import { flatMap } from 'lodash';
 import { omit, pick } from 'lodash-es';
 import React, { PropsWithChildren, ReactElement, useCallback, useMemo, useState } from 'react';
 
+import { debugLog } from '../common/debug';
 import { LuiModalAsync, LuiModalAsyncProps } from './LuiModalAsync';
 import { LuiModalAsyncButtonGroup } from './LuiModalAsyncButtonGroup';
 import { LuiModalAsyncContent } from './LuiModalAsyncContent';
@@ -184,6 +185,7 @@ export const useLuiModalPrefab = () => {
 
   const showPrefabModal = useCallback(
     <RT = string,>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
+      debugLog(`Show '${props.level}' prefab-modal '${props.title}'`, props);
       if (typeof props.children === 'string') {
         // Convert \n to <br/>
         const split = props.children.split('\n');

package/dist/common/debug.ts

@@ -0,0 +1,9 @@
+export const debugLog = (message: string, obj: unknown) => {
+  try {
+    if (localStorage.getItem('@linzjs/windows.debugEnabled') == 'true') {
+      console.debug(`@linzjs/windows: ${message}`, obj);
+    }
+  } catch (e) {
+    // ignore
+  }
+};

package/package.json

@@ -13,7 +13,7 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "peerDependencies": {
     "@linzjs/lui": ">=21",
     "lodash-es": ">=4",
@@ -61,26 +61,26 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
     "@linzjs/lui": "^22.4.2",
-    "@linzjs/step-ag-grid": "^24.0.0",
+    "@linzjs/step-ag-grid": "^25.0.1",
     "@linzjs/style": "^5.4.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@storybook/addon-docs": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-mdx-gfm": "^8.5.2",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-vite": "^8.5.2",
-    "@storybook/test": "^8.5.2",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@storybook/addon-docs": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-mdx-gfm": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.12.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/node": "^22.13.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
     "@vitest/ui": "^3.0.4",
     "ag-grid-community": "^32.3.3",
@@ -93,27 +93,28 @@
     "react": "^18.3.1",
     "react-app-polyfill": "^3.0.0",
     "react-dom": "^18.3.1",
-    "rollup": "^4.32.1",
+    "rollup": "^4.34.0",
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.83.4",
     "sass-loader": "^16.0.4",
     "semantic-release": "^22.0.12",
-    "storybook": "^8.5.2",
+    "storybook": "^8.5.3",
     "style-loader": "^4.0.0",
     "stylelint": "^16.14.1",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-prettier": "5.0.3",
-    "stylelint-scss": "6.10.1",
+    "stylelint-scss": "6.11.0",
     "typescript": "^5.7.3",
-    "vite": "^5.4.11",
+    "vite": "^5.4.14",
     "vite-plugin-html": "^3.2.2",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.32.1"
+    "@rollup/rollup-linux-x64-gnu": "^4.34.0",
+    "@swc/core-linux-x64-gnu": "^1.10.12"
   },
   "browserslist": {
     "production": [