@linzjs/windows 2.1.0 → 2.3.0

package/dist/LuiModalAsync/LuiModalAsync.tsx

@@ -33,7 +33,7 @@ export const LuiModalAsync = ({
   // The only way to create a modal dialog is to call showModal, open attribute will not work
   useEffect(() => {
     // Check if it's open already to support .vite hot deploys
-    !dialogRef.current?.open && dialogRef.current?.showModal();
+    !dialogRef.current?.open && dialogRef.current?.showModal?.();
   }, []);
 
   useEffect(() => {

package/dist/panel/Panel.scss

@@ -91,7 +91,8 @@
   display: flex;
   align-items: center;
 
-  button.lui-button {
+  a.lui-button,
+  button.lui-button {
     display: flex;
     align-items: center;
 
@@ -117,4 +118,4 @@
   flex: 1;
   overflow: auto;
   display: flex;
-}
+}

package/dist/panel/PanelHeader.tsx

@@ -9,11 +9,12 @@ export interface PanelHeaderProps {
   icon?: LuiIconName;
   extraLeft?: ReactNode;
   extraRight?: ReactNode;
+  helpUrl?: string;
   onHelpClick?: () => void;
   dockTo?: string;
 }
 
-export const PanelHeader = ({ icon, extraLeft, extraRight, onHelpClick, dockTo }: PanelHeaderProps) => {
+export const PanelHeader = ({ icon, extraLeft, extraRight, helpUrl, onHelpClick, dockTo }: PanelHeaderProps) => {
   const { panelClose, panelTogglePopout, panelPoppedOut, title, dock, undock, docked } =
     useContext(PanelInstanceContext);
   const [cursor, setCursor] = useState<"grab" | "grabbing">("grab");
@@ -37,7 +38,9 @@ export const PanelHeader = ({ icon, extraLeft, extraRight, onHelpClick, dockTo }
       <div className={"WindowPanel-children"}>{extraLeft}</div>
       <div className={"WindowPanel-buttons"}>
         {extraRight}
-        {onHelpClick && <PanelHeaderButton aria-label={"Help"} onClick={onHelpClick} icon={"ic_help_outline"} />}
+        {(helpUrl || onHelpClick) && (
+          <PanelHeaderButton aria-label={"Help"} href={helpUrl} onClick={onHelpClick} icon={"ic_help_outline"} />
+        )}
       </div>
       <div className={"WindowPanel-divider-right"} />
       <div className={"WindowPanel-buttons"}>

package/dist/panel/PanelHeaderButton.tsx

@@ -3,16 +3,19 @@ import { LuiIconName } from "@linzjs/lui/dist/assets/svg-content";
 
 export interface PanelHeaderButtonProps {
   "aria-label": string;
+  href?: string;
   icon: LuiIconName;
-  onClick: () => void;
+  onClick?: () => void;
 }
 
-export const PanelHeaderButton = ({ "aria-label": ariaLabel, icon, onClick }: PanelHeaderButtonProps) => (
+export const PanelHeaderButton = ({ "aria-label": ariaLabel, href, icon, onClick }: PanelHeaderButtonProps) => (
   <LuiButton
     level={"plain-text"}
     className={"lui-button-icon-only"}
     size={"sm"}
+    href={href}
     onClick={onClick}
+    openInNewTab={!!href}
     buttonProps={{
       onTouchStart: onClick,
     }}

package/package.json

@@ -13,9 +13,9 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "peerDependencies": {
-    "@linzjs/lui": "^18",
+    "@linzjs/lui": "^21",
     "lodash-es": ">=4",
     "react": ">=17",
     "react-dom": ">=17"
@@ -49,7 +49,7 @@
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@linzjs/lui": "^20.0.3",
+    "@linzjs/lui": "^21",
     "lodash-es": ">=4",
     "react": ">=18",
     "react-dom": ">=18",
@@ -60,22 +60,22 @@
   "devDependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
-    "@linzjs/step-ag-grid": "^17.6.1",
+    "@linzjs/step-ag-grid": "^19.1.0",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.2.1",
-    "@storybook/addon-docs": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-interactions": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-mdx-gfm": "^7.4.5",
-    "@storybook/blocks": "^7.4.5",
-    "@storybook/jest": "^0.2.2",
-    "@storybook/preset-create-react-app": "^7.4.5",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-vite": "^7.4.5",
-    "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.1",
+    "@storybook/addon-docs": "^7.6.4",
+    "@storybook/addon-essentials": "^7.6.4",
+    "@storybook/addon-interactions": "^7.6.4",
+    "@storybook/addon-links": "^7.6.4",
+    "@storybook/addon-mdx-gfm": "^7.6.4",
+    "@storybook/blocks": "^7.6.4",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/preset-create-react-app": "^7.6.4",
+    "@storybook/react": "^7.6.4",
+    "@storybook/react-vite": "^7.6.4",
+    "@storybook/test-runner": "^0.16.0",
+    "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
@@ -88,6 +88,7 @@
     "@types/uuid": "^9.0.4",
     "ag-grid-community": "^29.3.5",
     "ag-grid-react": "^29.3.5",
+    "esbuild": "^0.19.9",
     "eslint": "^8.50.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-config-react-app": "^7.0.1",
@@ -98,7 +99,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.14",
+    "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-testing-library": "^5.11.1",
     "jest": "^29.7.0",
     "jest-canvas-mock": "^2.5.2",
@@ -113,8 +114,8 @@
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.68.0",
     "sass-loader": "^13.3.2",
-    "semantic-release": "^19.0.5",
-    "storybook": "^7.4.5",
+    "semantic-release": "^22.0.10",
+    "storybook": "^7.6.4",
     "style-loader": "^3.3.3",
     "stylelint": "^14.16.1",
     "stylelint-config-prettier": "^9.0.5",