@linzjs/windows 1.4.2 → 1.4.3

package/package.json

@@ -12,7 +12,8 @@
     "panel",
     "popout"
   ],
-  "version": "1.4.2",
+  "main": "./src/index.ts",
+  "version": "1.4.3",
   "peerDependencies": {
     "@linzjs/lui": "^17",
     "lodash-es": ">=4",

package/src/modal/ModalContextProvider.tsx

@@ -116,21 +116,19 @@ export const ModalContextProvider = ({ children }: { children: ReactElement }):
         showModal,
       }}
     >
-      <>
-        <Fragment key={"modals"}>
-          {modals
-            .filter(modalHasView)
-            .map((modalInstance) =>
-              ReactDOM.createPortal(
-                <ModalInstanceContext.Provider value={{ close: () => modalInstance.resolve(undefined) }}>
-                  {modalInstance.componentInstance}
-                </ModalInstanceContext.Provider>,
-                (modalInstance.ownerElement?.ownerDocument ?? document).body,
-              ),
-            )}
-        </Fragment>
-        <Fragment key={"children"}>{children}</Fragment>
-      </>
+      <Fragment key={"modals"}>
+        {modals
+          .filter(modalHasView)
+          .map((modalInstance) =>
+            ReactDOM.createPortal(
+              <ModalInstanceContext.Provider value={{ close: () => modalInstance.resolve(undefined) }}>
+                {modalInstance.componentInstance}
+              </ModalInstanceContext.Provider>,
+              (modalInstance.ownerElement?.ownerDocument ?? document).body,
+            ),
+          )}
+      </Fragment>
+      <Fragment key={"children"}>{children}</Fragment>
     </ModalContext.Provider>
   );
 };

package/src/modal/PrefabModal.tsx

@@ -2,7 +2,7 @@ import { Modal } from "./Modal";
 import { ModalCallback } from "./ModalContext";
 import { useShowModal } from "./useShowModal";
 import { isEmpty } from "lodash-es";
-import { ReactElement } from "react";
+import { Fragment, ReactElement } from "react";
 
 import { LuiAlertModalButtons, LuiButton, LuiIcon } from "@linzjs/lui";
 import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
@@ -92,10 +92,10 @@ export const usePrefabModal = () => {
       showModal(PrefabModal, {
         level,
         children: (
-          <>
+          <Fragment>
             {typeof title === "string" ? <h2>{title}</h2> : title}
             {typeof content === "string" ? <p>{content}</p> : content}
-          </>
+          </Fragment>
         ),
         buttons,
       }) as Promise<RT>,

package/src/stories/panel/ShowPanel/ShowPanel.tsx

@@ -5,6 +5,7 @@ import { OpenPanelButton } from "../../../panel/OpenPanelButton";
 import { Panel, PanelContent } from "../../../panel/Panel";
 import { PanelHeader } from "../../../panel/PanelHeader";
 import { PanelsContextProvider } from "../../../panel/PanelsContextProvider";
+import { Fragment } from "react";
 
 // #Example: Panel Context Provider
 // Don't forget to add a PanelContextProvider at the root of your project
@@ -63,9 +64,9 @@ export const PanelContents = () => (
 // #Example: Panel Invocation
 export const TestShowPanel = () => {
   return (
-    <>
+    <Fragment>
       <OpenPanelButton buttonText={"TestPanel 1"} component={() => <ShowPanelComponent data={1} />} />{" "}
       <OpenPanelButton buttonText={"TestPanel 2"} component={() => <ShowPanelComponent data={2} />} />
-    </>
+    </Fragment>
   );
 };

package/src/stories/panel/ShowPanelDocking/ShowPanel.tsx

@@ -5,6 +5,7 @@ import { OpenPanelButton } from "../../../panel/OpenPanelButton";
 import { Panel, PanelContent } from "../../../panel/Panel";
 import { PanelDock } from "../../../panel/PanelDock";
 import { PanelHeader } from "../../../panel/PanelHeader";
+import { Fragment } from "react";
 
 // #Example: Panel Component
 export interface ShowPanelComponentProps {
@@ -56,9 +57,9 @@ export const PanelContents = () => {
 // #Example: Panel Invocation
 export const TestShowPanel = () => {
   return (
-    <>
+    <Fragment>
       <OpenPanelButton buttonText={"TestPanel"} component={() => <ShowPanelComponent data={1} />} />
       <PanelDock id={"leftSide"}>The Panel will dock in here</PanelDock>
-    </>
+    </Fragment>
   );
 };

package/src/stories/panel/ShowPanelResizingAgGrid/ShowPanelResizingStepAgGrid.tsx

@@ -3,12 +3,8 @@ import "@linzjs/lui/dist/scss/base.scss";
 import "@linzjs/step-ag-grid/dist/GridTheme.scss";
 import "@linzjs/step-ag-grid/dist/index.css";
 
-import { OpenPanelButton } from "../../../panel/OpenPanelButton";
-import { Panel, PanelContent } from "../../../panel/Panel";
-import { PanelContext } from "../../../panel/PanelContext";
-import { PanelHeader } from "../../../panel/PanelHeader";
-import { PanelsContextProvider } from "../../../panel/PanelsContextProvider";
-import { useContext, useMemo, useState } from "react";
+import { OpenPanelButton, Panel, PanelContent, PanelContext, PanelHeader, PanelsContextProvider } from "../../../panel";
+import { Fragment, useContext, useMemo, useState } from "react";
 
 import {
   ColDefT,
@@ -48,10 +44,10 @@ export const TestPanelResizing = ({ data }: TestPanelProps) => {
 
 // #Example: Panel Invocation
 export const TestShowPanelResizingAgGrid = () => (
-  <>
+  <Fragment>
     <OpenPanelButton buttonText={"TestPanel resizing 1"} component={() => <TestPanelResizing data={1} />} />{" "}
     <OpenPanelButton buttonText={"TestPanel resizing 2"} component={() => <TestPanelResizing data={2} />} />
-  </>
+  </Fragment>
 );
 
 /* exclude */
@@ -100,7 +96,7 @@ export const PanelContentsWithResize = () => {
       GridPopoverMessage(
         {
           headerName: "Popout message",
-          cellRenderer: () => <>Single Click me!</>,
+          cellRenderer: () => <Fragment>Single Click me!</Fragment>,
           exportable: false,
         },
         {

package/src/stories/panel/ShowTabbedPanel/ShowPanel.tsx

@@ -5,6 +5,7 @@ import { OpenPanelButton } from "../../../panel/OpenPanelButton";
 import { Panel, PanelContent } from "../../../panel/Panel";
 import { PanelHeader } from "../../../panel/PanelHeader";
 import { PanelsContextProvider } from "../../../panel/PanelsContextProvider";
+import { Fragment } from "react";
 
 import { LuiTabs, LuiTabsGroup, LuiTabsPanel, LuiTabsPanelSwitch } from "@linzjs/lui";
 
@@ -68,9 +69,9 @@ export const PanelContents = () => (
 // #Example: Panel Invocation
 export const TestShowTabbedPanel = () => {
   return (
-    <>
+    <Fragment>
       <OpenPanelButton buttonText={"TestPanel 1"} component={() => <ShowPanelComponent data={1} />} />{" "}
       <OpenPanelButton buttonText={"TestPanel 2"} component={() => <ShowPanelComponent data={2} />} />
-    </>
+    </Fragment>
   );
 };

package/index.ts

@@ -1 +0,0 @@
-export * from "./src";