@linzjs/windows 4.1.2 → 5.0.0

package/dist/LuiModalAsync/LuiModalAsync.scss

@@ -1,4 +1,4 @@
-@use "node_modules/@linzjs/lui/dist/scss/Core" as lui;
+@use "@linzjs/lui/dist/scss/Core" as lui;
 
 dialog.LuiModalAsync::backdrop {
   background: rgb(0 0 0 / 10%);

package/dist/LuiModalAsync/LuiModalAsync.tsx

@@ -1,12 +1,12 @@
-import "./LuiModalAsync.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import './LuiModalAsync.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { LuiModalAsyncInstanceContext } from "./LuiModalAsyncInstanceContext";
-import clsx from "clsx";
-import { delay } from "lodash";
-import React, { CSSProperties, PropsWithChildren, ReactElement, useContext, useEffect, useRef } from "react";
+import clsx from 'clsx';
+import { delay } from 'lodash';
+import React, { CSSProperties, PropsWithChildren, ReactElement, useContext, useEffect, useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
+import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
 
 export interface LuiModalAsyncProps {
   className?: string;
@@ -42,25 +42,29 @@ export const LuiModalAsync = ({
     delay(() => {
       const d = dialogRef.current;
       if (!d) return;
-      let input = d.querySelectorAll("[data-autofocus]")[0] as any;
+      let input = d.querySelectorAll('[data-autofocus]')[0] as HTMLElement | undefined;
       if (!input) {
-        input = d.querySelectorAll("button:not([data-noautofocus]),input:not([data-noautofocus])")[0] as any;
+        input = d.querySelectorAll('button:not([data-noautofocus]),input:not([data-noautofocus])')[0] as
+          | HTMLElement
+          | undefined;
       }
       if (input) {
         input.focus?.();
-        input.select?.();
+        if ('select' in input) {
+          (input as HTMLInputElement).select?.();
+        }
       }
     }, 100);
   }, []);
 
   // You cannot override dialogs position from absolute.
-  return className?.includes("storybook") ? (
-    <div className={clsx("LuiModalAsync", className)} style={style}>
+  return className?.includes('storybook') ? (
+    <div className={clsx('LuiModalAsync', className)} style={style}>
       {children}
     </div>
   ) : (
     <dialog
-      className={clsx("LuiModalAsync", className)}
+      className={clsx('LuiModalAsync', className)}
       style={style}
       ref={dialogRef}
       onCancel={(e) => {

package/dist/LuiModalAsync/LuiModalAsyncButtonGroup.tsx

@@ -1,14 +1,14 @@
-import { LuiModalAsyncInstanceContext } from "./LuiModalAsyncInstanceContext";
-import React, { PropsWithChildren, useContext } from "react";
+import { LuiButton } from '@linzjs/lui';
+import { LuiButtonProps } from '@linzjs/lui/dist/components/LuiButton/LuiButton';
+import React, { PropsWithChildren, useContext } from 'react';
 
-import { LuiButton } from "@linzjs/lui";
-import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
+import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
 
 /**
  * Wrapper for buttons at the bottom of model.
  */
 export const LuiModalAsyncButtonGroup = ({ children }: PropsWithChildren<unknown>) => (
-  <div className={"LuiModalAsync-ButtonGroup"}>{children}</div>
+  <div className={'LuiModalAsync-ButtonGroup'}>{children}</div>
 );
 
 /**
@@ -19,8 +19,8 @@ export const LuiModalAsyncButtonDismiss = React.forwardRef<HTMLButtonElement, Lu
     return (
       <LuiButton
         {...props}
-        {...(props.level ? {} : { level: "tertiary" })}
-        {...(props.autofocus ? { buttonProps: { "data-autofocus": true } } : {})}
+        {...(props.level ? {} : { level: 'tertiary' })}
+        {...(props.autofocus ? { buttonProps: { 'data-autofocus': true } } : {})}
         ref={ref}
         onClick={useContext(LuiModalAsyncInstanceContext).close}
       >
@@ -35,18 +35,18 @@ export const LuiModalAsyncButtonDismiss = React.forwardRef<HTMLButtonElement, Lu
  */
 export const LuiModalAsyncButtonContinue = React.forwardRef<
   HTMLButtonElement,
-  LuiButtonProps & { value?: any; autofocus?: boolean }
+  LuiButtonProps & { value?: unknown; autofocus?: boolean }
 >(function LuiModalAsyncButtonContinue(props, ref) {
   const { resolve } = useContext(LuiModalAsyncInstanceContext);
   return (
     <LuiButton
       {...props}
-      {...(props.level ? {} : { level: "primary" })}
-      {...(props.autofocus ? { buttonProps: { "data-autofocus": true } } : {})}
+      {...(props.level ? {} : { level: 'primary' })}
+      {...(props.autofocus ? { buttonProps: { 'data-autofocus': true } } : {})}
       ref={ref}
-      onClick={async (e) => {
+      onClick={(e) => {
         if (props.onClick) props.onClick(e);
-        else resolve(props.value ?? "continue");
+        else resolve(props.value ?? 'continue');
       }}
     >
       {props.children}

package/dist/LuiModalAsync/LuiModalAsyncContent.tsx

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from 'react';
 
 /**
  * Wrapper for modal content.
  * Content is the scrollable area.
  */
 export const LuiModalAsyncContent = ({ children }: PropsWithChildren<unknown>) => (
-  <div className={"LuiModalAsync-content"}>{children}</div>
+  <div className={'LuiModalAsync-content'}>{children}</div>
 );

package/dist/LuiModalAsync/LuiModalAsyncContext.tsx

@@ -1,4 +1,4 @@
-import { ComponentProps, MutableRefObject, ReactElement, createContext, createRef } from "react";
+import { ComponentProps, createContext, createRef, MutableRefObject, ReactElement } from 'react';
 
 export const openModalOnAllWindows = createRef<HTMLDivElement>();
 
@@ -11,7 +11,8 @@ export interface ShowModalProps {
   polledCloseCondition?: () => boolean;
 }
 
-export type ComponentType = (props: any) => ReactElement<any, any>;
+// eslint-disable-next-line
+export type ComponentType = (props: any) => ReactElement;
 
 /**
  * Promise extended to add the ability to externally resolve dialog.
@@ -31,19 +32,21 @@ export interface LuiModalAsyncCallback<R> {
 export interface LuiModalAsyncContextType {
   showModal: <
     OR extends HTMLElement | null,
+    // eslint-disable-next-line
     PROPS extends LuiModalAsyncCallback<any>,
-    CT extends (props: PROPS) => ReactElement<any, any>,
-    RT = Parameters<ComponentProps<CT>["resolve"]>[0],
+    CT extends (props: PROPS) => ReactElement,
+    RT = Parameters<ComponentProps<CT>['resolve']>[0],
   >(
     ownerRef: MutableRefObject<OR>,
     component: CT,
-    args: Omit<ComponentProps<CT>, "resolve" | "close">,
+    args: Omit<ComponentProps<CT>, 'resolve' | 'close'>,
     showModalProps?: ShowModalProps,
   ) => PromiseWithResolve<RT>;
 }
 
 export const LuiModalAsyncContext = createContext<LuiModalAsyncContextType>({
+  // eslint-disable-next-line @typescript-eslint/require-await
   showModal: (async () => {
-    console.error("Missing LuiModalAsyncContext Provider");
-  }) as unknown as LuiModalAsyncContextType["showModal"],
+    console.error('Missing LuiModalAsyncContext Provider');
+  }) as unknown as LuiModalAsyncContextType['showModal'],
 });

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.tsx

@@ -1,11 +1,3 @@
-import {
-  ComponentType,
-  LuiModalAsyncContext,
-  openModalOnAllWindows,
-  PromiseWithResolve,
-  ShowModalProps,
-} from "./LuiModalAsyncContext";
-import { LuiModalAsyncInstanceContext } from "./LuiModalAsyncInstanceContext";
 import React, {
   MutableRefObject,
   PropsWithChildren,
@@ -14,15 +6,25 @@ import React, {
   useEffect,
   useRef,
   useState,
-} from "react";
-import { createPortal } from "react-dom";
-import { useInterval } from "usehooks-ts";
-import { v4 } from "uuid";
+} from 'react';
+import { createPortal } from 'react-dom';
+import { useInterval } from 'usehooks-ts';
+import { v4 } from 'uuid';
+
+import {
+  ComponentType,
+  LuiModalAsyncContext,
+  openModalOnAllWindows,
+  PromiseWithResolve,
+  ShowModalProps,
+} from './LuiModalAsyncContext';
+import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
 
 export interface LuiModalAsyncInstance {
   uuid: string;
   ownerRef: MutableRefObject<HTMLElement | null>;
   componentInstance: ReactElement;
+  // eslint-disable-next-line
   resolve: (result: any) => void;
   showModalProps?: ShowModalProps;
 }
@@ -104,12 +106,18 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
     (
       ownerRef: MutableRefObject<HTMLElement | null>,
       Component: ComponentType,
+      // eslint-disable-next-line
       args: any,
       showModalProps?: ShowModalProps,
-    ): PromiseWithResolve<any> => {
+    ): // eslint-disable-next-line
+    PromiseWithResolve<any> => {
       const uuid = v4();
-      let extResolve: PromiseWithResolve<any>["resolve"];
-      const promise = new Promise((resolve) => {
+      // eslint-disable-next-line
+      let extResolve: PromiseWithResolve<any>['resolve'];
+
+      // @ts-expect-error promise resolve cast
+      // eslint-disable-next-line
+      const promise: PromiseWithResolve<any> = new Promise((resolve) => {
         extResolve = resolve;
         try {
           // If there are any exceptions the modal won't show
@@ -118,6 +126,7 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
             {
               uuid,
               ownerRef,
+              // eslint-disable-next-line
               componentInstance: <Component {...args} resolve={resolve} close={() => resolve(undefined)} />,
               resolve,
               showModalProps,
@@ -137,7 +146,7 @@ export const LuiModalAsyncContextProvider = ({ children }: PropsWithChildren<unk
             return modals.filter((e) => e.uuid !== uuid);
           });
         });
-      }) as PromiseWithResolve<any>;
+      });
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       promise.resolve = extResolve!;
       return promise;

package/dist/LuiModalAsync/LuiModalAsyncHeader.tsx

@@ -1,17 +1,17 @@
-import "./LuiModalAsync.scss";
+import './LuiModalAsync.scss';
 
-import { LuiModalAsyncInstanceContext } from "./LuiModalAsyncInstanceContext";
-import React, { PropsWithChildren, ReactElement, useContext } from "react";
+import { LuiButton, LuiIcon } from '@linzjs/lui';
+import { LuiIconName } from '@linzjs/lui/dist/assets/svg-content';
+import React, { PropsWithChildren, ReactElement, useContext } from 'react';
 
-import { LuiButton, LuiIcon } from "@linzjs/lui";
-import { LuiIconName } from "@linzjs/lui/dist/assets/svg-content";
+import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
 
 export interface LuiModalAsyncHeaderProps {
   icon?: LuiIconName | ReactElement;
   title: string;
   helpLink?: string;
   onHelpClick?: () => void;
-  helpButtonLevel?: "text" | "plain-text" | "primary" | "secondary" | "tertiary" | "success" | "error";
+  helpButtonLevel?: 'text' | 'plain-text' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error';
 }
 
 /**
@@ -27,13 +27,13 @@ export const LuiModalAsyncHeader = ({
   const { ownerRef } = useContext(LuiModalAsyncInstanceContext);
 
   return (
-    <div className={"LuiModalAsync-header"}>
+    <div className={'LuiModalAsync-header'}>
       {icon &&
-        (typeof icon === "string" ? (
+        (typeof icon === 'string' ? (
           <LuiIcon
             name={icon}
-            alt={"icon"}
-            size={"md"}
+            alt={'icon'}
+            size={'md'}
             className={`LuiModalAsync-header-icon LuiModalAsync-header-icon-${icon}`}
           />
         ) : (
@@ -42,19 +42,19 @@ export const LuiModalAsyncHeader = ({
       <h4>{title}</h4>
       {(helpLink || onHelpClick) && (
         <LuiButton
-          type={"button"}
-          level={helpButtonLevel || "plain-text"}
-          aria-label={"Help"}
-          title={"Help"}
-          className={"lui-button-icon-only"}
-          buttonProps={{ "data-noautofocus": true }}
+          type={'button'}
+          level={helpButtonLevel || 'plain-text'}
+          aria-label={'Help'}
+          title={'Help'}
+          className={'lui-button-icon-only'}
+          buttonProps={{ 'data-noautofocus': true }}
           onClick={
             helpLink
-              ? () => (ownerRef.current?.ownerDocument?.defaultView ?? window).open(helpLink, "_blank")
+              ? () => (ownerRef.current?.ownerDocument?.defaultView ?? window).open(helpLink, '_blank')
               : onHelpClick
           }
         >
-          <LuiIcon name="ic_help_outline" alt="Help" size="md" className={"LuiModalAsync-help-icon"} />
+          <LuiIcon name="ic_help_outline" alt="Help" size="md" className={'LuiModalAsync-help-icon'} />
         </LuiButton>
       )}
     </div>

package/dist/LuiModalAsync/LuiModalAsyncInstanceContext.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, createContext } from "react";
+import { createContext, MutableRefObject } from 'react';
 
 /**
  * Actions that can be taken from within the modal via instance context
@@ -6,11 +6,12 @@ import { MutableRefObject, createContext } from "react";
 export interface LuiModalAsyncInstanceContextType {
   ownerRef: MutableRefObject<HTMLElement | null>;
   close: () => void;
+  // eslint-disable-next-line
   resolve: (value: any) => void;
 }
 
 const NoContextError = () => {
-  console.error("Missing LuiModalAsyncInstanceContext Provider");
+  console.error('Missing LuiModalAsyncInstanceContext Provider');
 };
 
 /**

package/dist/LuiModalAsync/LuiModalAsyncMain.tsx

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
+import React, { PropsWithChildren } from 'react';
 
 /**
  * Wraps the content and header.  This is just to match the way figma is arranged.
  */
 export const LuiModalAsyncMain = ({ children }: PropsWithChildren<unknown>) => (
-  <div className={"LuiModalAsync-main"}>{children}</div>
+  <div className={'LuiModalAsync-main'}>{children}</div>
 );

package/dist/LuiModalAsync/index.ts

@@ -1,10 +1,10 @@
-export * from "./LuiModalAsync";
-export * from "./LuiModalAsyncButtonGroup";
-export * from "./LuiModalAsyncContent";
-export * from "./LuiModalAsyncHeader";
-export * from "./LuiModalAsyncMain";
-export * from "./LuiModalAsyncContext";
-export * from "./LuiModalAsyncContextProvider";
-export * from "./LuiModalAsyncInstanceContext";
-export * from "./useShowAsyncModal";
-export * from "./useLuiModalPrefab";
+export * from './LuiModalAsync';
+export * from './LuiModalAsyncButtonGroup';
+export * from './LuiModalAsyncContent';
+export * from './LuiModalAsyncContext';
+export * from './LuiModalAsyncContextProvider';
+export * from './LuiModalAsyncHeader';
+export * from './LuiModalAsyncInstanceContext';
+export * from './LuiModalAsyncMain';
+export * from './useLuiModalPrefab';
+export * from './useShowAsyncModal';

package/dist/LuiModalAsync/useLuiModalPrefab.tsx

@@ -1,29 +1,29 @@
-import { LuiModalAsync, LuiModalAsyncProps } from "./LuiModalAsync";
-import { LuiModalAsyncButtonGroup } from "./LuiModalAsyncButtonGroup";
-import { LuiModalAsyncContent } from "./LuiModalAsyncContent";
-import { LuiModalAsyncCallback, PromiseWithResolve } from "./LuiModalAsyncContext";
-import { LuiModalAsyncHeader } from "./LuiModalAsyncHeader";
-import { LuiModalAsyncMain } from "./LuiModalAsyncMain";
-import { useShowAsyncModal } from "./useShowAsyncModal";
-import clsx from "clsx";
-import { flatMap } from "lodash";
-import React, { PropsWithChildren, ReactElement, useCallback, useMemo, useState } from "react";
-
-import { LuiButton, LuiCheckboxInput, LuiMiniSpinner } from "@linzjs/lui";
-import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
-import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
-import { omit, pick } from "lodash-es";
-
-export type PrefabType = "success" | "info" | "warning" | "error" | "progress" | "blocked";
+import { LuiButton, LuiCheckboxInput, LuiMiniSpinner } from '@linzjs/lui';
+import { LuiButtonProps } from '@linzjs/lui/dist/components/LuiButton/LuiButton';
+import { IconName } from '@linzjs/lui/dist/components/LuiIcon/LuiIcon';
+import clsx from 'clsx';
+import { flatMap } from 'lodash';
+import { omit, pick } from 'lodash-es';
+import React, { PropsWithChildren, ReactElement, useCallback, useMemo, useState } from 'react';
+
+import { LuiModalAsync, LuiModalAsyncProps } from './LuiModalAsync';
+import { LuiModalAsyncButtonGroup } from './LuiModalAsyncButtonGroup';
+import { LuiModalAsyncContent } from './LuiModalAsyncContent';
+import { LuiModalAsyncCallback, PromiseWithResolve } from './LuiModalAsyncContext';
+import { LuiModalAsyncHeader } from './LuiModalAsyncHeader';
+import { LuiModalAsyncMain } from './LuiModalAsyncMain';
+import { useShowAsyncModal } from './useShowAsyncModal';
+
+export type PrefabType = 'success' | 'info' | 'warning' | 'error' | 'progress' | 'blocked';
 
 export interface LuiModalAsyncPrefabButton<RT> {
   default?: boolean;
-  level?: LuiButtonProps["level"];
+  level?: LuiButtonProps['level'];
   title: string;
   value?: RT;
 }
 
-export interface useLuiModalPrefabProps<RT extends any = string> extends LuiModalAsyncProps {
+export interface useLuiModalPrefabProps<RT = string> extends LuiModalAsyncProps {
   showOnAllWindows?: boolean;
   level: PrefabType;
   title: string;
@@ -38,27 +38,28 @@ export interface LuiModalAsyncPrefabProps<RT> extends useLuiModalPrefabProps<RT>
   //
 }
 
-export const getIconForLevel = (level: PrefabType): IconName | "custom_progress" => {
+// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+export const getIconForLevel = (level: PrefabType): IconName | 'custom_progress' => {
   switch (level) {
-    case "success":
-      return "ic_check_circle_outline";
-    case "info":
-      return "ic_info_outline";
-    case "warning":
-      return "ic_warning_outline";
-    case "error":
-      return "ic_error_outline";
-    case "progress":
-      return "custom_progress";
-    case "blocked":
-      return "ic_lock_alt";
+    case 'success':
+      return 'ic_check_circle_outline';
+    case 'info':
+      return 'ic_info_outline';
+    case 'warning':
+      return 'ic_warning_outline';
+    case 'error':
+      return 'ic_error_outline';
+    case 'progress':
+      return 'custom_progress';
+    case 'blocked':
+      return 'ic_lock_alt';
   }
 };
 
 const LuiModalDontShowSessionStorageKey = (userKey: string): string => `__LuiModalContext_dontshowagain_${userKey}`;
 
 export const LuiModalDontShowSessionSet = (userKey: string): void =>
-  window.sessionStorage.setItem(LuiModalDontShowSessionStorageKey(userKey), "true");
+  window.sessionStorage.setItem(LuiModalDontShowSessionStorageKey(userKey), 'true');
 
 export const LuiModalDontShowSessionRemove = (userKey: string): void =>
   window.sessionStorage.removeItem(LuiModalDontShowSessionStorageKey(userKey));
@@ -69,9 +70,9 @@ export const LuiModalDontShowSessionCheck = (userKey: string): boolean =>
 /**
  * A generic template for common types of modals.
  */
-export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps<any>>): ReactElement => {
+export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps<unknown>>): ReactElement => {
   const {
-    level = "warning",
+    level = 'warning',
     className,
     style,
     title,
@@ -91,9 +92,9 @@ export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps
    * Warning, Info, Error, Success: "Dismiss"
    * Progress: "Cancel"
    */
-  const buttons: LuiModalAsyncPrefabButton<any>[] = props.buttons ?? [
+  const buttons: LuiModalAsyncPrefabButton<unknown>[] = props.buttons ?? [
     {
-      title: level === "progress" ? "Cancel" : "Dismiss",
+      title: level === 'progress' ? 'Cancel' : 'Dismiss',
     },
   ];
 
@@ -103,7 +104,7 @@ export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps
     buttons.forEach((b, i) => {
       if (!b.level) {
         // Last button is primary all others are secondary
-        b.level = i === buttons.length - 1 ? "primary" : "secondary";
+        b.level = i === buttons.length - 1 ? 'primary' : 'secondary';
       }
     });
 
@@ -118,23 +119,23 @@ export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps
 
   return (
     <LuiModalAsync
-      className={clsx("LuiModalPrefab", `LuiModalPrefab-${level}`, className)}
+      className={clsx('LuiModalPrefab', `LuiModalPrefab-${level}`, className)}
       style={style}
       closeOnOverlayClick={closeOnOverlayClick}
     >
       <LuiModalAsyncMain>
         <LuiModalAsyncHeader
           title={title}
-          icon={icon === "custom_progress" ? <LuiMiniSpinner size={24} /> : icon}
+          icon={icon === 'custom_progress' ? <LuiMiniSpinner size={24} /> : icon}
           helpLink={helpLink}
           onHelpClick={onHelpClick}
         />
         <LuiModalAsyncContent>{children}</LuiModalAsyncContent>
         {dontShowAgainSessionKey && (
           <LuiCheckboxInput
-            className={"LuiCheckboxInput--nomargin"}
+            className={'LuiCheckboxInput--nomargin'}
             label={"Don't show me this again"}
-            value={"dontShowAgain"}
+            value={'dontShowAgain'}
             isChecked={dontShowAgain}
             onChange={(e) => setDontShowAgain(e.target.checked)}
           />
@@ -144,12 +145,12 @@ export const LuiModalPrefab = (props: PropsWithChildren<LuiModalAsyncPrefabProps
         {buttons.map((pf, i) => (
           <LuiButton
             key={i}
-            level={pf.level ?? "secondary"}
+            level={pf.level ?? 'secondary'}
             onClick={() => {
               setDontShow();
               resolve(pf.value);
             }}
-            buttonProps={pf.default ? { "data-autofocus": true } : undefined}
+            buttonProps={pf.default ? { 'data-autofocus': true } : undefined}
           >
             {pf.title}
           </LuiButton>
@@ -182,10 +183,10 @@ export const useLuiModalPrefab = () => {
   const { showModal, modalOwnerRef } = useShowAsyncModal();
 
   const showPrefabModal = useCallback(
-    <RT extends any = string>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
-      if (typeof props.children === "string") {
+    <RT = string,>(props: PropsWithChildren<useLuiModalPrefabProps<RT>>): PromiseWithResolve<RT> => {
+      if (typeof props.children === 'string') {
         // Convert \n to <br/>
-        const split = props.children.split("\n");
+        const split = props.children.split('\n');
         props.children = flatMap(split.map((part, i) => (i !== split.length - 1 ? [part, <br key={i} />] : part)));
       }
       if (
@@ -199,8 +200,8 @@ export const useLuiModalPrefab = () => {
       }
       return showModal(
         LuiModalPrefab,
-        omit(props, ["showOnAllWindows", "polledCloseCondition"]),
-        pick(props, ["showOnAllWindows", "polledCloseCondition"]),
+        omit(props, ['showOnAllWindows', 'polledCloseCondition']),
+        pick(props, ['showOnAllWindows', 'polledCloseCondition']),
       ) as PromiseWithResolve<RT>;
     },
     [showModal],

package/dist/LuiModalAsync/useShowAsyncModal.ts

@@ -1,23 +1,25 @@
+import { ComponentProps, useCallback, useContext, useMemo, useRef } from 'react';
+
 import {
   ComponentType,
   LuiModalAsyncContext,
   openModalOnAllWindows,
   PromiseWithResolve,
   ShowModalProps,
-} from "./LuiModalAsyncContext";
-import { ComponentProps, useCallback, useContext, useMemo, useRef } from "react";
+} from './LuiModalAsyncContext';
 
 export const useShowAsyncModal = () => {
   const { showModal } = useContext(LuiModalAsyncContext);
 
+  // eslint-disable-next-line
   const modalOwnerRef = useRef<any>(document.body);
 
   const showModalAsync = useCallback(
     <CT extends ComponentType>(
       component: CT,
-      args: Omit<ComponentProps<CT>, "resolve" | "close">,
+      args: Omit<ComponentProps<CT>, 'resolve' | 'close'>,
       props?: ShowModalProps,
-    ): PromiseWithResolve<Parameters<ComponentProps<CT>["resolve"]>[0]> =>
+    ): PromiseWithResolve<Parameters<ComponentProps<CT>['resolve']>[0]> =>
       showModal(props?.showOnAllWindows ? openModalOnAllWindows : modalOwnerRef, component, args, props),
     [showModal],
   );

package/dist/common/index.ts

@@ -1 +1 @@
-export * from "./useConstFunction";
+export * from './useConstFunction';

package/dist/common/useConstFunction.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from "react";
+import { useEffect, useRef } from 'react';
 
 /**
  * When calling external non-react components, and you can't update the function when state changes,

package/dist/index.ts

@@ -1,4 +1,4 @@
-export * from "./common";
-export * from "./LuiModalAsync";
-export * from "./panel";
-export * from "./panel/types";
+export * from './common';
+export * from './LuiModalAsync';
+export * from './panel';
+export * from './panel/types';

package/dist/panel/OpenPanelButton.tsx

@@ -1,6 +1,7 @@
 // Simple button to open panel and show panel state
-import { OpenPanelOptions, PanelsContext } from "./PanelsContext";
-import { useContext } from "react";
+import { useContext } from 'react';
+
+import { OpenPanelOptions, PanelsContext } from './PanelsContext';
 
 interface OpenPanelButtonProps extends OpenPanelOptions {
   uniqueId?: string;
@@ -12,7 +13,7 @@ export const OpenPanelButton = ({ buttonText, uniqueId = buttonText, ...openPane
 
   return (
     <button onClick={() => openPanel({ uniqueId, ...openPanelOptions })}>
-      Show {buttonText} {openPanels.has(buttonText) ? "(Open)" : ""}
+      Show {buttonText} {openPanels.has(buttonText) ? '(Open)' : ''}
     </button>
   );
 };